页面速度问题

时间:2016-02-25 10:49:59

标签: javascript html angularjs

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查看源页面

1 个答案:

答案 0 :(得分:1)

PageSpeed insight网站有一个很好的文档what you can do来阻止它。

要使您的javascript无阻止,您可以将asyncdefer属性添加到脚本代码中。为了维护订单,建议使用defer

<script defer src="my.js">

我发现您的<script>标记位于<body>之外,这不是有效的HTML,因此我建议将它们放回头部或身体某处。