Когда ваш сайт обрастает всякими картинками, кучей страниц и прочим — его страницы грузятся намного медленнее, чем раньше. В данной заметке поговорим о инструментах анализа скорости загрузки страниц и о том, как его (собственно, сам сайт) ускорить.
Онлайн-инструментов загрузки большое множество — как платных, так и бесплатных. Но рассматривать будем несколько из них.
Google Pagespeed — https://developers.google.com/speed/pagespeed/insights/
Вполне неплохой инструмент от Google. Анализирует время загрузки вашего сайта на мобильном и ПК, плюс сразу выдаёт рекомендации по улучшению показателей.
Weebpagetest — http://www.webpagetest.org/
Ещё один неплохой инструмент, который позволяет помониторить ваш сайт из разных уголков мира с сохранением результата тестирования.
GTmetrix — https://gtmetrix.com
Если двух предыдущих вам мало, для большей выборки можно использовать ещё один ресурс. Конечно, этот ресурс хорошо использовать в PRO-версии, которая платная, но функциональности бесплатной версии вполне достаточно для отслеживания вашего сайта.
Нельзя не упомянуть и о встроенном инструменте мониторинга загрузки — он есть прямо в вашем браузере. Например, если у вас Google Chrome, то нажимаете F12 и выбираете вкладку Timeline.
В принципе, на скорость загрузки сайта влияют несколько факторов:
- Объем изображений — количество и качество изображений, размещённых на странице.
- Объем вгружаемых скриптов — как собственных, так и внешних, которые догружаются динамически.
- Кеширование / его отсутствие на стороне пользователя — ну тут и так всё понятно.
- Время отклика сервера — тут тоже всё понятно и логично.
- Местонахождение и ПК пользователя — попробуйте открыть свой сайт в Internet Explorer старых версий и, например в Chrome/Firefox последних версий со своего ПК — увидите разницу.
Напомню, что работающий медленно сайт — ещё один повод для пользователя уйти с него, так и не дождавшись загрузки.