Ускорение сайта на WordPress. 11 путей повышения скорости загрузки сайта.

0
17

Повышение скорости работы сайта на WordPress является очень актуальным вопросом в настоящее время.
В данной статье попытаемся разобраться — как повысить производительность сайта новичку и не допустить ошибок.

Похожее изображение

Зачем ускорять сайт на WordPress?

  1. Поисковые системы (например, Google) ранжируют веб-сайты с быстрой загрузкой выше, чем медленные. Итак, если вы хотите улучшить свою позицию в поисковой выдаче, повышение скорости должно стать одним из ваших приоритетов.
  2. Исследования показали, что скорость загрузки сайта более 2 секунд, как правило, приводит к тому, что около 47 процентов посетителей закрывают сайт, не успев даже его увидеть. Итак, чтобы уменьшить процент «отказов», вы должны ускорить свой WordPress.
  3. Посетители интернет-магазинов — самая нетерпеливый народ; они ожидают, что страница загрузится в течение секунды. Итак, если вы работаете в интернет-магазине на WordPress, вам лучше подготовиться к серьезным улучшениям, чтобы ваш бизнес стал более прибыльным.
Картинки по запросу ранжирование гугл

Как проверить время загрузки вашего сайта?

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

  • размер этой конкретной страницы,
  • сколько запросов она генерирует,
  • кэширована страница или нет,
  • и, наконец, какой контент (статический или динамический) он размещает.

Домашняя страница веб-сайта обычно используется в качестве эталона для проверки времени загрузки. Чтобы проверить скорость веб-сайта, в Интернете широко используются следующие три инструмента:

  1. WebPageTest.org
  2. Tools.Pingdom.com
  3. PageSpeed ​​Insights (на самом деле это не сообщает о времени загрузки страницы, но выделяет элементы, которые можно настроить для ускорения WordPress)

Замерим для начала наш сайт jetweb.by

Для компьютеров
Для мобильных

Хорошо, пришло время перейти к главной теме! Вот 11 способов ускорить WordPress:

1. Выберите качественный веб-хостинг.

Основным фактором, влияющим на скорость веб-сайта, является хостинг вашего сайта WordPress. Может показаться хорошей идеей разместить ваш новый веб-сайт у провайдера виртуального хостинга, который предлагает «неограниченную» пропускную способность, пространство, электронную почту, домены и многое другое. Однако в этом предложении мы обычно упускаем тот факт, что среды с общим хостингом не обеспечивают хорошее время загрузки в часы максимальной нагрузки, а большинство из них не обеспечивают 99% безотказной работы в любой данный месяц.

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

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

Если смотреть в сторону малых проектов, отлично подойдут тарифные планы: клик.

Если все же решили серьезно подойти к делу: клик.

2. Используйте легкую тему WordPress

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

Наилучший вариант здесь — использовать легкие темы, такие как стандартные темы WordPress. Темы, типа Twenty Nineteen — это всегда хороший способ начать блог. Для многофункционального веб-сайта вы также можете выбрать тему, которая использует хороший фреймворк, такой как Bootstrap или Foundation.

Лучше всего под проект на WordPress делать верстку самим. Кстати, если нужна помощь — обращайтесь!

3. Уменьшить размеры изображения

Изображения вносят основной вклад в увеличение размера данной веб-страницы. Хитрость заключается в том, чтобы уменьшить размер изображений без ущерба для качества.

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

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

Проверим их на деле.

Установим плагин Image optimization & Lazy Load by Optimole. Приложение условно-бесплатное, т.е. некоторые функции доступны только при покупке профессиональной версии.

Для работы плагин требует вписать в него API-ключ, который дадут при регистрации на сервисе.

Регистрация занимает 10 секунд, необходимо только подтвердить email.

Вводим API ключ, данный после регистрации в поле ввода.

И не подключаемся?

Со второго раза все подключилось, фух…

Что-то происходит, плагин утверждает, что изображения на главной странице уже оптимизированы, ну, что же, проверим что изменилось в показателях PageSpeed Insights.

Для мобильных время загрузки стало немного меньше. Хоть и совсем небольшой, но прогресс.

4. Сократите файлы JS и CSS

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

Кроме того, если вы знакомы с темами WordPress, вы можете изучить руководства, предоставленные Google, и выполнить некоторые ручные исправления. Если нет, то есть плагины, которые помогут вам достичь этой цели; наиболее популярным из них является Autoptimize,  который может помочь в оптимизации CSS, JS и даже HTML вашего веб-сайта WordPress.

