Mastodawn

Boris Schapira Jan 12, 2023

#boostmarks "Priority Hints and optimizing LCP", Kevin Farrugia (@[email protected])
https://imkev.dev/fetchpriority-opportunity

via @tunetheweb

#priorityHints #fetchPriority #resourceHints

Priority Hints and optimizing LCP

Priority Hints are used to indicate to the browser the relative priority of a resource. I take a deep dive into how you can improve your Largest Contentful Paint by using fetchpriority.

Alessio Pomaro Jan 3, 2023

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

Dynamic LCP Priority: Learning from Past Visits

Earlier this year, Chrome shipped the new Priority Hints API, which lets developers inform the browser which resources are the most important, such as the LCP image. There's just one small problem