是一个复杂的话题，涉及很多技能，如何通过优化网页性能来改善用户体验？今天小编就给大家介绍一些常用的方法。

1.尽可能减少要传输的数据量

首先，删除所有未使用的部分，例如无法访问的函数、选择器从不匹配任何元素的样式以及始终隐藏在 CSS 中的 HTML 标记。其次，删除所有重复项。然后，我建议设置一个自动收缩过程。例如，它应该删除后端服务的所有注释（但不是源代码）和不包含其他信息的每个字符（例如 JS 中的空格字符）。完成后，我们剩下的可以是文本。这意味着我们可以安全地应用压缩算法，例如GZIP（大多数浏览器都理解）。最后，还有缓存。当浏览器第一次呈现页面时，这无济于事，但它会在以后的访问中节省很多。但关键是要记住两件事：

如果使用 CDNseo优化，请确保支持缓存并在其中正确设置缓存。

与其等待资源的到期日期，不如从您的角度提前更新资源。将文件的“指纹”嵌入到 URL 中会使本地缓存失效。

当然，您应该为每个资源定义一个缓存策略。有些可能变化不大，或者根本没有变化。其他国家的变化更快。其中一些包含敏感信息，而另一些则可能被视为公开的。使用 “” 指令可防止 CDN 缓存私有数据。Web 图像也可以优化，尽管图像请求不会阻止解析或呈现。

2. 减少关键资源总数

“关键”仅指正确呈现网页所需的资源。因此，我们可以跳过所有不直接参与该过程的样式以及所有脚本。

样式表

为了告诉浏览器不需要特定的CSS文件网站优化，我们应该为所有引用样式表的链接设置媒体属性。使用此方法，浏览器将仅根据需要处理与当前媒体（设备类型、屏幕大小）匹配的资产，同时降低所有其他样式表的优先级（将进行处理，但不作为关键呈现路径的一部分）。例如，如果将 =“” 属性添加到引用打印页面样式的样式标记，则当媒体未打印时（即在浏览器中显示页面时），这些样式不会干扰关键呈现路径。

为了进一步改进该过程，您还可以内联一些样式。这为我们节省了至少一次到服务器的往返行程，否则需要获取样式表。

脚本

如上所述，脚本是解析器阻塞，因为它们可以更改 DOM 和 .因此，不更改它们的脚本不应进行块解析，从而节省我们的时间。为了实现这一点，所有脚本标签都必须标记为 or 属性。

标记为不阻止 DOM 构造的脚本，或者因为它们可以在构建之前执行。但是请记住，内联脚本无论如何都会阻塞，除非您将它们放在 CSS 之上。相反，标记为“延迟”的脚本将在页面加载结束时进行评估。因此，它们不应影响文档（否则将触发重新呈现）。

换句话说，脚本在页面加载事件触发之前不会执行，从而允许脚本在解析文档时在后台运行。

3. 减少关键渲染路径长度

最后，CRP 长度应缩短到尽可能小的值。在某种程度上，上述方法可以做到这一点。

作为样式标记属性的媒体查询可减少必须下载的资源总数。该脚本标记属性，并将阻止相应的脚本阻止分析。使用 GZIP 压缩、压缩和归档资源将减少传输数据的大小（从而减少数据传输时间）。内联某些样式和脚本可以减少浏览器和服务器之间的往返次数。

我们还没有讨论的是重新排列文件之间的代码的选项。根据最新的最佳性能理念网站制作，网站应该以最快的速度做的第一件事就是显示ATF内容，ATF代表折叠上方，这是无需滚动即可立即看到的区域。因此，最好重新排列与渲染相关的所有内容，以便首先加载所需的样式和脚本，而其他所有内容停止 - 既不解析也不渲染，并且始终记住在进行更改之前和之后进行测量。总之，网站

性能优化涵盖了网站响应能力的所有方面，例如缓存、设置 CDN、重构、资源优化等网站优化，但所有这些都可以逐步完成。作为 Web 开发人员，您应该使用本文作为参考，并始终记住在实验前后衡量性能。