Установим и протестируем плагин Autioptimize.

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

Я ставлю галки на оптимизации CSS, JS, HTML и оставляю все как есть… тестируем! Кстати, в настройках есть и оптимизация изображений… лучше использовать один плагин вместо двух!

Для мобильных устройств скорость незначительно выросла, и это в любом случае +.

Для компьютеров скорость выросла заметно.

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

Если нужен подробны обзор каждой функции данного плагина — пишите в комментарии!

ВАЖНО! Некоторые настройки могут повредить вашему сайту. Протестируйте функционал сайта после подключения данного плагина.

5. Используйте расширенные механизмы кэширования с плагином кэширования.

Плагины для кэширования WordPress (например, W3 Total Cache) существуют уже давно, что облегчает сложные задачи по добавлению правил кэширования на элементы вашего сайта. Сочетание таких плагинов с передовыми механизмами кэширования, такими как Varnish, может помочь вам повысить скорость загрузки вашего сайта и в конечном итоге значительно ускорить работу WordPress.

Попробуем использовать данный плагин.

Запускаем со стандартными настройками, ставим только галку на Page Cache.

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

6. Используйте CDN

Люди, которые посещают ваш сайт, принадлежат к разным местам в мире, и, разумеется, скорость загрузки сайта будет отличаться, если посетители находятся далеко от места размещения вашего сайта. Существует много CDN (сетей доставки контента), которые помогают поддерживать минимальную скорость загрузки сайта для посетителей из разных стран. CDN хранит копию вашего сайта в различных центрах обработки данных, расположенных в разных местах. Основная функция CDN — обслуживать веб-страницу посетителю из ближайшего возможного местоположения. Cloudflare и MaxCDN являются одними из самых популярных сервисов CDN.

Использовать CDN я не стану, так как мой сайт ориентирован на страны СНГ, в общем-то большого смысла в использовании CDN нету.

7. Включить сжатие GZIP

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

Вы можете использовать либо плагин, такой как PageSpeed ​​Ninja , который включает сжатие GZIP, либо добавить следующие коды в ваш файл .htaccess.

AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

Попробуем просто добавить строки в файл .htaccess (находится в корне вашего сайта, если нет — создайте).

Сохраняем и наблюдаем за результатом.

Мобильной версии это не совсем помогло, но полной версии получше.

8. Очистка базы данных WordPress

Удаление ненужных данных из вашей базы данных позволит свести их размер к минимуму, а также поможет уменьшить размер ваших резервных копий. Также необходимо удалить спам-комментарии, фальшивых пользователей, старые черновики вашего контента и, возможно, даже нежелательные плагины, а также темы. Все это уменьшит размер ваших баз данных и веб-файлов и, следовательно, ускорит WordPress — ваш WordPress.

9. Деактивировать или удалить плагины

Хранение нежелательных плагинов на ваших веб-сайтах WordPress добавит огромное количество мусора в ваши веб-файлы. Кроме того, это также увеличит размер вашей резервной копии и создаст чрезмерную нагрузку на ресурсы вашего сервера во время создания файлов резервной копии. Лучше избавиться от плагинов, которые вы не используете, а также искать альтернативные методы для использования сторонних сервисов для автоматизации или планирования задач (например, публикация ваших последних сообщений в социальных сетях).

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

Попробуем удалить все лишние плагины и темы с сайта.

Прироста к скорости это не дало, зато мусора стало меньше!

10. Минимум внешних скриптов

Использование внешних скриптов на ваших веб-страницах добавляет большой объем данных к вашему общему времени загрузки. Таким образом, лучше всего использовать небольшое количество скриптов, включая только основные, такие как инструменты отслеживания (например, Google Analytics) или системы комментирования (например, Disqus).

11. Отключить пингбэки и трекбеки

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

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

Вы можете отключить все это в WP-Admin -> Настройки -> Обсуждение . Просто снимите флажок « Разрешить уведомления о ссылках из других блогов (пингбэки и трекбеки). «Это поможет вам ускорить работу WordPress.

Кстати, скорость компьютерной версии немного выросла после отключения.

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

Разобравшись в каждом инструменте можно достичь лучших результатов.

Задавайте вопросы в комментарии!

Оставить комментарий

avatar
  Подписаться  
Уведомление о