Ускорение сайта

Приветствую вас, дорогие друзья. В данной статье речь пойдет об ускорении сайта.

Разберемся с факторами ускорения. Первейшее, с чем вы должны разобраться — это, работает ли у вас плагин WP Super Cache или аналогичной ему плагин WP Rocket, который является платным.

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

WP Super Cache

Плагин WP Super Cache — просто его включили, и он работает. Главное, убедитесь в том, что он работает после включения. И, если вы разлогинены из админки, в исходном коде, в самом конце вы должны видеть вот такой вот комментарий.

Это значит, что плагин WP Super Cache работает.

WP Rocket

Аналогичный комментарий будет и по WP Rocket. Там можно тоже убедиться, что плагин работает и платный WP Rocket круче ровно тем, что он позволяет задавать дополнительные опции сжатия HTML, CSS, JS. Объединение с Google Fonts и разные всякие другие опции. Главное, чтобы это все, в итоге, работало с вашей темой.

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

Кстати, время загрузки страницы можно анализировать при помощи сервиса https://gtmetrix.com/. Для иллюстрации контента мы используем только формат JPEG. Он подходит лучше всего. Мало того, его еще нужно сжимать.

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

Еще можно сделать некий симбиоз автоматического и ручного сжатия — использовать ресурс https://kraken.io/web-interface. Переходите по ссылке, засовываете ему на вход картинки, которые будут использоваться в данной публикуемой статье, и на выходе получаются сжатые их варианты. И уже, соответственно, загружаете сжатые картинки.

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

Плагины для автоматизации сжатия

Итак, по поводу автоматизации. Можно, например, использовать плагин Smush Image Optimization.

Либо Imagify. Плагин Smush Image Optimization в бесплатном своем варианте, вроде бы, что-то там жмет, но это несерьезно, и хороших результатов в погоне за ускорением здесь добиться нельзя.

А вот плагин Imagify даст вам очень интересный результат по сжатию, если вы за него заплатите и используете вариант сжатия “Ультра”.

В этом варианте происходит ухудшение качества изображения, но при этом значительно падает размер. Именно поэтому этот плагин довольно-таки крут. Ну и, более тонкие моменты, касательного ускорения сайта можно получить, проанализировав его при помощи Google Page Speed.

Google Page Speed

Давайте посмотрим, что Google Page Speed может показать из тонкостей.

Здесь нужно, опять же, выяснить, например, что вот, “я забываю сжимать картинки” или “ой, я не использую плагин WP Super Cache” или “я забыл его активировать”, все эти вещи всплывут при анализе сайта при помощи Google Page Speed. Введите ссылку на свой сайт и смотрите, что вам тут написали.

В большинстве подавляющем случаев, Google Page Speed будет намекать на то, что неплохо бы убрать javascript и CSS из верхней части сайта.

Дело в том, что в WordPress сделать это не так уж и просто, надо делегировать специалисту техническому, он будет это решать разными способами, но я вас хочу успокоить. Заниматься решением этих проблем нужно только в том случае, если все остальные вы решили. Потому что, не так уж это и важно. Если Google Page Speed пишет о том, что нужно включить сжатие, надо просто написать хостеру, приложить скриншот Google Page Speed, открыть подробности, чтобы он остро видел, что именно там нужно сжимать.

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

Если от вас Google Page Speed потребует использовать кэш-браузера, то надо разобраться. Тут либо надо писать хостеру, в том случае, если в подробностях по данной проблеме всплывут url, имеющие отношения к вашему сайту. Либо использование кэша требует какой-то сторонний скрипт, который грузится, например, с сайта Яндекс, в случае использования статистики от Яндекса, и здесь вы уже ничего сделать не можете, просто смиритесь.

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

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

В подробностях вы можете посмотреть url этих изображений — если они действительно даже не темы, то действовать надо следующим образом.

  1. Если вы прокрутите ниже, то увидите, что там присутствует ссылка, позволяющая скачать оптимизированные JavaScript и CSS ресурсы для страницы.
  2. Скачав их, вы сможете заменить оптимизированными изображениями файлы темы, которые не оптимизированы. Либо руками взять эти файлы и отправить их на оптимизацию.И после их оптимизации, нужно заменить не оптимизированные оптимизированными.
  3. Если у вас потребуют сохранить HTML, то этим надо заняться при помощи WP Rocket. Он умеет оптимизировать HTML.
  4. Для того, чтобы сократить CSS и JS, потом нужно будет взять файлы из вашей темы мы и отправить их в онлайн-ресурсы, которые сжимают. В результате из сжатия, нужно будет просто заменить исходные файлы на них.

Но исходники нужно сохранить где-то в компьютере, потому что, если нужно будет что-то править, необходимы будут не оптимизированные файлы. Либо можно использовать библиотеку “yuicompressor”.

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

“Сокращение времени ответа сервера” — часто бывает такая странная проблема в Google Page Speed, и тут вы должны проверить, а кэширует ли действительно WP Super Cache или WP Rocket. Есть ли тот самый комментарий в исходном коде?

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

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

1 Star2 Stars3 Stars4 Stars5 Stars (1 голосов, в среднем: 5,00 из 5)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *