Как ускорить работу сайта WordPress или любого другого сайта

Почти никаких продаж, 1-3 регистрации по электронной почте в день и 90% отказов — вот с чем столкнулся мой фитнес-бизнес-7Sigma Physiques через несколько месяцев после запуска. Как вы можете себе представить, я был обескуражен и расстроен. И я даже не знал, с чего начать поиск неисправностей. Неужели содержание моего фитнес-блога было настолько ужасным, что никто не хотел его читать? Может быть, мой стимул для входа недостаточно привлекателен? Неужели моя воронка продаж была хуже ананаса на пицце? Шучу, я люблю ананасы на пицце. Не судите меня. В любом случае, когда бизнес работает плохо, легко начать искать проблемы с копиями продаж, продуктами и контентом. На самом деле, одна из последних вещей, которая приходит в голову владельцу малого бизнеса, — это скорость работы его сайта. Это легко пропустить, но это имеет огромное влияние. Я знаю по собственному опыту.

Как ускорение времени загрузки помогло моему бизнесу

Когда я начал изучать Google SEO, чтобы привлечь больше трафика на свой сайт, я обнаружил, что Google использует в качестве факторов ранжирования такие сигналы, как скорость сайта, надоедливые всплывающие окна, безопасность HTTPS и удобство для мобильных устройств. Несмотря на то, что я занимаюсь программированием, мне и в голову не приходило, что проблема может быть связана с моим сайтом, а не с контентом или воронкой продаж. Но после проверки скорости сайта я увидел, что она довольно низкая, поэтому я принялся за работу и внес некоторые изменения. Через пару недель после завершения оптимизации сайта мой показатель отказов стал составлять около 66%, а количество подписчиков по электронной почте увеличилось с 1-3 в день до 15-20. Неудивительно, что увеличение числа подписчиков привело к небольшому росту продаж. Как оказалось, моя проблема заключалась в том, что когда люди переходили на мой сайт, контент загружался так долго, что они просто уходили.

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

В наше время люди хотят получить все сразу — и обычно они это получают. (Честно говоря, я виню в этом Amazon и его однодневную доставку). Если ваш бизнес не соответствует сегодняшним стандартам «мгновенного удовлетворения», люди без проблем обратят внимание на ваших конкурентов. Вот несколько интересных фактов о скорости сайта:

• По данным Google, 53% посетителей покидают сайт, если его загрузка занимает более 3 секунд.
• Google теперь использует мобильную версию вашего контента для индексации и ранжирования вместо версии для настольных компьютеров. А в розничной торговле односекундная задержка загрузки мобильного сайта может снизить конверсию на 20%.

Этого достаточно, чтобы беспокоиться, верно?

Как проверить скорость вашего сайта

Вы можете проверить скорость сайта с помощью бесплатных инструментов, таких как Google PageSpeed Insights или GTmetrix.

При проведении тестов скорости следует обратить внимание на следующие показатели:

• Время до первого байта (TTFB). Это время, которое браузер вашего посетителя должен ждать до получения первого байта данных от сервера. Все, что меньше 100 мс, считается отличным TTFB. Google рекомендует держать его на уровне 200 мс.
• Задержка первого ввода (FID). Это время, которое проходит с момента взаимодействия пользователя с элементом на вашей странице (например, щелчок по ссылке или нажатие кнопки) до момента, когда браузер начинает обрабатывать это взаимодействие. Хорошая FID должна составлять менее 100 мс.
• Крупнейший контентный рисунок (LCP). Этот показатель измеряет, сколько времени требуется для полной загрузки самого большого элемента содержимого на экране. Это должно занимать менее 2,5 секунд.
• Кумулятивный сдвиг макета (CLS). Этот показатель измеряет, насколько сильно смещаются элементы веб-страницы во время ее загрузки. В идеале показатель CLS должен быть меньше 0,1.

И вот несколько вещей, на которых не стоит заострять внимание:

