Magento2 magento 2中的google页面速度优化

Magento2 magento 2中的google页面速度优化,magento2,google-pagespeed,Magento2,Google Pagespeed,我正在检查谷歌网页速度,因为我的网站得分很低 我需要解决以下问题 渲染块javascript css优化 利用浏览器缓存 对可见内容进行优先级排序 如何解决这些问题这里是如何解决这些问题: 要防止javascript被呈现阻塞,请将其放在文档末尾,使其在页面其余部分之后加载。或者,您可以将defer关键字添加到脚本标记中,使其在其他文档之后加载。您还可以添加async属性,这使得它可以在加载页面其余部分时加载脚本 要优化CSS,您可以做一些事情。首先,确保重复的次数不超过必须重复的次数。第二,重

我正在检查谷歌网页速度,因为我的网站得分很低

我需要解决以下问题

  • 渲染块javascript
  • css优化
  • 利用浏览器缓存
  • 对可见内容进行优先级排序

  • 如何解决这些问题这里是如何解决这些问题:

  • 要防止javascript被呈现阻塞,请将其放在文档末尾,使其在页面其余部分之后加载。或者,您可以将
    defer
    关键字添加到脚本标记中,使其在其他文档之后加载。您还可以添加
    async
    属性,这使得它可以在加载页面其余部分时加载脚本
  • 要优化CSS,您可以做一些事情。首先,确保重复的次数不超过必须重复的次数。第二,重新排列不同的规则,使最重要的样式元素位于CSS样式表的顶部。第三,压缩CSS。压缩CSS将删除文档中的所有空白,从而缩短加载时间。最后,您可以研究哪些选择器比其他选择器执行得更快。例如,通用(
    *
    )选择器比其他选择器慢得多
  • 要通过浏览器实现缓存,请参阅我回答的这篇文章:
  • 要对可见内容进行优先级排序,需要做几件事。重新排列HTML页面的各个部分,首先加载最重要的元素。此外,压缩所有资源以减小文件大小
  • 我希望所有这些提示都有所帮助

    以下是一些我发现有助于实现上述目标的资源:

  • 我希望这有帮助