10 советов по улучшению скорости сайта WordPress

Скорость сайта WordPress

Скорость веб-сайта — это один из основных факторов, который большинство разработчиков и SEO-специалистов хотят улучшить. Буквально на этой неделе Google объявил, что скорость загрузки веб-страницы будет важным фактором ранжирования в его новом индексе Mobile First.

Согласно этой статье, скорость загрузки веб-страницы является прямым фактором отказа от страницы: 25% отказов всего через 4 секунды, наблюдаемые с помощью Google Analytics. Скорость загрузки страницы также оказывает негативное влияние на мобильных пользователей: по данным DoubleClick от Google, 53% мобильных пользователей покидают страницу через 4 секунды.

Поэтому на этой неделе мы решили разобрать несколько советов и методов, чтобы улучшить скорость вашего сайта WordPress.

1. Запустите тесты

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

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

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

2. Сократите и объедините (HTML, CSS и JavaScript)

Получив результаты WebPageTest, вы сможете увидеть количество запросов, сделанных вашим веб-сайтом на использование дополнительных страниц ресурсов, таких как страницы HTML, CSS и JavaScript.

Цель здесь состоит в том, чтобы попытаться максимально уменьшить это число, уменьшив эти файлы и объединив их вместе, чтобы уменьшить это число.

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

Простой способ сделать это — установить такие плагины, как WP Fastest Cache. В настройках плагинов этого типа вы хотите выбрать как минимизацию, так и комбинирование.

3. Минимизируйте время до первого байта

Время до первого байта или TTFB — это, по сути, измерение того, сколько времени требуется серверу для получения вашего запроса и отправки первого байта информации в ваш браузер.

Инструменты разработчика или DevTools — это набор инструментов веб-разработки и отладки, встроенных в Google Chrome. DevTools предоставляют веб-разработчикам глубокий доступ к внутренним компонентам браузера и их веб-приложений.

Если вы используете инструменты разработчика, важно помнить, что время отклика может зависеть от вашего интернет-соединения. Таким образом, чем медленнее ваше собственное соединение, тем медленнее будет отображаться ответ вашего сервера.

Если ваш TTFB меньше 200 мс, в мире все хорошо. Если нет, может быть несколько разных проблем, которые нужно решить, чтобы сократить это время.

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

Сокращение времени отклика сервера и включение кэширования — два исправления этих проблем, которые мы рассмотрим далее в этой статье.

4. Сократите время отклика сервера

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

Система доменных имен (DNS) — это сервер с базой данных IP-адресов и связанных с ними имен хостов. Когда пользователь вводит URL-адрес в свой браузер, DNS-сервер преобразует этот URL-адрес в IP-адрес, который указывает его местоположение в сети.

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

Если вы не уверены, кто является вашим текущим провайдером DNS, вы можете узнать это с помощью инструмента поиска DNS из MX Toolbox.

5. Выберите правильный вариант хостинга

Некоторые пакеты хостинг-провайдеров ограничены по скорости, лучше проверить, способен ли ваш хостинг-провайдер или ограничивает вашу текущую подписку.

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

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

6. Включите кеширование браузера

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

Простой способ включить кэширование в браузере — использовать плагин, такой как WP Fastest Cache. Выполните следующие действия, чтобы включить кэширование браузера:

• Загрузите и установите плагин WordPress «WP Fastest Cache».
• Перейдите к настройкам плагина WP Fastest Cache.
• Установите флажок «Кэширование в браузере» и нажмите кнопку «Отправить».
• После этого появится сообщение «Параметры сохранены».

Включить кэширование

В WP Fastest Cache опция системы кэширования после включения создает статические html-файлы из файлов базы данных php и mysql, из которых состоит ваш динамический веб-сайт WordPress.

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

При включенной системе кэширования серверу больше не нужно обращаться к файлам php и mysql, и он полагается на статический файл html.

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

7. Размер изображения

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

Рекомендуемый размер изображения составляет менее 100 КБ или 0,1 МБ, поэтому изображение загружается быстро, а это означает, что любые изображения, превышающие этот размер, должны быть сжаты до 100 КБ или ниже.

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

Если вы не умеете пользоваться фотошопом, я рекомендую использовать онлайн-сервисы сжатия CompressJPEG или CompressPNG.

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

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

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

Если вы не уверены, включен ли на вашем сайте Gzip, вы можете использовать Check GZIP Compression. Просто введите URL своего сайта, и если у вас включен Gzip, вы увидите что-то вроде этого:

9. Используйте внешние хостинговые платформы

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

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

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

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

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

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

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

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