Почему мой сайт работает медленно и что делать
Общее время загрузки сайта складывается из:
- времени отклика серверов (время запросов и ответов DNS и веб-серверов, к которым относится сайт),
- времени генерации сайта на сервере и в браузере (суммарное время загрузки всех файлов сайта).
Эта информация находится в Инструментах разработчика используемого браузера. Откройте в браузере нужную страницу, а затем консоль разработчика (в браузерах Google Chrome, Firefox для этого нажмите клавишу F12). Перейдите во вкладку Network (Сеть):
Во вкладке All (Все) будет отображаться список всех файлов сайта и общее время загрузки, показатель Load:
Чтобы узнать время загрузки отдельного файла, кликните по интересующему в списке и затем перейдите в раздел Timing (Тайминги):
Как видно на изображении выше: итоговое время загрузки файла складывается из нескольких параметров. Если одна из цветовых полосок значительно длиннее других, это сигнализирует о том, что параметр заставляет сайт работать медленно.
Показатели Queueing (Очередь), Stalled (Заблокировано), DNS Lookup (Поиск DNS), Initial connection (Соединение) составляют время отклика сервера и, как правило, суммарно занимают менее 0,1 с. В случае возникновения проблем на этом этапе загрузки сайта их быстро исправляют, так как они несут массовый характер и влекут множество жалоб.
Также сложности возникают с параметром Waiting (Ожидание). TTFB (Time to First Byte) — это время от момента ввода пользователем запроса, за которое на экран выводится первый байт информации. Также этот показатель отвечает за прогрузку интерактивных элементов страницы. Иными словами, он описывает то, насколько быстро сайт (со всеми скриптами и данными) загрузился и готов к использованию. Также он показывает степень загруженности сервера. Причин снижения показателя TTFB несколько. Ниже мы перечислим основные проблемы и способы их решения.
Основные причины медленной работы сайта
Прежде чем приступить к оптимизации сайта, определите, какие файлы нуждаются в этом: статические или динамические. От типа элемента будут зависеть ваши дальнейшие действия. Загрузка статических и динамических веб-страниц происходит по-разному.
В статических сайтах элементы (JS-файлы, CSS-файлы, HTML-файлы, медиафайлы) уже загружены на сервер, и вам просто нужно дождаться их прогрузки в браузере.
Открывая динамический сайт, вы не загружаете уже готовые файлы: вы запускаете скрипт, который генерирует страницу по вашему запросу.
Чтобы определить, статический или динамический файл нуждается в оптимизации, обратите внимание на расширение элемента, который долго грузится, в списке всех файлов сайта (Инструменты разработчика — Network — All):
Ниже описаны наиболее частые причины медленной загрузки сайта и даны рекомендации по их устранению.
Помогла ли вам статья?
Спасибо за оценку. Рады помочь 😊