Google PageSpeed Insights - 需要修复

Question

我的网站在手机上的加载速度似乎非常慢，我尝试使用google PageSpeed的见解并尝试纠正问题

我似乎无法理解使用屏幕截图

需要更改的内容

有人可以帮忙吗？

Answer 1

让我们分解一下，分两部分来处理它，JS和CSS。

的JavaScript

从JavaScript开始，网页需要等到它完成下载并解析JS文件才能开始呈现页面。如果将JS标记标记为＆＃34; async＆＃34;就像下面的例子一样，你让浏览器知道它不需要阻塞，直到完全下载JS。相反，它将开始立即呈现页面。

<script src="demo_async.js" async></script>

结帐this link了解详情。

CSS

Google Developers site可以很好地了解CSS阻止页面呈现的原因。因为有一些CSS需要绘制和渲染第一个视口的布局值。这个CSS被称为关键CSS。尝试优先考虑关键CSS解析CSS并将其替换为仅包含页面上使用的规则的内联CSS。这避免了初始渲染所需的任何阻止CSS请求。我建议您查看Filament Group website以获取更多信息。