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

Главная / категория «Как увеличить скорость загрузки сайта»

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

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

Предварительно есть смысл загрузить Ваш сайт в браузере, открыть отладчик (F12), перейти на вкладку Network, поставить галочку "Disable cache", обновить страницу, а затем записать количество запросов, а также общее время загрузки сайта. По итогам работ Вы сможете сравнить результат.
И Итак, как ускорить загрузку сайта:

❶Для начала посмотрим главные рекомендации от Google PageSpeed Insights.

Для этого заходим в браузере по адресу: developers.google.com/speed/pagespeed/insights/

Вводим адрес тестируемого сайта, нажимаем "Анализировать".

Если у вас есть Яндекс.Метрика, то проверяем, указана ли асинхронная загрузка в настройках Метрики (s.async = true;). Если нет - меняем код Метрики, с указанием асинхронной загрузки.

В итоге у нас все скрипты должны грузиться асинхронно и не задерживать загрузку нашего сайта.

Если в рекомендация от Google PageSpeed Insights есть информация про большое время ответа сервера (более 300-500 мс), тогда Вам необходимо обратиться к Вашему хостинг-провайдеру с просьбой разобраться с данной проблемой. Нормальным временем ответа сервера считается всемя в пределах 150 - 200 мс. Возможно, специалисты Вашего хостинга пойдут Вам навстречу и скорректируют настройки сервера для более быстрого ответа. Если нет - они могут предложить Вам другой тарифный план или выделенный сервер (который является самым быстрым решением для любого высоконагруженного сайта).

Уберите с сайта лишние картинки. К примеру, в шапке сайта у Вас есть слайдер. Наверняка это классический слайдер, на всю ширину экрана, с большими картинками в высоком качестве. Подумайте, насколько Вам важны все картинки данного слайдера?Если у Вас стоит на сайте Яндекс.Метрика, включите в настройках Вебвизор и понаблюдайте в течении недели за стандартным поведением Ваших пользователей. Вероятнее всего Вы увидите, что слайдером пользуется один пользователь из 20-ти, а может и ещё меньше. При этом, вес слайдера со всеми его супер-важными (на Ваш взгляд) картинками приближается к 1 Мб или даже более. Может стоит оставить там всего одну картинку? Или вообще выключить слайдер + удалить скрипт, который его загружает? И оставить одну единственную, максимально оптимизированную картинку, слоганы на которой будут меняться с помощью javascript (Как это сделать расскажу в ближайших постах). Вы удивитесь, насколько быстрее станет загружаться Ваш сайт!

По итогам работ стоит проанализировать результат: открываем отладчик (F12), переходим на вкладку Network, обновляем страницу и смотрим на сколько снизилось количество запросов и время загрузки.