TGViewer
Катерина | Про Frontend Катерина | Про Frontend @katerina_profrontend · 2.87K subscribers
Post #697 1.06K
Largest Contentful Paint 😉

метрика Core Web Vitals, которая измеряет время, необходимое для загрузки самого большого контентного элемента на видимой части страницы.


Что влияет на метрику?
Загрузка изображений и мультимедиа;
✨ Ресурсы, блокирующие рендеринг: JavaScript, CSS и шрифты, которые блокируют рендеринг, могут задерживать отображение контента, включая самый большой элемент контента;
✨ Выполнение JavaScript: Длительно выполняющиеся задачи JavaScript могут задерживать рендеринг.

Как оценивается?
🩷 Отлично, если загрузка 2,5 секунды или меньше;
🩷 Допустимо, если длится 2,5-4 секунды, но желательно улучшать;
🩷 Если больше 4 секунд - уже плохо, пользователь может не дождаться и уйти.

👀 LCP API поддерживается всеми современными браузерами, кроме Safari

✈ Более подробно про метрику: ссылка

#javascript #browser_api #теория #практика #инструменты
  • 🔥 11
  • 👍 5
  • ❤‍🔥 2
More from @katerina_profrontend
  1. Feb 22, 2026Когда height: 100% чуть-чуть поломало вёрстку 🙈 Я делала простую сетку: контейнер display…
  2. Feb 20, 2026Разбираемся с Proxy в JavaScript 👨‍🏫 Proxy — посредник между кодом и объектом. Он перехв…
  3. Feb 17, 2026Compression Streams API — нативный gzip/deflate прямо в браузере 🤔 Недавно снова вспомнил…
  4. Feb 9, 2026Почему бизнес-логику не стоит писать в UI-компонентах 🧐 Часто вижу один и тот же паттерн:…
  5. Feb 6, 2026Как неочевидные импорты превращают проект в клубок зависимостей 😨 На бумаге — простое пра…
  6. Feb 2, 2026«Хочу стиль для p в header, но не хочу повышать специфичность» 😎 Иногда самая тривиальная…
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 →