• Баллы. Не теряйте сон из-за оценок. Ваш сайт может получить пятерку по GTmetrix, но при этом загружаться более 10 секунд. Аналогичным образом, он может получить ужасную оценку, но загружаться очень быстро. Проблема с тестовыми оценками заключается в том, что они рассматривают каждый сайт одинаково и дают общие рекомендации. Они не знают, работает ли у вас сайт электронной коммерции с тоннами тяжелых изображений или загружаются внешние файлы, которые вы не можете оптимизировать. Это все равно, что FDA использует 2000 калорий в день в качестве общих рекомендаций по питанию. Это было бы слишком много калорий для неактивного человека весом 100 фунтов и слишком мало для человека весом 200 фунтов, который регулярно занимается спортом.
• Время полной загрузки. Это еще одна метрика, о которой не стоит слишком беспокоиться. Дело в том, что ваш сайт может быть полностью пригоден для использования посетителями еще до того, как он полностью загрузится. Лучше иметь LCP в 1 секунду при времени полной загрузки 10 секунд, чем LCP в 4 секунды при времени полной загрузки 5 секунд.

Что я сделал для повышения скорости сайта

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

Смена хостинг-провайдера

Больше всего на скорость моего сайта влиял мой дешевый виртуальный хостинг-провайдер. Если вы испытываете высокий TTFB, то, скорее всего, это связано с вашим хостингом. Хостеры общего доступа стремятся разместить как можно больше пользователей на одном сервере, чтобы минимизировать расходы, а это значит, что все в итоге борются друг с другом за ресурсы сервера. Это приводит к снижению скорости страниц и увеличению времени простоя. Мало того, если кто-то на вашем сервере будет взломан, ваш сайт также будет уязвим. Когда я перешел к лучшему хостинг-провайдеру, скорость моего сайта снизилась с 3 секунд до 600 мс. (Примечание: я уже провел другие оптимизации, которые помогли мне достичь отметки в 3 секунды). Вот как выбрать лучшего хостера для вашего сайта WordPress.

Смена темы и редизайн моего сайта

Я перешел от использования раздутой темы WordPress к легкой теме и изменил дизайн своего сайта, используя стандартный редактор WordPress Gutenberg с бесплатным плагином блоков Gutenberg.  Использование хорошо проработанной и быстрой темы может оказать большое влияние на скорость вашего сайта, особенно если вы переходите от темы «все в одном» и конструктора страниц с функцией drag-and-drop.

Удаленные и замененные плагины

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

Оптимизированные изображения

Загружаете ли вы изображения прямо с камеры на свой сайт? Загружаете, не так ли? Не волнуйтесь, я тоже так делал. Проблема в том, что фотоаппараты стремятся получить максимально возможное качество, что приводит к большим размерам файлов. Теперь я изменяю размер и сжимаю изображения перед загрузкой их на WordPress. Для этого можно использовать бесплатные сайты вроде Optimizilla или TinyPNG. Или, если на вашем сайте уже есть тонна изображений, вы можете использовать плагин ShortPixel, чтобы оптимизировать их без необходимости повторной загрузки.  В конечном итоге, сжатие изображений позволит уменьшить размер файла при сохранении качества.

Добавлена CDN

Сеть доставки контента (CDN) распределяет ваши данные по различным серверам по всему миру и доставляет контент с того из них, который находится ближе всего к запрашивающему его посетителю. Поскольку я ориентируюсь на людей со всего мира, мне выгодно иметь CDN. Но если у вас местный бизнес, то он вам не нужен. Более того, его наличие может навредить скорости вашего сайта. Поэтому для местных компаний я просто рекомендую выбирать хостинговый центр обработки данных, который находится недалеко от вашего города. Если вы думаете, что вам нужен CDN, вы можете использовать бесплатную версию Cloudflare, которая довольно надежна.

Установлен плагин кэширования

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

Переключенные шрифты

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

Иногда те вещи, которые вы (и ваши клиенты) не видите, вызывают наибольшие проблемы. Скорость сайта может иметь решающее значение для повышения рейтинга в Google, получения большего числа подписчиков электронной почты, увеличения продаж и, конечно, обеспечения лучшего пользовательского опыта.