Почему мой сайт такой медленный? Как улучшить скорость сайта в WordPress?

Жалобы на скорость работы нашего сайта? Внимательно прочтите эту статью. Есть много причин, по которым тема работает быстро на одних сайтах, но медленно на других.

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

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

A. Как правильно проверить скорость сайта?

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

Действительно, GTMetrix и Pingdom - два самых популярных и надежных сайта для проверки скорости вашего сайта. Однако простого добавления URL-адреса вашего сайта в соответствующий флажок недостаточно для правильной проверки скорости сайта.

Некоторые из наших клиентов всегда беспокоятся о скорости, так как их скорость на GTMetrix очень медленная.

Например, этот тест скорости дает результат почти 19 секунд и общую оценку F.

Однако, если мы присмотримся, тестовый регион GTMetrix по умолчанию находится в Канаде, в то время как большинство ваших хостинг-провайдеров - это Bluehost, A2hosting, Godaddy и т. Д., И они базируются в США или Европе.

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

Если вы войдете в GT Metrix и измените тестовый регион на Даллас, скорость веб-сайта значительно улучшится. Например, в этом случае 19 секунд сократились до 4 секунд.

Если мы тестируем из Сан-Хосе, Калифорния, скорость улучшилась до 3,25 секунды.

Вот как LOCATION влияет на скорость вашего сайта. Не забывайте всегда выбирать место размещения, которое находится рядом с вашей аудиторией.

В другом тесте Бостьян Гартнар из Европы однажды пожаловался, что скорость его сайта в GTMetrix составляет около 3,5 секунд. Однако, как и в вышеупомянутой ситуации, местоположение GTMetrix по умолчанию находится в Канаде, а аудитория Bostjan не живет в Канаде.

Давайте попробуем для этого Pingdom. Давайте снова проведем тест для жителей Швеции, скорость сайта снижена до 600 миллисекунд.

Урок состоит в том, что не стоит доверять тестовой площадке, прежде чем учитывать фактор местоположения .

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

Это сложная технология, и если вы собираетесь выйти на глобальный уровень, ваша техническая команда обязательно будет знать, как развернуть CDN для вашего сервера. Одно из наших предложений относительно CDN - вы можете попробовать Cloudflare .

Б. Что дальше? Как повысить скорость работы сайта? Попробуйте эти:

1. Оптимизируйте свой код

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

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

Для наших высококачественных тем премиум-класса на ThemeForest мы делаем все возможное, чтобы оптимизировать код и удалить ненужные файлы, чтобы ваш сайт работал с нашей темой наилучшим образом. Фактически, большинство наших тем WordPress получили оценку A при проверке на Pingdom и GTMetrix.

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

Тема WordPress для образования - Education WP

Eduma или Education WP, в настоящее время является самой продаваемой темой WordPress для образования на ThemeForest, и ее качество просто нереально с регулярными обновлениями, поддержкой энтузиастов и высококачественными функциями и дизайном, посвященным образованию.

Тема для журналов WordPress - Mag WP - Лучшая тема для журналов.

Тема WordPress для отелей - Hotel WP - тема, которую необходимо иметь, если вы строите отель или отель типа "постель и завтрак"

2. Оптимизация изображения

Не будет преувеличением сказать, что 90 из 100 сайтов имеют эту проблему: владелец сайта загружает изображения без предварительного редактирования, чтобы уменьшить размер изображения и подогнать его под необходимую площадь.
Например, многие люди загружают портретное изображение размером 5 МБ в окно аватара, для которого требуется только изображение размером 90 × 90 пикселей, а не более 200 КБ. Это 4,8 МБ для аватара. И на вашем сайте будет больше мест, где нужны изображения.

• Не забывайте всегда изменять размер изображения и всегда стараться подогнать его под то положение, для которого оно предназначено.
  Вы можете использовать Photoshop, выбрать « Сохранить для Интернета» и настроить размер, количество цветов для оптимизации изображений.

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

• Вы также можете использовать Regenerate Thumbnails для регенерации изображений различных размеров для вашего веб-сайта. Например, если вы используете Regenerate Image, вышеуказанный аватар размером 5 МБ будет преобразован во множество различных версий. Кроме того, будет версия, предназначенная только для аватара размером 90 × 90 пикселей.

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

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

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

Один из лучших плагинов для кеширования - W3 Total Cache.

Вот конфигурация W3 Total Cache, которую обнаружил Бостьян, которая помогла повысить скорость его сайта до менее чем секунды.

Ниже приведены некоторые другие плагины кеширования, которые вы можете попробовать:

• Swift Performance - кэширование и повышение производительности WordPress

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

• WP супер кэш
• Ракета WP

То есть WP Rocket - это премиальный плагин для кеширования WordPress с тремя предлагаемыми тарифными планами. Технически вам нужно заплатить только единовременную плату, но поддержка и обновления включены, если вы будете продолжать платить каждый год. Тем не менее, кеширование для одного веб-сайта стоит 39 долларов, поддержка трех веб-сайтов - 99 долларов, а неограниченное количество веб-сайтов - 199 долларов.

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

Одна из причин, по которой нам так нравится плагин WP Rocket, заключается в его простом пользовательском интерфейсе и быстрой настройке. Это плагин для кэширования WordPress, способный сделать ваш сайт быстрым, но любой новичок может сесть и разобраться в большинстве задействованных настроек.

4. Удаление неиспользуемых плагинов.

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

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

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

5. Оптимизация сервера

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

• Используйте EasyEngine

Лучшее в Easy Engine заключается в том, что он очень помогает с параметрами кеширования и поддержкой HHVM и Page Speed.

• Оптимизация Nginx

Это продвинутая техника, поэтому я просто перечислю некоторые из наиболее полных руководств от Linode и DigitalOcean:

Как оптимизировать конфигурацию Nginx

Как настроить Nginx для оптимизации производительности

NGINX: заставляем ваши серверы летать

Настройка NGINX для лучшей производительности

Настройка NGINX для повышения производительности

6. Используйте PHP 7, чтобы значительно ускорить работу вашего сайта.

В настоящее время PHP 7.0 является последней версией PHP, и она довольно стабильна, так как выпускалась уже почти 2 года.

WordPress.ORG также рекомендует своим пользователям использовать PHP 7. В настоящее время только 9 из 100 пользователей WordPress используют PHP7. Просто обратитесь к своему хостинг-провайдеру и попросите его перейти с PHP 5 на PHP 7. В настоящее время PHP 5 по-прежнему является версией PHP по умолчанию во многих службах хостинга.

Ниже приведена таблица теста скорости темы Eduma - Education WP для ненастроенного сервера без кеширования с PHP 5.6.28 и сервера с PHP 7.0.18.

Очевидно, PHP 7 всегда быстрее, и его среднее время загрузки составляет менее 1,5 секунд для Eduma, использующего PHP 7, в то время как PHP5 требуется примерно 5 секунд для полной загрузки сайта.

Подробнее Как веб-хостинг влияет на скорость сайта