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.
[Перевод] Наиболее эффективные методы улучшения Core Web Vitals
На протяжении многих лет сообщество веб-разработчиков накапливало знания об оптимизации производительности веб-приложений. Хотя каждая отдельная оптимизация может привести к улучшению работы сайта, совместное применение всех методов является довольно сложной задачей. Кроме того, лишь некоторые из них применимы к какому-либо конкретному сайту. Вопросы производительности могут быть не столь очевидны для тех, чья карьера не была связана с этой областью. Именно поэтому важно понимать, какие оптимизации способны наиболее существенно повлиять на это. На реализацию всех рекомендаций скорее всего просто не будет времени, поэтому важно задать себе вопрос: какие оптимизации принесут максимальную выгоду пользователям?
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
I've only just clocked the performance budget tab in Sitebulb's Performance Report
That's super handy depending on how many URLs you have decided to sample for #CWV
#sitespeed
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.
Ooh, the training wheels come off, INP makes it to the CWV on March 12th https://web.dev/blog/inp-cwv-march-12
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
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/
Do you know the new Core Web Vitals metric Interaction to Next Paint (INP)?
Uno dei metodi per ridurre il tempo di caricamento e #LCP per le Hero image è l'uso dei priority hints, lo sappiamo.
<img fetchpriority="high" ...>
Ora #Chrome Dev Tools mostra la priorità iniziale e finale delle richieste. Utile!
Per approfondire LCP: https://www.alessiopomaro.it/come-ottimizzare-lcp-guida/
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
More than you ever wanted to know—and more!—about Core Web Vitals and SEO: https://csswz.it/cwv4seo
Be careful with ch units
Read about some unexpected CLS issues caused by the ‘ch’ unit.
The Interaction to Next Paint (INP) metric is explained further here: https://web.dev/inp-cwv/
The slides of the Core Web Vitals talk today in the Codemotion Meetup at Adevinta Spain
Thanks a lot to all the attendees