javascript - 页面速度问题

标签 javascript html angularjs

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 非阻塞,您可以添加 asyncdefer脚本标签的属性。为了维持订单,建议使用 defer .

<script defer src="my.js">

我看到你的<script>标签在您的 <body> 之外,这不是有效的 HTML,因此我建议将它们放回头部或正文中的某个位置。

关于javascript - 页面速度问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35625154/

相关文章:

javascript - Google map v3 地理编码

javascript - for...in 循环与 jQuery 追加

javascript - ng-click 不适用于不透明度为 :1; 的对象

javascript - 是否可以覆盖 ag-grid angularjs 中的 columnDefs 顺序?

javascript - 如何找到大图像的有损尺寸

javascript - 除非输入所有数据,否则不要提交

javascript - 如何粘贴我在剪贴板上复制的输入文本内容,按下 CSS 或 JS 按钮

javascript - ng-init 总是在浏览器控制台中给出错误

html - 截断 URL 以使其适合布局的最佳方法是什么

jquery - 如何通过在背景 Canvas 中绘制线条来连接两个 HTML 元素?