在https://developers.google.com/speed/pagespeed/insights/?url=aishwat.com上测试页面加载时间时,它说
Eliminate render-blocking JavaScript and CSS in above-the-fold content
并列出一些javascripts(您可以查看link提供的内容)
现在,我使用它们作为基本脚本 angular.min.js,angular-animate.min.js,angular-aria.min.js,angular-material.min.js 并且它们需要按照这个特定的顺序加载(一个不能在角度之前加载角度动画)
问题是如何使它们无阻塞?
我已将它们保留在头部区域之外
源代码:https://github.com/aishwat/aishwat.com/blob/develop/public/index.html
Plz查看源页面
答案 0 :(得分:1)
PageSpeed insight网站有一个很好的文档what you can do来阻止它。
要使您的javascript无阻止,您可以将async
或defer
属性添加到脚本代码中。为了维护订单,建议使用defer
。
<script defer src="my.js">
我发现您的<script>
标记位于<body>
之外,这不是有效的HTML,因此我建议将它们放回头部或身体某处。