[AngularJS]页面速度问题

发布时间: 2017/4/16 20:21:38
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

测试页面加载时间在https://developers.google.com/speed/pagespeed/insights/?url=aishwat.com上的时它说

Eliminate render-blocking JavaScript and CSS in above-the-fold content

和列表向下几 javascripts (其中你可以看看提供的链接

现在,我使用这些基地脚本angular.min.js,角 animate.min.js,角 aria.min.js,角 material.min.js以及他们需要加载此特定的顺序 (一个无法加载角动画前角)

问题是如何使他们无阻塞?

头块外,我已经让他们

源代码https://github.com/aishwat/aishwat.com/blob/develop/public/index.html

请看一看源页

解决方法 1:

PageSpeed 的洞察力网站有良好的文档你能做什么来阻止它。

使你 javascript 非阻塞您可以添加 asyncdefer 到您的脚本标签属性。为了维持秩序,这推荐使用 defer

<script defer src="my.js">

我看到你 <script> 标签都是外面你 <body> ,这不是有效的 HTML,所以我建议把它们放回在头还是在你的身体的某个地方。

赞助商