Как ускорить wordpress сайт? Этот вопрос один из самых популярных в СНГ и просто мега популярный в зарубежном интернете. До начала работы я хотел бы разобрать ценность быстрого сайта, так как не все понимают зачем это делать.

В чем основная ценность быстрых сайтов для владельцев бизнеса

Влияние скорости сайта на интернет магазины

Быстрый сайт помогает быстрее найти информацию и экономить время для посетителей. Экономя 2 секунды на загрузке сайта вы можете легко сэкономить людям около 2 минут времени работы с вашим сайтом.

Например в оптовых интернет магазинах количество внутренних переходов может достигать 60  страниц на одно посещение. Если у вас будет медленный сайт, то это может снизить внутренние переходы и вы будете получать 1-3 просмотров страниц. При низкой скорости сайта продаж товаров или услуг не будет совсем или их будет намного меньше чем могло бы быть.

На языке SEO специалистов скажу иначе благодаря ускорению сайта у вас будет расти поведенческий фактор, что положительно повлияет на позиции сайта в поиске и уменьшит процент отказов.

Скорость сайта на мобильных устройствах

Ускорение сайта помогает вашим посетителям на мобильных устройствах читать информацию или покупать товары пока они едут в метро, маршрутке, поезде, в такси сидят в кафе. Обычно с мобильных устройств будут плохие продажи если у посетителя сайта скорость мобильного интернета очень медленная. Быстрый сайт дает возможность посетителям за короткое свободное время просмотреть больше товаров.

Еще один факт с которым не поспоришь это постоянный рост мобильных устройств (телефонов, планшетов … ) и их доступность. Для выживания сайтам необходимо меняться. Как пример приведу сайт одного моего клиента «юридическую фирму», у него количество посетителей из мобильных устройств достигло отметки 46%, хотя еще пару лет назад было всего 15%.

Реакция поисковых систем на медленные сайты

Поисковики плохо реагируют на медленные сайты, проверено неоднократно. Google не раз заявлял что быстрый сайт не будет расти в поиске, но медленный сайт может падать.

Что эта цитата может значить для нас, все элементарно, если пользователю не комфортно, то он уйдет из вашего сайта, а google это заметит. Если таких пользователей будет много и они будут быстро уходить, то сайт точно пойдет вниз в поисковой выдаче.

Важный факт о скорости сайта. Яндекс считает сайты которые грузятся больше 3 секунд некачественными.

Позиции вашего сайта на мобильных устройствах и на ПК будут разные. Если потенциальный клиент ищет сайт в мобильном поиске, то поисковые системы будут более лояльны к быстрым сайтам. Это всегда хорошо видно на сайтах клиентов с большой посещаемостью на больших магазинах или порталах.

Ускорение сайта и GooglePage Speed Insights

1. Большинство пользователей ускорение сайта меряют только GooglePage Speed и это хорошо, но есть и другие показатели о которых Google вам не скажет и не оценит:
   1. Google очень хорошо видит какие картинки нужно сжимать по ширине и высоте, если в стилях указаны другие размеры, также покажет сколько можно сэкономить места. Но для некоторых картинок сжатие можно делать больше чем показатель google без потери качества и сайт от этого только выиграет.
   2. Картинки можно готовить под разные экраны и разную плотность пикселей (на ретина дисплеях), простым анализом Google не подскажет вам этого и надо будет покопаться в документации как это правильно сделать.
   3. GooglePage Speed не подскажет в каких форматах изображения будут занимать меньше места, например иногда лучшим форматом будет JPG, иногда PGN, а иногда и вовсе GIF.
   4. GooglePage Speed не подскажет какие изображения можно сделать векторными и использовать их на сайте. Векторные изображения не ухудшаются при изменении размеров и занимают чаще всего меньше чем растровые. Векторные изображения грузятся сразу при загрузке страницы, и так как их можно встраивать в стили или код страницы, то интерпретатору php ненужно искать файл в файловой системе на сервере.
   5. Google никогда не подскажет какие из изображений можно было бы соединить в спрайт и тем самым уменьшить количество запросов к серверу для поиска нужного файла.
2. Быстрый сайт будет делать меньше нагрузку на вашем сервере, а значит вы можете дольше не увеличивать тариф и не делать дополнительные расходы на хостинг.

Опасность при ускорении сайта

Полностью оптимизировать скорость сайта наверное не в силах никто, в самописных сайтах это сделать проще при условии хорошей команды и ровных рук программистов которые в дальнейшем будут работать с сайтом. А вот с CMS все сложнее.

Для CMS есть несколько опасностей и неудобств:

1. При использовании плагинов для сжатия стилей шаблон CMS может поплыть, так как тут нужно соблюдать строгий порядок подключения скриптов.
2. При использовании плагинов для JavaScript может нарушится функционал сайта и не всегда это можно заметить в самом начале оптимизации.
3. Опасность при обновлении CMS и плагинов. Очень часто разработчики CMS включают новый функционал и не всегда этот функционал нужен старым сайтам, например команда разработчиков WordPress за последнее время включила ссылки на сервис google fonts в коробку, а на старом сайте эти шрифты скорее всего будут ненужны, там уже все есть.
4. Темы для CMS будь то WordPress или другая CMS, разработчики стараются сделать шаблон гибким в настройке под любые требования, чтобы владелец шаблона мог сам настроить его, как ему хочется, но при этом размер и количество стилей буде намного больше. К примеру у сайта сделанного в ручную стили и скрипты суммарно могут занимать 40-50 кб., при этом я встречал темы у которых скрипты и стили занимали больше одного мегабайта. Много до неприличия!

