摘要：
删除不必要的下载最快和最好的优化资源是不需要下载的资源。您最近是否审查过资源？ 您应该这么做，而且应该定期这么做，以确保每个资源都有助于提供更好的用户体验。最快和最优的资源是不需要下载的资源。当然，这看起来可能像是句废话，但实际上，却往往被忽视：作为一名性能工程师，您的职责就是始终保持批判的眼光，抓... 阅读全文
摘要：
PageSpeed 规则和建议删除阻止呈现的 JavaScript 和 CSS若要尽快完成首次呈现，您需要尽量减少甚至删除（如果有可能）网页所呈现关键资源的数量、尽量减少下载的关键字节数以及尽量缩短关键路径的长度。优化 JavaScript 的使用默认情况下，JavaScript 资源会阻止解析器，... 阅读全文
摘要：
优化关键呈现路径为了尽快完成首次呈现，我们需要优化下列三种变量：尽量减少关键资源数量。尽量减少关键字节数。尽量缩短关键路径的长度。关键资源是任何可能阻止网页首次呈现的资源。网页上的关键资源越少，浏览器在屏幕上显示内容时必须完成的工作量就越少，对 CPU 和其他资源的占用也就越少。同样，浏览器必须下载... 阅读全文
摘要：
分析关键呈现路径性能确定并解决关键呈现路径性能方面的瓶颈需要了解很多常见问题。让我们开始实践之旅，并找出常用的性能模式，从而帮助您优化网页。优化关键呈现路径的目标是允许浏览器尽可能快地绘制网页：较快的页面呈现速度可以提高互动度、增加网页浏览量并提高转化率。因此，我们希望通过优化要加载的资源和加载顺序... 阅读全文
摘要：
使用 Navigation Timing 评估关键呈现路径无法评估就谈不上优化。幸运的是，Navigation Timing API 提供了所有必备工具来评估关键呈现路径的每个步骤！作为每个有效性能策略的基础，准确的评估和检测必不可少。这也就是 Navigation Timing API 所提供的。... 阅读全文
摘要：
使用 JavaScript 添加交互JavaScript 允许我们修改页面的方方面面：内容、样式以及它如何响应用户交互。但是，JavaScript 也会阻塞 DOM 构建，延缓页面渲染。我们可以让我们的 JavaScript 异步加载，消除关键渲染路径中不必要的 JavaScript，来提供更佳性能... 阅读全文
摘要：
阻塞渲染的 CSS默认情况下，CSS 被视为阻塞渲染的资源，这意味着在 CSSOM 构建完成前，浏览器会暂停渲染任何已处理的内容。确保精减你的 CSS，尽快传送它，并使用媒体类型与媒体查询来解除阻塞。在上一节，我们看到了，关键渲染路径要求我们兼有 DOM 和 CSSOM 来构造渲染树，这就有一个重要... 阅读全文
摘要：
渲染树构建、布局及绘制 CSSOM 树与 DOM 树融合成一棵渲染树，随后计算每个可见元素的布局，并输出给绘制过程，在屏幕上渲染像素。优化这里的每一步对实现最佳渲染性能至关重要。在前面的章节中，我们介绍了对象模型的构建，我们根据输入的 HTML 与 CSS 构建 DOM 树及 CSSOM 树。不过... 阅读全文
摘要：
构建对象模型浏览器要在屏幕上渲染内容，需要先构建 DOM 与 CSSOM 树。因此，我们需要确保将 HTML 和 CSS 尽可能快地提供给浏览器。让我们从最简单的可能情况开始说：一个普通 HTML 网页，包含一些文字，一张图片。浏览器需要做什么才能处理这个简单页面呢？转换：浏览器从磁盘或网络读取 H... 阅读全文