Jit*_*yas 16 javascript performance jquery google-pagespeed
我的所有JavaScript文件都已经在底部,但Google Page Speed正在提供此建议以提高速度:
推迟解析JavaScript
在初始页面加载期间解析了88.6KiB的JavaScript.推迟解析JavaScript以减少页面呈现的阻塞. http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js (76.8KiB)的http://websiteurl/js/plugins.js(11.7KiB)的http:// websiteurl / (内联JavaScript的109B)
这是我的html(示例)
<html>
<head>
<!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<head>
<body>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script>!window.jQuery && document.write(unescape('%3Cscript src="js/libs/jquery-1.5.1.min.js"%3E%3C/script%3E'))</script>
<script src="js/plugins.js"></script>
<script>$(document).ready(function() {
$("#various2").fancybox({
'width': 485,
'height': 691,
});
});</script>
</body>
</html>
如何通过延迟来提高性能？
它仅适用于Google Chrome或所有产品吗？
如果您正在寻找页面性能,那么首先您应该将这些脚本移到页面底部以允许加载其他资源.
还可以在头部使用dns预取来设置google-code的基本域
<link rel="dns-prefetch" href="//ajax.googleapis.com">
由于这只是一小段代码,您只需将其添加到底部的plugins.js文件中,然后推迟插件文件即可.
<script src="js/plugins.js" defer></script>
无论如何,这就是我所做的,我的所有网站都分别以yslow和页面速度优化为98和97.
希望能帮助到你.
-V
这可能是遇到一定性能水平时的通用响应/建议。
尽管如此，它特别提到了 jQuery、一个插件和 109 字节的内联 JavaScript。你有内联 JavaScript 吗？您是否也将 JavaScript 包含在 的底部<body>？
编辑：
基于最近发布的 HTML...
作为测试，删除这两项以查看是否有任何区别：
<!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<script>!window.jQuery && document.write(unescape('%3Cscript src="js/libs/jquery-1.5.1.min.js"%3E%3C/script%3E'))</script>
另外，警告消息提到了 109 字节的内联 JS，但我在您发布的 HTML 中没有看到类似的内容。
| 归档时间： |
|
| 查看次数： |
31997 次 |
| 最近记录： |