Скорость загрузки сайта — один из значимых факторов влияющий на ранжирование сайта в поисковой системе Google (c июля 2018 г.) .
Что, собственно, логично: чем дольше грузится сайт — тем меньше лояльности и больше раздражения у посетителя. Может и вообще не дождаться — закрыть и уйти дальше на более быстрый ресурс. В лучшем случае — останется, но посетит меньше страниц (что также негативно повлияет на продвижение).
Ниже кейс по «легкой» оптимизации скорости загрузки сайта.
Оптимизация кода
- оптимизирован HTML-код
- удалены лишние плагины
- сокращены и объединены JS и CSS файлы
Оптимизация загрузки изображений
- включена отложенная загрузка изображений — «lazy load»
- добавлена оптимизация изображений «на лету»
- включено отображение изображений формата WebP в поддерживаемых браузерах
Оптимизация шрифтов
- настроено отображение системных шрифтов до загрузки основного
- объединение шрифтов и более поздняя загрузка (после основного контента)
Системные работы
- обновление версии PHP до последней и оптимизированной
- настроено кэширование страниц, файлов и изображений
Рекомендации
Большинство ошибок оптимизации были устранены с помощью специальных плагинов и необходимых настроек. В случае десктопной версии результат уже вполне приемлемый. Можно довести показатели и до 100 из 100, но острой необходимости нет — сайт заметно ускорился.
Для мобильной же версии, хоть показатели и возросли в 5 раз, но далеки от идеальных, и учитывая долю мобильных пользователей требуется более глубокая и тщательная проработка оптимизации скорости мобильной версии.
Хотя клиент остался удовлетворен результатом и не пожелал продолжить работы, что можно было бы сделать еще:
- выбрать более скоростной тариф хостинга
- вручную оптимизировать изображения или использовать платные плагины по корректировки изображений
- провести более тщательные работы по кэшированию
- отказаться от части функционала в мобильной версии (или вынести его в отдельные страницы)
- создать турбо-страницы (только под Яндекс)
- отключить «сквозные» JS скрипты и файлы стилей — подгружать только те, которые используются на данной странице
- упростить HTML код
- включить асинхронную загрузку скритов