#cwv — Public Fediverse posts

Soft LCP is coming to Chrome! I’m genuinely excited—even if it’s just a small step for now (limited to Performance traces)—because it pushes the broader story forward: soft-navigation heuristics are finally getting real support in web performance tools.

#SoftLCP #CWV #LCP

Core Web Vitals-2025: как управлять скоростью и стабильностью сайта

Салют, Хабр! Меня зовут Паша, я вхожу в группу обеспечения производительности интерфейсов; неформально это команда «Скорость» SberDevices. Мы с коллегами отвечаем за то, чтобы сайты sberdevices.ru , giga.chat , developers.sber.ru и другие быстро работали и красиво выглядели. Если пользователю неудобно использовать сайт, он быстро с него уйдёт (и не станет ничего читать и покупать). Как только потребовалась оценка качества веб-страниц, появилось и множество подходов к ним. Но в итоге индустриальным стандартом стали методы, предложенные Google и реализованные на уровне браузерных API. Чтобы понять, как сайты стоит оптимизировать и что влияет на их быстродействие, Google оперирует тремя метриками — Core Web Vitals. Две из них действуют с мая 2020 года, а третьей не исполнилось и года. Сегодня расскажу, как разработчик может оценить их и улучшить без консультации команды скорости (если она есть). А ещё благодаря оптимизации метрик Core Web Vitals сайт ранжируется в поисковиках выше. Поехали!

https://habr.com/ru/companies/sberdevices/articles/940578/

#webops #devtools #cwv #typescript #производительность_сайта #оптимизация_сайта

🚀 CrUX Update in WebPageTest JSON!
CrUX now includes LCP Subparts, providing deeper insights into LCP analysis.
At WebPerformance Report, we're exploring how to leverage this data for a 360° Web Performance strategy. Stay tuned!
#WebPerf #CWV #UX #SEO #LCP

My latest post on the Performance Advent Calendar is now live: https://calendar.perfplanet.com/2024/when-users-interact/

This one talks about the elephant in the rüm of user interactions.

#perfmatters #webperf #rum #ux #cwv #inp

[Перевод] Наиболее эффективные методы улучшения Core Web Vitals

На протяжении многих лет сообщество веб-разработчиков накапливало знания об оптимизации производительности веб-приложений. Хотя каждая отдельная оптимизация может привести к улучшению работы сайта, совместное применение всех методов является довольно сложной задачей. Кроме того, лишь некоторые из них применимы к какому-либо конкретному сайту. Вопросы производительности могут быть не столь очевидны для тех, чья карьера не была связана с этой областью. Именно поэтому важно понимать, какие оптимизации способны наиболее существенно повлиять на это. На реализацию всех рекомендаций скорее всего просто не будет времени, поэтому важно задать себе вопрос: какие оптимизации принесут максимальную выгоду пользователям?

https://habr.com/ru/companies/timeweb/articles/860574/

#timeweb_статьи #javascript #html #css #core_web_vitals #cwv #inp #lcp #cls #search_engine_optimization #seo #поисковая_оптимизация

The next Boston Web Performance meetup will be on October 24th at 4:30pm at the Akamai HQ in Cambridge. Come join us: https://www.meetup.com/boston-web-performance/events/303888253/ #webperf #boston #cambridge #cwv

📣 #WebPerfTip

Please be sure to avoid fade-in effects when loading the page. It seems a good UX resource to maintain good visual stability, but the Core Web Vitals LCP metric reports a terrible experience.

#WebPerf #Performance #CoreWebVitals #CWV #LCP

Ooh, the training wheels come off, INP makes it to the CWV on March 12th https://web.dev/blog/inp-cwv-march-12

#webperf #CWV

Collecting Core Web Vitals for SPAs is getting closer. I have done a quick write up of looking at the new soft navigations on my site

https://tamethebots.com/blog-n-bits/lcp-fcp-soft-navigations

#webperformance #webperf #corewebvitals #cwv

