После внедрения Lighthouse в нашу жизнь количество критериев эффективности, напрямую влияющих на такие темы, как UX и SEO, увеличилось. Оценки, сделанные путем просмотра нескольких точек на странице в старой настройке Google Pagespeed, были улучшены с помощью методов, разработанных инженерами Google на протяжении многих лет. В этой статье мы попытаемся рассмотреть, как рассчитывается оценка Lighthouse.
По состоянию на 2024 год критерии производительности Lighthouse версии 10 следующие:
- Первая содержательная краска — 10%
- Индекс скорости - 10%
- Самая большая содержательная краска — 25%
- Общее время блокировки — 30%
- Совокупное смещение макета — 25%
Самым значительным нововведением по сравнению с предыдущей версией Lighthouse 5 является добавление CLS (Cumulative Layout Shift). Этот показатель, который с июня 2024 года был объявлен важным критерием эффективности SEO, может стать очень важным в ближайшие годы.
Lighthouse также подготовил инструмент, который заранее показывает вам, какого результата вы можете достичь, введя целевые значения скорости страницы. Вы можете получить доступ к Инструмент для расчета баллов маяка здесь.
Если вы спросите, на каких числовых диапазонах основано цветовое кодирование, вы можете проверить диапазоны ниже. Если вы увидите зеленый цвет в этих оценках, это будет означать, что вы добились успеха:
- 0–49 (плохо): Red
- 50-90 (нужно улучшить): Апельсин
- 90+ (хорошо): Зелёная
Оценки различаются для мобильных и настольных сайтов, но, поскольку мобильный трафик превышает 75%, оценки производятся на основе рейтинга мобильных устройств.
В каждом тесте Lighthouse вы можете столкнуться с разными результатами. Некоторые причины этого включают рекламу и типы рекламы на странице, Проведение A/B-тестов внутри сайта, мгновенные изменения интернет-трафика.и мгновенные ситуации, которые могут возникнуть на сервере.
Самый простой способ выполнить тест Lighthouse — использовать браузер Chrome. Войдите в меню «Проверка», перейдите на вкладку «Маяк», а затем нажмите кнопку «Создать отчет». Расчет, который займет около 8-10 секунд, выполняется с учетом различных устройств и скоростей интернета.
Источник: https://web.dev/performance-scoring/
