Как увеличить скорость загрузки сайта Wordress

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

Как увеличить скорость загрузки сайта Wordress

В наше время, больших скоростей интернета, пользователи ожидают, что веб-страницы будут загружаться практически сразу, как только они перейдут по ссылке. Но у многих сайтов, в том числе, работающих на движке WordPress возникают проблемы с «открытием» и они попросту «висят». Замечали такое? Лично я с такими явлениями встречаюсь часто!

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

Вот некоторые показатели, чтобы оценить ситуацию:

• 47% пользователей ожидают, что страница загрузится менее чем за 2 секунды.
• 40% онлайн-покупателей покидают страницу, если загрузка занимает более 3 секунд.
• Задержка загрузки страницы на 1 секунду может привести к снижению удовлетворенности клиентов на 16%, конверсии на 7% и снижению количества переходов на страницы на 11%.

Более того, сайты e-commerce связывают быструю загрузку с увеличением доходов, и наоборот.

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

Ускорение сайта на WordPress

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

Сетки и float-свойство вместо вложенных таблиц

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

<table>

<table>

………

</table>

</table>

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

<table>…</table>

<table>…</table>

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

<h1>Basic float example</h1>

<img src=»https://www.examplesite.com/files/image.jpg» alt=»image anchor text»>

<p> Sample text </p>

<p> Sample text </p>

Уменьшение числа HTTP-запросов

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

Чем больше количество элементов на странице, тем больше для каждого из них делается HTTP-запросов, что приводит к увеличению продолжительности времени загрузки страницы, а это может навредить конверсиям. По оценкам Yahoo, почти 80% времени загрузки страницы приходится на загрузку различных элементов страницы.

• Используйте инструмент для проверки HTTP-запросов, чтобы узнать, сколько запросов делает страница.
• К счастью, можно уменьшить число HTTP-запросов, не разрушая веб-дизайн. Вот как:
• Комбинируйте файлы: используйте скрипты и внешние таблицы стилей (но не более одного сценария и файла CSS).
• Карты изображений. Используйте смежные изображения вместо нескольких блоков изображения, чтобы уменьшить количество HTTP-запросов.

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

Делайте небольшие блоки Javascript встроенными

Конвертируйте изображения в Base64 с помощью кодировщика; он преобразует изображение в код, не допуская HTTP-запроса.

Постраничные комментарии

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

Что с ними делать? WordPress предлагает очень умное решение — разбить поток комментариев по страницам.

В панели инструментов перейдите в «Настройки». В разделе «Другие настройки комментариев» можно настроить параметры того, сколько комментариев отображается на странице и какая страница отображается под статьей.

Обновление WordPress до новейшей версии PHP

Обновлять сайт каждый раз, когда выходит новая версия PHP, может быть немного утомительно. Но это стоит времени и усилий. Те же самые скрипты могут работать на 25-30% быстрее на новых версиях PHP; представьте, насколько уменьшится время загрузки сайта после обновления.

PHPClasses опубликовала обширное экспериментальное исследование, в котором подчеркивалось, что скрипты выполняются значительно быстрее на PHP 7.1 по сравнению с предыдущими версиями.

Gzip-сжатие

Если вы пользуетесь инструментом PageSpeed Insights от Google для быстрого анализа веб-страниц, вероятно, вы найдёте там рекомендации по использованию Gzip-сжатия. Это сжатие позволяет веб-серверам сжимать тяжелые элементы контента веб-сайта.

Сжатие настолько эффективно, что может уменьшить размер страницы до 30-40% от её начального размера. Скоростные показатели из-за этого могут увеличиться в три-четыре раза по сравнению с предыдущими.

Для многих веб-мастеров установка плагина сжатия Gzip по-прежнему является лучшим вариантом. Плагин W3 Total Cache, помимо всех своих замечательных функций, также предлагает сжатие HTTP.

Другие варианты:

Спросить у своего хостинга, предлагает ли он Gzip-сжатие.

Вручную включить Gzip-сжатие через .htaccess (это руководство Kinsta объясняет, как это сделать)

Реклама и всплывающие окна не должны испортить UX

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

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

Website Speed Test от Pingdom тщательно анализирует каждый файл и скрипт на странице. Этот инструмент подскажет, загрузка какого скрипта отнимает больше всего времени.

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

Плагин кэширования для WordPress

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

Среди множества плагинов для кэширования, которые можно использовать, WOT Cache Plugin пользуется большим доверием и популярностью.

Среди его многочисленных функций:

• Объединение файлов CSS и Javascript.
• Оптимизация мощности кэширования страниц и кэширования браузера.
• Применение отложенной загрузки для значительного улучшения времени загрузки страницы.
• Помощь в оптимизации базы данных и удаление строк запроса из файлов CSS/Javascript.
• Сохранение большой пропускной способности путём уменьшения размеров файлов веб-страниц.

Бонус: Помощь хостера

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

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

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

Заключительное слово

Надеюсь теперь Вам понятно как увеличить скорость загрузки сайта Wordress. Увеличение скорости загрузки веб-страницы на несколько миллисекунд приведёт к десяткам процентов улучшения трафика и коэффициента конверсии.

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

Вместо заключения

Хотите выйти в ТОП10 Яндекс и долго там оставаться? Продвигайте свои сайты и интернет-магазины исключительно белыми SEO методами! Не умеете? Могу научить! Тем, кто хочет разобраться во всех премудростях SEO, предлагаю посетить мои курсы по SEO обучению, которые я провожу индивидуально, в режиме онлайн по скайпу.