Как ускорить загрузку своего сайта (советы от студии Themes Zone)

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

  1. В первую очередь важно выбрать хороший хостинг.
    Особенно это актуально в странах СНГ, потому что существует очень много маленьких некачественных хостеров, но даже некоторые большие хостеры предоставляют услуги низкого качества для недорогих тарифных планов, «мотивируя» вас покупать более дорогие пакеты услуг. Как минимум для сайта на CMS WordPress в тарифном плане должно быть выделено 128MB оперативной памяти, меньше даже не смотрите, гарантированно будет не хватать памяти и сайт будет периодически падать. Ребята из Themes Zone рекомендуют обратить внимание на хостеров у которых есть отдельные тарифы для сайтов на WordPress, потому как такой хостинг будет настроен и заточен под оптимальную работу данной CMS.
  2. Ускорить работу сайта позволяют плагины кеширования.
    Но их необходимо использовать очень осторожно. Например, включать их следует уже после завершения всех работ на сайте, чтобы не возникало проблем, когда админ вносит правки в сайт, а пользователь в закешированной версии не видит изменений. После внесенных изменений или обновления шаблонов или плагинов, необходимо чистить кеш. Так же плагины кеширования необходимо осторожно использовать в магазинах, чтобы не кешировались страницы Корзины и Оплаты, и чтобы не кешировалась информация о заполненной корзине в хедере или футере. Themes Zone рекомендуют такие плагины:
    W3 Total Cache — https://wordpress.org/plugins/w3-total-cache/
    WP Super Cache — https://wordpress.org/plugins/wp-super-cache/
  3. Вы можете использовать CDN.
    Что делает CDN — он создает копии статического контента вашего сайта (изображения, css и javascript-файлы) на разных серверах по всему миру. Когда посетитель приходит на ваш сайт, он получает эти статические файлы с ближайшего сервера. Итак, скажем, североамериканские посетители получают файлы вашего сайта из Канады, а европейские посетители получают их из Норвегии. Это значительно увеличивает скорость загрузки вашего сайта. Вот некоторые из популярных поставщиков услуг CDN:
    https://www.maxcdn.com/
    http://www.metacdn.com/integrations/wordpress-cdn
    http://www.wpcdn.com/cdn/wordpress-acceleration/
  4. Вы можете (вы должны) оптимизировать свои изображения на сайте.
    Обычно, это «самая тяжелая» часть вашего сайта и занимает больше всего времени для загрузки. Уменьшите начальные размеры изображений онлайн или офлайн, прежде чем загружать их на свой сайт. Это некоторые из популярных онлайн-сервисов для уменьшения размера изображения:
    http://tools.dynamicdrive.com/imageoptimizer/
    http://www.punypng.com/
    Некоторые из популярных автономных приложений для уменьшения размера изображения:
    Для Windows:
    http://psydk.org/pngoptimizer
    Для Mac:
    https://imageoptim.com/
  5. Можно (нужно!) оптимизировать базу данных.
    Суть оптимизации базы данных заключается в удалении черновиков, не используемых (удаленных) элементов, спамовых комментариев а так же ревизий! Никто не обращает внимание на ревизии, но они занимают очень много места и на моей практике было много случаев, когда редактирование страниц, используемых Visual Composer занимало много времени и происходило очень долго, пока из базы данных не удалялись ревизии, после этого вес базы уменьшался со 140MB до 12MB, а загрузка страниц ускорялась в несколько раз.
    Некоторые из популярных плагинов для оптимизации баз данных:
    https://wordpress.org/plugins/wp-optimize/installation/
    https://wordpress.org/plugins/wp-dbmanager/
  6. Вы можете минифицироват файлы css и js.
    На финальной стадии разработки вашего сайта вы можете минифицировать все стили и скрипты и объединить их в отдельные файлы. Это будет сложно сделать, если работы по разработке будут продолжаться, а для минификации вы будете использовать не Gulp, а онлайновые сервисы, которые хорошо подойдут для статичных сайтов
    http://cssoptimiser.com/
    http://www.codebeautifier.com/
    Онлайн сервисы для js:
    http://javascriptcompressor.com/
    WordPress плагины (использовать очень осторожно, тщательно протестировав, так как очень много было проблем из-за конфликтов различных библиотек и плагинов):

    Autoptimize


    https://wordpress.org/plugins/bwp-minify/

  7. Вы можете использовать Lazy Load библиотеку.
    С технологией Lazy Load пользователь загружает только те изображения вашего сайта, которые он видит в своем окне браузера. Таким образом, скорость загрузки вашего сайта уменьшится.
    Ссылка на плагин:
    https://wordpress.org/plugins/bj-lazy-load/

Еще полезные ссылки по теме:

  1. http://www.smashingmagazine.com/2014/06/25/how-to-speed-up-your-wordpress-website/
  2. http://www.sparringmind.com/speed-up-wordpress/
  3. http://code.tutsplus.com/tutorials/speed-up-wordpress-caching-and-database-optimization—cms-22055
  4. http://code.tutsplus.com/tutorials/speed-up-wordpress-using-cdns-compression-and-minification-to-speed-up-wordpress—cms-22056
Использование «$» вместо «jQuery» в шаблонах WordPress

В WordPress по умолчанию подключается библиотека jQuery. Поэтому не обязательно подключать дополнительные библиотеки jQuery, достаточно…

Child theme

Создаем дочернюю тему. первым делом создается папка с таким же именем как у родителя с…

Форма HubsPot отображается в неправильном месте

Быстрая заметка о проблеме, которая иногда встречается с форматами HubSpot, неправильно отображающимися на сайтах. Это…

Как сделать сайт на WordPress многоязычным? Мультиязычность для ленивых, используем плагин Google Language Translator

Для мультиязычности сайтов на CMS WordPress я рекомендую использовать плагин Polylang — наиболее удобный, гибкий…

Ответить