一图读懂《Our top Core Web Vitals recommendations for 2023》

[OSInsight]

原文地址：https://web.dev/top-cwv-2023/

为了较全面的学习和掌握，下文还有原文中引用的几篇文章的内容，更易于理解，感兴趣可以阅读原文逐一查看。

一句话总结

Chrome DevRel 团队 2023 推荐的提升 Core Web Vitals 性能的一系列最佳实践。从 Core Web Vitals 中的 Largest Contentful Paint (LCP)、Cumulative Layout Shift (CLS)、First Input Delay (FID) 三个指标来展开，文中引用了许多在平时总结的文章，推荐阅读。

一图读懂

原文划重点

Over the years, we at Google have made a lot of recommendations to web developers on how to improve performance.
While each of these recommendations, individually, may improve performance for many sites, the full set of recommendations is admittedly overwhelming and, realistically, there's no way any one person or site could follow all of them.
Unless web performance is your day job, it's probably not obvious which recommendations are going to have the largest positive impact on your site. For example, you might have read that implementing critical CSS can improve load performance, and you may have also heard that it's important to optimize your images. But, if you don't have time to work on both things, how would you decide which one to pick?

核心表达之前已经做过很多次的性能优化推荐了，但是之前推荐就有点大而全，比较难执行。

On the Chrome team, we've spent the last year trying to answer this question: what are the most important recommendations we can give to developers to help them improve performance for their users?
To adequately answer this question we have to consider not just the technical merits of any given recommendation, but also human and organizational factors that influence the likelihood that developers will actually be able to adopt these recommendations. In other words, some recommendations may be hugely impactful in theory, but in reality very few sites will have the time or resources to implement them. Similarly, some recommendations are critical, but most websites are already following these practices.
In short, we wanted our list of top web performance recommendations to focus on:
● Recommendations we believe will have the largest real-world impact
● Recommendations that are relevant and applicable to most sites
● Recommendations that are realistic for most developers to implement

灵魂发问：哪些是提升性能最最推荐的方式。有些推荐理论上可行，但是现实可能由于各种情况无法执行；有些推荐很好，但是大多数站点已经都有实践。所以，这次基于几个原则来写这篇文章。

Over the past year we've spent a lot of time auditing the full set of performance recommendations we make, and assessing each of them (both qualitatively and quantitatively) against the above three criteria.
This post outlines our top recommendations to improve performance for each of the Core Web Vitals metrics. If you're new to web performance, or if you're trying to decide what will give you the biggest bang for your buck, we think these recommendations are the best place to start.

介绍文章会从 Core Web Vitals 的三个指标来推荐最佳实践。