По хорошему можно оптимизировать скорость загрузки сайта на движке если его изначально будут разрабатывать под высокие показатели скорости и качества, займет это намного больше времени и стоить будет намного дороже. Если те кто разрабатывают сайт опытные, то часть функционала для ускорения они все таки сделают, а если сайт вам нужен не на один день, то игра будет стоить свеч, сразу вы этого не ощутите, а вот когда будет много материала на сайте вы сможете изрядно сэкономить на его продвижении.

 

Как ускорить работу сайта на WordPress / WooCommerce

WordPress из коробки достаточно быстрый, обычно скорости работы движка мешает дополнительный функционал в теме или плагинах написанный мягко говоря ужасно. Но даже если на сайте все было сделано хорошо всегда можно добиться больших результатов немного поработав с CMS или настройками сервера.

Это важно сделать для ускорения сайта

1. Настройте кеширование через один из популярных плагинов WordPress.
2. Настройте кеширование на стороне сервера, чтобы браузер посетителей сайта грузил изображения всего один раз и потом брал их с компьютера посетителя.
3. Можно настроить ленивую загрузку изображений.
4. По финансовой возможности советую подключить хороший CDN, чтобы изображения из вашего сайта были быстро доступны с любой точки мира. Если такой возможности нет, можно поискать бесплатный.
5. Урезать большие изображения которые не дают нормально загружаться сайту до нужного размера, а не сжимать в разных местах их стилями.
6. Создать спрайты для иконок и мелкой графики на сайте, а еще лучше использовать векторные иконки и логотип.
7. Настроить плагины автоматического сжатия изображений, чтобы добавляя товар, услугу или запись в блог в которой есть картинка она бы сжималась до нужных размеров.
8. Советую использовать параметр SRCSET (только делать это нужно правильно) для отображения изображений с разной плотностью пикселей и разных экранов. Есть плагины, к сожалению хорошие плагины платные и чтобы их настроить нужно еще повозиться с API WordPress.
9. Уменьшить количество запросов в базу данных и отследить медленные запросы.
10. Почистить таблицы и опции в базе данных. Не забудьте сделать бекап, до начала чистки и после окончания проверить работоспособность сайта.
11. Сравните на своей тестовой площадке аналоги плагинов и определите какой работает быстрее. Знаю что сложно но может неплохо помочь. У меня был случай когда из за одного плагина ответ сервера был 21 секунду, после замены стал грузится 0,1 секунды.
12. Для совсем опытных можно некоторые опции из базы отключить из автоматической подгрузки.
13. Не забывайте обновлять WordPress последнее время он стал шустрее намного. При обновлении всегда делайте бекап.
14. Если у вас установлена старая версия PHP, переключите версию PHP на сервере на 7.0. (На время написания статьи с более поздними версиями были проблемы).
15. Проверьте возможно в теме на WordPress вызываются одни и те же данные в пределах одного шаблона, в таком случаи вы можете вызывать их один раз и положить в переменную, а дальше использовать ее.

Как хостинг может ускорить сайт?

1. Отлично когда на хостинге настроен Apache и Nginx в связке.
2. Если у вас VPS или хостинг позволяет, то можно включить Vanish кеширование и Memcache. Важно чтобы кеширование могло отлично работать в связке с CMS. Кому нужен хороший хостинг, пришите мне, есть отличный для США и СНГ.
3. Включить сжатие скриптов и стилей (Минимизировать JavaScript & CSS).
4. Включить gzip сжатие.
5. Часто хостинг может сам объединить стили и скрипты, но после объединения нужно плотно протестировать сайт, чтобы не было проблем с функционалом.
6. Переместить стили CSS перед JavaScript скриптами.
7. Включить отложенную загрузку изображений.
8. Объединять лишние пробелы.
9. Переместить небольшие внешние CSS в HTML.
10. Оптимизировать URL в атрибутах href и src.
11. Сделать Critical CSS, когда сразу грузятся основные стили вставленные инлайново в шапку сайта, а остальные грузятся в конце страницы.

Перечень функций может быть намного больше, все я перечислять не стал каждый сайт индивидуальный. Просто уточните у своего хостинга что у них можно настроить чтобы ускорить сайт. Если ничего нельзя или можно но не все, советую присмотреть новый хостинг. Я могу посоветовать этот хостинг для СНГ и вот этот хостинг для англоязычных сайтов, которым я уже давно пользуюсь на момент написания этой статьи.

Если вы специалист, то сможете разобраться в моем блиц рассказе как ускорить WordPress. Если вы не поняли ничего, из того что я написал, то закажите эту услугу у специалистов или можете заказать ее у меня, мои контакты находятся внизу и вверху страницы.

Ускорить WordPress дело не простое, но какое крутое чувство приходит когда сайт начал грузится моментально или ускорился в пару раз!

Мои примеры удачного ускорения сайта

Уменьшение количества запросов в базу данных, путем исправления одного модуля WordPress. На одной странице сайта было 4716 запросов в базу данных, после оптимаьного подбора и замены плагинов и удаления ненужных мы увидели результат в 149 запросов. Сайт грузился около 21 секунды, стал грузится, менее одной секунды. И это при том что сайт был сделан на старой теме с немаленьким функционалом.

На самом деле таких примеров можно привести большое количество, как я и говорил не только GooglePage Speed Insights можно ускорять сайты.

Еще один пример хорошей оптимизации скорости загрузки сайта на старой теме.

В этом примере как я и говорил на старых темах тяжело добиться чтобы все показатели были в зеленой зоне, но сайт и так очень заметно ускорился был ускорен.

Всем удачи в ускорении ваших сайтов. Если не разберетесь пишите, буду раз поработать для вас.

/* */