⚡ 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/
#lcp #chrome #seo #CWV #WebVitals #devtools
Added a new toolget 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
#CWV #CoreWebVitals #webperf #seo
The Interaction to Next Paint (INP) metric is explained further here: https://web.dev/inp-cwv/
#WebPerformance #webperf #web #dev #CWV #fid #INP
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
"How to measure CWVs on SPAs", Estela Franco (@guaca)
https://estelafranco.com/blog/spa-cwv/
I agree with Estela, what an exciting experiment!
#boostmarks #softnavigations #spa #CWV
Layout Shift Terminator now updated to exclusively utilize container queries! #css #cls #cwv #pagespeed https://googlechromelabs.github.io/layout-shift-terminator/
We'll this is super cool. https://developer.chrome.com/blog/chrome-ux-report-history-api/
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’”. 😞
🧐 Perché ci interessa il #TTFB pur non essendo una metrica dei Core Web Vitals?
⚡ Ad esempio, perché è una delle 4 componenti fondamentali di #LCP.
--
🔗 Un ulteriore approfondimento: https://www.alessiopomaro.it/come-ottimizzare-lcp-guida/
#ttfb #lcp #seo #CWV #WebVitals #webperf
🔥🔥🔥 Golden #CoreWebVitals #CWV tips prioritized by the #Google #Chrome Team 🔥🔥🔥 https://web.dev/top-cwv-2023/
#CoreWebVitals #CWV #google #chrome
⚡ Page Speed Insight perfetto con punteggio 100. Spesso i test si fermano lì, ma è sufficiente?
🤔 No, perché ciò che conta sono le performance reali (field), non quelle di laboratorio.
🦾 Una bella riflessione di Rick Viscomi.
---
Of course we don't work on performance improvements only for Google, but the Search Console is our clients' main concern, so when it shows such a graph, it's satisfying for everyone! 🎉
🔗 Priority Hints and optimizing LCP
by @kevinfarrugia
⚓️ https://nicolas-hoizey.com/links/2023/01/03/priority-hints-and-optimizing-lcp/
🔗 Priority Hints and optimizing LCP
by @kevinfarrugia
⚓️ https://nicolas-hoizey.com/links/2023/01/03/priority-hints-and-optimizing-lcp/
#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 🧵
#google #seo #CWV #bfcache #chrome #firefox #safari
💡 Una bellissima giornata, ieri, in compagnia del team H-Farm Digital Marketing, per un viaggio nei mondi #SEO, #JavaScript, #PWA, Web Performance, Core Web Vitals, GPT-3, sistemi headless e composable.
🙏 Grazie a tutti i presenti per gli scambi e l'attenzione.
#UX #rendering #WebPerf #WebPerformance #CoreWebVitals #CWV #GPT3 #ecommerce
#seo #javascript #pwa #ux #rendering #webperf #webperformance #CoreWebVitals #CWV #gpt3 #ecommerce
✅ Como funciona #Waterfaller: la herramienta para detectar problemas en #CoreWebVitals (WPO) 👉 https://buff.ly/3gt5Bwk by Alvaro Fontela
#waterfaller #CoreWebVitals #CWV #WPO
💡 #Chrome sta sperimentando le "view transitions".
👉 Gli effetti che si vedono nel video sono realizzati senza #JavaScript, oppure (nella seconda parte) con meno di 1k di #JS.
🧐 Usare le funzionalità native del browser è sempre la soluzione migliore per le performance. Ma il divario tra i browser aumenta, quindi serve sempre la "doppia implementazione".
#CoreWebVitals #CWV #ux #seo #webdevelopment #js #javascript #chrome