在 https://developers.google.com/speed/pagespeed/insights/?url=aishwat.com 上测试页面加载时间它说
Eliminate render-blocking JavaScript and CSS in above-the-fold content
并列出了一些 javascript(您可以查看 link 提供的)
现在,我使用这些作为基本脚本angular.min.js、angular-animate.min.js、angular-aria.min.js、angular-material.min.js 并且它们需要按这种特定顺序加载(不能在 Angular 之前加载 Angular 动画)
问题是如何使它们非阻塞?
我已经把它们放在头 block 外面了
源代码:https://github.com/aishwat/aishwat.com/blob/develop/public/index.html
请查看源页面
最佳答案
PageSpeed 洞察网站有一个很好的文档 what you can do来防止它。
要使您的 JavaScript 非阻塞,您可以添加 async
或defer
脚本标签的属性。为了维持订单,建议使用 defer
.
<script defer src="my.js">
我看到你的<script>
标签在您的 <body>
之外,这不是有效的 HTML,因此我建议将它们放回头部或正文中的某个位置。
关于javascript - 页面速度问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35625154/