magento 2中的谷歌页面速度优化

Question

我正在检查谷歌网页速度，因为我的网站得分非常差。

我需要修复以下问题

1. 渲染阻止javascript
2. css优化
3. 利用浏览器缓存
4. 优先考虑可见内容

如何解决这些问题

Answer 1

以下是解决这些问题的方法：

1. 要阻止javascript被渲染阻止，请将其放在文档的末尾，以便在页面的其余部分后加载。或者，您可以将defer关键字添加到脚本标记，以使其在其他文档之后加载。您还可以添加async属性，这样可以在加载页面的其余部分时加载脚本。
2. 要优化CSS，您可以做一些事情。首先，确保你不要重复。其次，重新排序不同的规则，以便设置样式的最重要元素位于CSS样式表的顶部。第三，压缩你的CSS。压缩CSS将删除文档中的所有空格，从而减少加载时间。最后，您可以研究哪些选择器比其他选择器更快。例如，通用（*）选择器比其他选择器慢得多。
3. 要通过浏览器实现缓存，请查看我已回答的这篇文章：Website Speed Optimization
4. 要优先考虑可见内容，需要做一些事情。重新排列HTML页面的各个部分以首先加载最重要的元素。此外，压缩所有资源以减少文件大小。

我希望所有这些提示都有所帮助！

以下是我发现有助于执行上述操作的一些资源：

1. CSS Minifier
2. Compress HTML
3. JSCompress

我希望这个对你有用！