Analyzing the Core Web Vitals performance impact of WordPress 6.3 in the field https://wpfront.page/news/analyzing-the-core-web-vitals-performance-impact-of-wordpress-6-3-in-the-field/

#CWV #WordPress #InTheWild

Now this is something I don't see every day... 👏

#SEO #CoreWebVitals #CWV #SearchConsole

Do you know the new Core Web Vitals metric Interaction to Next Paint (INP)?

https://web.dev/inp/

#WebPerf #CoreWebVitals #CWV #INP

Added a new tool to my site, get historical Core Web Vitals data from the CrUX History API in chart form. Just enter the url (or origin), pick formfactor and away you go.
https://tamethebots.com/tools/cwv-history
#CWV #CoreWebVitals #WebPerf #SEO

pSEO guide to CWV

But first, the glossary:

pSEO - Problematic SEO
CWV - Content Won't Validate

CWV stands for:

* CLS - Content Looks Shitty
* LCP - Lousy Content Pain
* FID - First Income Delay

#SEO #pSEO #CWV

🚀 More than you ever wanted to know—and more!—about Core Web Vitals and SEO: https://csswz.it/cwv4seo

#seo #cwv #corewebvitals #pagespeed #webperf #cwv4seo

Be careful with ch units

Read about some unexpected CLS issues caused by the ‘ch’ unit.

https://silvestar.codes/articles/be-careful-with-ch-units/

#css #cls #cwv #webvitals

The Interaction to Next Paint (INP) metric is explained further here: https://web.dev/inp-cwv/

#WebPerformance #WebPerf #web #dev #cwv #fid #inp

The slides of the Core Web Vitals talk today in the Codemotion Meetup at Adevinta Spain

Thanks a lot to all the attendees

#WebPerf #Performance #CoreWebVitals #CWV

https://slides.com/joanleon/core-web-vitals

Which metrics would you prioritize to optimize?

#WebPerf #Performance #CoreWebVitals #CWV

Improve your website with Web Vitals

https://developers.google.com/learn/pathways/web-vitals

#WebPerf #Perfomance #CoreWebVitals #CWV #UX

Do you know the Core Web Vitals Technology Report?

https://cwvtech.report/

#WebPerf #Performance #CoreWebVitals #CWV

Big fan of this change to LCP, to exclude large but low content images. Helps capture the "spirit" of what LCP is to me.

Also helps sink some of the dodgy hacks out there.

Never really understood that, you are only fooling yourself.

I guess sometimes clients though, or thinking it will wizz up up the rankings.

#webperf #CWV
https://chromium.googlesource.com/chromium/src/+/refs/heads/main/docs/speed/metrics_changelog/2023_04_lcp.md

#boostmarks

"How to measure CWVs on SPAs", Estela Franco (@guaca)

https://estelafranco.com/blog/spa-cwv/

I agree with Estela, what an exciting experiment!

#SoftNavigations #SPA #CWV

via https://perf.email/

We'll this is super cool. https://developer.chrome.com/blog/chrome-ux-report-history-api/

#webpef #crux #CWV

I have a client site with a header that is hidden when the user scrolls down, but shown again when the user scrolls up, which seems pretty comon nowadays.

This triggers some CLS, even if the hide/show is done in less than 500 ms, as “continuous interactions such as scrolls, drags, or pinch and zoom gestures are not considered ‘recent input’”. 😞

#CLS #CWV #WebPerf

⚓️ https://nicolas-hoizey.com/notes/2023/01/27/2/

Progress #cwv #seo

#Google doesn't use cache-control headers for crawling & indexing unless it's embedded content.

Well, indirectly, proper cache-control headers can help with #SEO, particularly with #CWV metrics

Here's how.

Back/forward cache (or bfcache) is a browser optimization that enables instant back and forward navigation. It significantly improves the browsing experience for users, especially those with slower networks or devices.

#bfcache has been supported in #Chrome, #Firefox and #Safari.

1/3 🧵