Кейс по ускорению сайта

Скорость загрузки сайта — один из значимых факторов влияющий на ранжирование сайта в поисковой системе Google (c июля 2018 г.) .

Что, собственно, логично: чем дольше грузится сайт — тем меньше лояльности и больше раздражения у посетителя. Может и вообще не дождаться — закрыть и уйти дальше на более быстрый ресурс. В лучшем случае — останется, но посетит меньше страниц (что также негативно повлияет на продвижение).

Ниже кейс по «легкой» оптимизации скорости загрузки сайта.

Ситуация «ДО»

Оптимизация кода

  • оптимизирован HTML-код 
  • удалены лишние плагины
  • сокращены и объединены JS и CSS файлы 

Оптимизация загрузки изображений

  • включена отложенная загрузка изображений — «lazy load»
  • добавлена оптимизация изображений «на лету»
  • включено отображение изображений формата WebP в поддерживаемых браузерах

Оптимизация шрифтов

  • настроено отображение системных шрифтов до загрузки основного
  • объединение шрифтов и более поздняя загрузка (после основного контента)

Системные работы

  • обновление версии PHP до последней и оптимизированной
  • настроено кэширование страниц, файлов и изображений
Результат «После»

Рекомендации

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

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

Хотя клиент остался удовлетворен результатом и не пожелал продолжить работы, что можно было бы сделать еще:

  • выбрать более скоростной тариф хостинга
  • вручную оптимизировать изображения или использовать платные плагины по корректировки изображений
  • провести более тщательные работы по кэшированию
  • отказаться от части функционала в мобильной версии (или вынести его в отдельные страницы)
  • создать турбо-страницы (только под Яндекс)
  • отключить «сквозные» JS скрипты и файлы стилей — подгружать только те, которые используются на данной странице
  • упростить HTML код
  • включить асинхронную загрузку скритов

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *