͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
|
#### Editor’s note
|
| |
|
Largest Contentful Paint is relatively the easiest Core Web Vitals to optimise, yet in 2022, [only 63% of desktop and 51% of mobile websites achieved a good LCP measurement](https://almanac.httparchive.org/en/2022/performance#largest-contentful-paint-lcp). This isn’t a great result considering that LCP is a single element and doesn’t come with the amount of web performance debugging we see for a handful of other metrics (for example, optimising JavaScript execution times).
Most of this issue focuses on tweaking priorities and specific Largest Contentful Paint optimisations. Hopefully, it gives your team enough information to make yours be served as fast as possible (if it already isn’t speedy!).
|
| |
|
|
Karolina
|
| |
| |
|
|
|
|
#### What’s Performance newsletter?
|
| |
|
Performance Newsletter is a fortnightly mailing by [Calibre](https://calibreapp.com), featuring web performance tools, talks and resources.
Don’t worry—we don’t spam. If you’d like to leave, [unsubscribe]() at any time. Suggest content [here](mailto:[email protected]).
|
|
|
| |
|
| |
|
|
|
| |
|
# Articles
|
|
|
|
| |
 |
| |
|
### [Priority Hints and optimizing LCP](https://imkev.dev/fetchpriority-opportunity)
|
| |
|
[Kevin Farrugia](https://imkev.dev/)
|
|
Resource and Priority Hints can help serve high-priority content swiftly but go largely underused. Find out the differences between browser implementations and how to control priorities.
|
|
|
| |
|
|
### [Our top Core Web Vitals recommendations for 2023](https://web.dev/top-cwv-2023/)
|
| |
|
[Philip Walton](https://philipwalton.com/), [Rick Viscomi](https://github.com/rviscomi), [Barry Pollard](https://www.tunetheweb.com/), [Brendan Kenny](https://github.com/brendankenny) & [Jeremy Wagner](https://jlwagner.net/)
|
|
Find out what improvements to Largest Contentful Paint, Cumulative Layout Shift, and First Input Delay the Chrome Developer Relations team considers the most impactful to focus on.
|
|
|
| |
|
|
### [Optimizing The Image Element LCP](https://www.smashingmagazine.com/2023/01/optimizing-image-element-lcp/)
|
| |
|
[Eloïse Martin](https://fr.linkedin.com/in/eloise-martin)
|
|
Another set of tips on optimising your Largest Contentful Paint element (if it’s an image), including addressing the Resource load time and delay.
|
|
|
| |
|
|
|
|
|
| |
|
# Case Studies
|
|
|
|
| |
 |
| |
|
### [How Sunday Citizen improved conversions by focusing on performance](https://performance.shopify.com/blogs/blog/how-sunday-citizen-improved-conversions-by-focusing-on-performance)
|
| |
|
Mateusz Krzeszowiak
|
|
Learn how Sunday Citizen’s improvements to Largest Contentful Paint and Cumulative Layout Shift resulted in a 4% decrease in bounce rate and over a 6% increase in conversion.
|
|
|
| |
|
|
|
|
|
| |
|
# Tools
|
|
|
|
| |
 |
| |
|
### [Trace Cafe](https://trace.cafe/)
|
| |
|
[Paul Irish](https://www.paulirish.com/)
|
|
Have you ever investigated performance and wished you could easily share the Chrome DevTools Performance panel with your teammates? Well, now you can!
|
|
|
| |
|
|
|
|
|
| |
|
# Browsers
|
|
|
|
| |
 |
| |
|
### [Cache the World: Turbo Charging Firefox Accessibility Performance and Maintainability](https://www.jantrid.net/2022/12/22/Cache-the-World/)
|
| |
|
[Jamie Teh](https://www.jantrid.net/)
|
|
Learn about the effort to improve Firefox’s accessibility engine performance and reliability by focusing on caching. The new architecture is already available in Firefox Nightly!
|
|
|
| |
|
|
|
