Оптимизация скорости загрузки сайта

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

Зачем нужна оптимизация скорости сайта?

Чем дольше грузятся страницы сайта, тем хуже поведенческие факторы: больше отказов, меньше просмотренных страниц. Тормоза будут особенно ощутимыми при медленном соединении с интернетом или использовании сетей устаревшего формата (3G). А если у сайта не будет мобильной версии или адаптивного дизайна, то мобильный трафик также сильно просядет. Чтобы этого избежать, требуется оптимизация скорости сайта. В идеале страница должна загружаться не дольше 2-х секунд. Если ей требуется больше 4-х секунд – уже повод задуматься и начинать исправлять ситуацию, т.к., согласно исследованиям, это приводит к потере почти 60% трафика.

Быстрой загрузке страниц могут мешать следующие факторы:

• Неструктурированный html-код;
• Большие и тяжелые изображения;
• Скрипты, блокирующие работу сайта;
• Использование стилей в html-шаблонах;
• Медленная работа сервера, проблемы на стороне хостинга, превышение лимитов по тарифу;
• Вирусы и другой вредоносный код на сайте.

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

С чего начать оптимизацию скорости загрузки сайта

Прежде всего, стоит измерить, за какое время страницы сайта загружаются. Нужно проверить не только главный URL, но и все значимые: рубрики в блоге, длинные посты, категории в интернет-магазине, карточки товаров, которые интересны для бизнеса, информационные страницы. Для теста можно использовать любые онлайн-сервисы, например, http://sitespeed.ru. Здесь можно получить информацию об общем времени загрузки, размере файла и времени генерации страницы.

Сервис указывает на проблемы, например:

• Выключено сжатие страницы;
• Медленная генерация содержимого;
• Слишком большой размер файлов со скриптами и стилями;
• Выключено кэширование на хостинге.

Узнать рекомендации поисковой системы Гугл для оптимизации скорости загрузки сайта можно благодаря сервису Google Page Speed. Он анализирует содержимое страницы при просмотре с мобильных устройств и стационарных компьютеров, в балльной системе оценивает и показывает рекомендации. В основном они сводятся к сжатию подключаемых к шаблону файлов стилей и скриптов, html-кода, изображений.

Как оптимизировать скорость сайта?

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

• Сократить размер страниц. Длинные статьи разбивайте на несколько частей, используйте спрайты для верстки, включите сжатие данных протокола http (можно сделать через службу поддержки хостинга);
• Снизить размер и вес графических файлов. Не публикуйте слишком тяжелые картинки, сжимайте фотографии, используйте «легкие» форматы, например, jpeg, очистите с файла все ненужные данные, которые его утяжеляют (информацию о снимке, автора, комментарии и пр.);
• Сжать js и css-файлы. Можно использовать технологии gzip, применять less, подключать сжатые файлы;
• Включите кэширование статического содержимого. Эту технологию можно подключить на стороне сайта или сервера. Кэшированные страницы не нужно загружать каждый раз, на них не тратятся дополнительные ресурсы. Но использовать кэш для оптимизации скорости сайта необходимо грамотно, чтобы он не блокировал динамические данные;
• Оптимизация работы сервера. Чем ближе территориально расположен сервер к посетителям сайта, тем быстрее будет загрузка содержимого. Для тяжелых проектов применяются сети доставки контента, CDN. На них размещаются графические файлы, скрипты, стили и быстрее загружаются с сервера, расположенного ближе к пользователю.

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

Кроме того, у готовых тем дизайна множество настроек, которые могут утяжелять сайт. Владельцам проектов, созданных на шаблонных решениях, следует больше остальных уделить внимание оптимизации скорости сайта. Им нужно удалить неиспользуемые участки кода, вынести js и css в отдельные файлы и тем самым «облегчить» свой ресурс.