Boris SchapiraJan 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 PomaroJan 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

Boris SchapiraApr 20, 2022

#boostmark "Priority Hints: Influence How Browsers Fetch Resources", Karolina Szczur (@[email protected])

https://calibreapp.com/blog/priority-hints

#priorityHints

Priority Hints: Influence How Browsers Fetch Resources - Calibre

Loading critical assets as fast as possible is vital for improving page speed. Learn how to optimise what’s essential and signal it to browsers.

Calibre - Site Speed Tools for Teams