TGViewer
Вёрстка сайтов | HTML, CSS, JS Вёрстка сайтов | HTML, CSS, JS @free_html_lessons · 4.5K subscribers
Post #2714 712
Core Web Vitals

Core Web Vitals – это метрики Google, которые определяют, насколько ваш сайт удобен для пользователя. Если показатели в «красной зоне», сайт будет падать в поисковой выдаче.

Разберем «три кита» производительности:

1) LCP (Largest Contentful Paint) – Скорость загрузки основного контента.
Что это: Время, за которое загружается самый большой элемент в видимой области (обычно это баннер или заголовок).
Норма: до 2.5 секунд.

2) INP (Interaction to Next Paint) – Отзывчивость интерфейса.
Что это: С марта 2024 года заменила FID. Измеряет задержку после клика или нажатия клавиши до момента, когда браузер смог отрисовать следующий кадр.
Норма: до 200 миллисекунд.

3) CLS (Cumulative Layout Shift) – Стабильность верстки.
Что это: Бывало, что вы хотите нажать на кнопку, но в этот момент сверху загружается картинка и кнопка «улетает» вниз? Это и есть CLS.
Норма: индекс менее 0.1.

Как проверить?
Просто введите URL своего сайта в PageSpeed Insights или проверьте вкладку Lighthouse в DevTools.

#полезности
More from @free_html_lessons
  1. Sep 29, 2026Задача: Быстрая пятёрка Брайан, Миа, Хан, Жизель и Доминик участвуют в уличной гонке. Прав…
  2. Sep 28, 2026Post #3065
  3. Sep 28, 2026Применение редких html атрибутов на практике. 1 часть Читать 👨‍💻 #полезнаястатья
  4. Sep 27, 2026Подборка лучших постов за прошлую неделю Лучшие статьи @free_html_lessons: 1. Функции в Ty…
  5. Sep 26, 2026Задача: Шифр подстановки Современные методы шифрования надёжно защищают наши коммуникации…
  6. Sep 25, 2026Макет для тренировки (rectop) Перейти к макету 🧑‍💻 #макет@free_html_lessons
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →