1
Первая отрисовка (FP) - время, спустя которое пользователь видит пустую страницу в браузере прежде, чем она загрузится на экране.
2
Первая отрисовка контента (FCP) — время, которое затрачивается на загрузку первого контента на сайте (поисковая строка, фрагмент, блок текста или изображение). FCP позволяет выявить проблемы при загрузке сайта на уровне соединения с сервером. Длительная загрузка контента свидетельствует о том, что загружаемые ресурсы очень тяжелые и их передача требует времени.
Показатели:
высокая скорость — менее 1 с;
средняя скорость — от 1 до 2,5 с;
низкая скорость — более 2,5 с.
3
Первая значимая отрисовка (FMP) (время загрузки достаточной части контента) — время, которое тратиться на загрузку всего основного контента сайта прежде, чем он появляется на экране (шапка сайта, меню, текст и изображения).
4
Время загрузки контента страницы для взаимодействия (TTI) — метрика, которая показывает, сколько времени требуется странице, чтобы стать интерактивной. Интерактивной страница становится тогда, когда на ней отображается большая часть контента, она реагирует на действия пользователей в течение 50 мс.
5
Время окончания работы ЦП — период, в который на странице становится возможным обработка данных, нужных пользователю.
6
Первая задержка ввода (FID) — период времени от первого взаимодействия пользователя с сайтом (нажатие на ссылку, кнопку и т.д.) до реакции браузера на это взаимодействие.
Показатели:
высокая скорость — менее 50 мс;
средняя скорость — от 50 до 250 мс;
низкая скорость — более 250 мс.
7
Индекс скорости (SI) показывает, насколько быстро страница наполняется контентом. Чем меньше значение индекса, тем лучше для сайта.
8
Визуально готово (VR) — метрика, которая показывает время, когда страница на 100 % загружена и готова к использованию.
На что влияет: на время загрузки первого контента, индекс скорости загрузки контента, время загрузки страницы для взаимодействия с ней пользователя, на интервал времени между началом загрузки страницы и появления основного контента, на период окончании работы ЦП или времени, когда становится возможным взаимодействие пользователя с сайтом (ввод данных, нажатие ссылки, кнопок, разделов меню и пр.)
На что влияет : индекс скорости загрузки контента, время загрузки первого контента, время загрузки страницы для взаимодействия с ней пользователя, на период окончании работы ЦП или времени, когда становится возможным взаимодействие пользователя с сайтом.
комбинацией нескольких изображений в один CSS-спрайт, который в нужный момент выдает картинку со свойствами background-image и background-position;
использованием Inline или встроенных изображений в таблице стилей страницы с помощью URL-схемы data;
объединением нескольких css- или js-файлов в один;
минимизацией использования плагинов и скриптов.
На что влияет: время загрузки достаточной части контента, индекс скорости загрузки страниц.)
На что влияет: время загрузки достаточной части контента, индекс скорости загрузки страниц.)
На что влияет: время загрузки достаточной части контента, индекс скорости загрузки страниц.
На что влияет: индекс скорости загрузки контента, время загрузки первого контента, время загрузки страницы для взаимодействия с ней пользователя, на период окончании работы ЦП или времени, когда становится возможным взаимодействие пользователя с сайтом.
На что влияет: индекс скорости загрузки контента, время загрузки первого контента, время загрузки страницы для взаимодействия с ней пользователя, на период окончании работы ЦП или времени, когда становится возможным взаимодействие пользователя с сайтом.
Браузерное или клиентское кэширование: суть кэширования состоит в том, что при повторном посещении браузеру передается заголовок 304 Not Modified, а сама страница или ее элементы загружаются из локального пользовательского кэша. Экономится трафик между браузером посетителя и хостингом сайта, поэтому страницы сайта загружаются быстрее.
Кэширование файлов и изображений - браузер сохраняет загружаемые пользователем файлы и изображения, получив заголовки «expired» «304 Not Modified». Если на сайте меняются данные, браузер об этом не знает, поэтому требуется регулярная передача актуальных заголовков.
Серверное кэширование предполагает хранение на сервере всех данных, которые передаются браузером, и их быструю передачу при запросе пользователей.
Кэширование на стороне клиента: сервер передает браузеру http-заголовки с информацией о коде, изображениях и файлах стилей и скриптов, которые относятся к загруженной пользователем странице. Часть информации отвечает за кэширование на стороне пользователя, в частности Cache-Control, Expires, ETag, Last-Modifed находится в группе заголовков серверов, If-Modified-Since, If-None-Match - в группе запросов браузера. Благодаря закэшированной информации данные страницы при повторном заходе пользователя браузером будут загружаться быстрее, поскольку он не будет обращаться к серверу и проверять изменения.
Кэширование центра сертификации: пользователи сайта не ждут, когда центр сертификации или сервер обработает запрос от браузера пользователя и подтвердит актуаьность сайта.
Кэширование блоков страницы позволяет уменьшить количество запросов к базе данных от авторизованных пользователей, отслеживать состояние таблиц, сеанса пользователя, отключить кэширования при http запросах, настроить постоянное кэширование.
На что влияет: индекс скорости загрузки контента, время загрузки первого контента, время загрузки страницы для взаимодействия с ней пользователя, на период окончании работы ЦП или времени, когда становится возможным взаимодействие пользователя с сайтом.
<IfModule mod_deflate.c><br />
AddOutputFilterByType DEFLATE text/html<br />
AddOutputFilterByType DEFLATE application/javascript<br />
AddOutputFilterByType DEFLATE text/javascript<br />
AddOutputFilterByType DEFLATE text/css<br />
<IfModule mod_setenvif.c><br />
BrowserMatch ^Mozilla/4 gzip-only-text/html<br />
BrowserMatch ^Mozilla/4\.0[678] no-gzip<br />
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html<br />
</IfModule><br />
</IfModule
<?php if (substr_count($_SERVER[‘HTTP_ACCEPT_ENCODING’], ‘gzip’)) ob_start(“ob_gzhandler”); else ob_start(); ?
На что влияет: индекс скорости загрузки контента, время загрузки первого контента, время загрузки страницы для взаимодействия с ней пользователя, на период окончании работы ЦП или времени, когда становится возможным взаимодействие пользователя с сайтом.
На что влияет: время загрузки первого контента, индекс скорости загрузки, время загрузки достаточной части контента, время окончания работы ЦП.
На что влияет: индекс скорости загрузки контента, время загрузки первого контента, время загрузки страницы для взаимодействия с ней пользователя, на период окончании работы ЦП или времени, когда становится возможным взаимодействие пользователя с сайтом.
На что влияет: индекс скорости загрузки контента, время загрузки первого контента, время загрузки страницы для взаимодействия с ней пользователя, на период окончании работы ЦП или времени, когда становится возможным взаимодействие пользователя с сайтом.
На что влияет: индекс скорости загрузки контента, время загрузки достаточной части контента, время, когда становится возможным взаимодействие пользователя с сайтом.