Факторы влияющие на скорость загрузки сайта

4 1 1 1 1 1 1 1 1 1 1 Рейтинг 4.00 (5 Голосов)

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

Результаты теста pagespeed в балловом эквиваленте находятся в диапазоне от 0 до 100, делятся на три категории и разделяются по цвету 0–49 50–89 90–100. Там же ниже предоставляются пояснения на каких моментах происходит проседания по загрузке (избыточный код, слишком большие изображения и т.д.).

Хоть разработчики гугл и говорят что данные pagespeed не влияют на ранжирование в поисковых системах, но делают пояснение "Важна скорость сайта в целом, а не баллы этого инструмента". На странице помощи pagespeed написано что "время загрузки достаточной части контента" наиболее эффективных сайтов отображается примерно за 1220 мс, что соответствует баллу равному 99, стоит задуматься.

Для десктопных версий сайтов цифры выглядят так:

  • Хорошая скорость – менее 1 секунды;
  • Средняя – от 1 до 2,1 секунды;
  • Плохая – более 2,1 секунды.

Для мобильных устройств цифры немного ниже, поскольку считают их с учётом более слабого интернета:

  • Хорошая скорость – менее 1,6 секунды;
  • Средняя – от 1,6 до 3 секунд;
  • Плохая – более 3 секунд.
Вид отображения PageSpeed Insights Имитация загрузки страницы
Вид отображения PageSpeed Insights Имитация загрузки страницы

 

 Факторы влияющие на скорость загрузки сайта:

Хостинг 

Хороший, быстрый и качественный хостинг, с аптаймом 99,9%+ (время бесперебойной работы хостинга), который находится в вашей стране и с адекватной, оперативной и "дружелюбной" тех поддержкой. Для только что созданного сайта подойдет как бесплатный хостинг так и самый дешевый виртуальный хостинг. А вот для сайтов с большой посещаемостью может понадобиться мощный облачный хостинг. Почему так? Потому что есть три составляющих нагрузки:

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

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

 Изображения

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

  • Старайтесь не перебарщивать с количеством изображений, это пагубно отразится на скорости загрузки сайта, но и их отсутствие сделает контент страницы скучным и монотонным. 
  • Масштабируйте изображения, чтобы они соответствовали размеру, который нужен для отображения на сайте. Увеличенное в два раза изображение становится в три раза тяжелей по весу. 
  • При сохранении готового изображения делайте несколько копией с разным уровнем сжатия. При добавлении на сайт вы выберите оптимальный вариант который вам подойдет, а вес может уменьшиться в нереальные от 0,2 - 50 раз.
  • Используйте подходящие форматы: gif — для анимации, png — для прозрачности и для отображения мелких деталей, jpeg — для всех остальных случаев.

Наглядный пример загрузки и отображения изображений в браузере, разных по степени сжатия и размеру можно посмотреть на странице про размер и качество изображений, посмотрите, и если не найдете значимой разницы то зачем ставить изображения в 1,5 Mb если можно поставить и 30 Kb? 

Включите кэширование данных

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

Уменьшите объем загружаемых страниц используя сжатие gzip

Gzip сжатие сократит время передачи файлов браузеру. Объём данных передаваемых от сервера к браузеру уменьшится до 5 раз, а скорость загрузки увеличится. Если вы на платном хостинге можно обратиться в техподдержку которая сама вам настроит сжатие. Сжатие может быть от 1 до 9 уровня, рекомендуемое 5.