⚡ 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/

#SEO #CWV #WebVitals #DevTools

I moved to WordPress for my own blog today and looked at the web vitals score 💯
#Accessibility #Performance #WebVitals

https://www.learnwithgurpreet.com/

🧐 Perché ci interessa il #TTFB pur non essendo una metrica dei Core Web Vitals?

⚡ Ad esempio, perché è una delle 4 componenti fondamentali di #LCP.

👉 https://web.dev/ttfb/

#SEO #CWV #WebVitals #WebPerf

--

🔗 Un ulteriore approfondimento: https://www.alessiopomaro.it/come-ottimizzare-lcp-guida/ 

⚡ 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.

#SEO #WebVitals #WbPerf #CWV

---

https://twitter.com/rick_viscomi/status/1405629816720793611

🚀 Le performance sono importanti nel web di oggi?
⚡ In questo video si racconta un bel caso reale di un sito web che performava sempre meno dal punto di vista delle conversioni e del posizionamento a causa di tempi di caricamento scarsi. 
👉 Risultati dopo gli interventi: aumento della velocità del 15% e performance sulle pagine prodotto in aumento.
🦾 "Milliseconds make millions".

#SEO #webperf #webperformance #WebVitals

---

https://youtu.be/c6m8QtEUkeo

⚡ Come possiamo determinare dinamicamente la risorsa #LCP di una pagina prima che arrivi al client attribuendole un fetchpriority elevato? 

👉 Tracciando LCP nelle pagine via API e salvando i dati.

👉 Determinando la risorsa LCP in base al device.

👉 Usando, ad esempio, #Cloudflare Workers (HTMLRewriter) per intervenire nel sorgente prima che arrivi al client.

💡 Grande intuizione di Philip Walton. 

#SEO #UX #WebVitals #PriorityHints #WebPerformance #WebDev #WebPerf 

https://philipwalton.com/articles/dynamic-lcp-priority/

⚒️ Perché un #SEO dovrebbe conoscere le basi del #rendering delle pagine web?

💡 Ho raccontato una piccola esperienza con un problema di #CLS durante una giornata di formazione.

🔗 Per approfondire: https://www.alessiopomaro.it/rendering-pagine-web-seo/

🦾 "Milliseconds make millions".

#CoreWebVitals #WebVitals #WebPerf #WebDevelopment #JavaScript

---

https://youtu.be/LlRzgImVL0U

⚒️ Sono un #SEO.. perché dovrei conoscere le basi del #rendering delle pagine web? 

🧐 Perché sono fondamentali per comprendere fino in fondo le metriche dei Core Web Vitals, e perché rappresentano le fondamenta delle web performance e della user experience (#UX).

💡 Ho scritto qualche appunto per i SEO, ma anche per chi si occupa di ottimizzazione.

🦾 "Milliseconds make millions".

#CoreWebVitals #WebVitals #WebPerf #WebDevelopment #JavaScript

---

https://www.alessiopomaro.it/rendering-pagine-web-seo/

🟪 Optimize Interaction to Next Paint
by @malchata + @philwalton
#webperf #WebVitals

https://web.dev/optimize-inp/

🚀 eBay, attraverso i Priority Hints, aggiungendo un attributo all'immagine, ha guadagnato 150ms su #LCP.

🔥 Quale attributo? Ovviamente fetchpriority="high".

🧐 Cosa significa? Che c'era un tempo di ritardo di caricamento della risorsa LCP, e che non c'è ritardo di rendering.

📆 Approfondiremo questa tematica il 16 novembre all'SMXL Milan.

#SEO #UX #CWV #CoreWebVitals #WebVitals #SMXLmilan

📆 Ci vediamo il 16 novembre a Milano per SMXL Milan.

🚀 Parleremo di Core Web Vitals, in particolare di #LCP vedendo anche le Performance API suggerite su web.dev. 

 #SEO #UX #CWV #WebVitals

RT @gilberto_cocchi@twitter.com

Take a look at how @YouTube@twitter.com optimized LCP according to their site needs. https://web.dev/better-youtube-web-part1/ #webperf #webvitals

🐦🔗: https://twitter.com/gilberto_cocchi/status/1584568843141537792