最近我测试了我的网站的移动友好性、移动速度和桌面速度。我对我的桌面和移动速度的结果感到震惊，分别像 48/100 和 40/100 那样太差，并且出现错误，
Eliminate render-blocking JavaScript and CSS in above-the-fold content
然后我删除了在我的页面中加载的不需要的内容，并在我的标签末尾添加了一个延迟，然后通过这个更改，桌面版的错误被抑制，我的桌面版分数增加到 82/100 和 68/手机100。 到目前为止还不错，但问题是我的移动速度仍然存在同样的错误，
Eliminate render-blocking JavaScript and CSS in above-the-fold content
我不知道为什么用台式机修复移动速度时仍然存在错误。任何人都可以帮助我提出建议。提前致谢。
【问题讨论】：
标签： javascript css angularjs asynchronous seo
当您将 CSS 文件放在标题 <head> 部分时，浏览器无法加载其他资源，直到它们没有从您的服务器获取（呈现）css 文件。
Google already said on their article，如果你有小的 css 文件，那么把它放在内部的 head 部分，所以浏览器不需要向你的服务器请求另一个 HTTP GET 请求，它会直接使用你的 <style>.yourcsscode{}</style> 标签中的 CSS。如果您的 css 文件很大，则使用 javascript 异步呈现它（示例已包含在上面的链接中）。
对于 javascript 使用像 <script async src="my.js"> 这样的 asyn 标签，如果你的 javascript 很小，那么在内部使用它，这样你就可以保存另一个 HTTP GET 请求。
这里的全部内容是，您的浏览器需要等待加载其他资源，直到它们没有从服务器获取 css 和 javascript 文件。 Rahul 提供了太多的点，这并不能解决这个问题，但如果您考虑优化您的页面速度，它会很有用。
【讨论】：
不要在<head>标签之间包含你的js文件，而是在body标签的末尾包含它们
我建议您将所有 js 压缩并压缩到一个文件中，并将 css 压缩到一个文件中以减少 http 请求并使用 .htaccess 添加过期标头
这可能会帮助你https://varvy.com/pagespeed/render-blocking-css.html
另外我建议你参考这个链接https://developer.yahoo.com/performance/rules.html
等
【讨论】：