标签：javascript php基础 php 优化 js
个人原创网址：http://www.phpthinking.com/archives/443
浏览器必须先解析网页，然后才能将其呈现给用户。如果浏览器在解析过程中遇到系统阻止的外部脚本，必须停止解析并且下载该JavaScript。每次遇到这种情况时，浏览器都会增加一个网络往返过程，这样就会导致首次呈现网页的时间延迟。
建议您以内嵌方式处理呈现首屏区域所需的JavaScript，并让为网页添加其他功能所需的JavaScript延迟加载，直到首屏内容发送完毕为止。请注意，要通过这种方式缩短加载时间，您还必须优化CSS发送过程。
如果外部脚本较小，您可以直接将它们添加到HTML文档。通过这种方式内嵌较小文件可让浏览器继续呈现网页。例如，如果HTML文档如下所示：
<html> <head> <scripttype="text/javascript"src="small.js"></script> </head> <body> <div> Hello, world! </div> </body></html>
资源small.js如下所示：
/* contents of a small JavaScript file */
那么，您即可按如下这样内嵌脚本：
<html> <head> <scripttype="text/javascript"> /* contents of a small JavaScript file */ </script> </head> <body> <div> Hello, world! </div> </body></html>
这样，您就可以将small.js内嵌在HTML文档中，从而消除对它的外部请求。
为防止JavaScript阻止网页加载，建议您在加载JavaScript时使用HTML异步属性。例如：
<script async src="my.js">
如果您的JavaScript资源使用的是document.write，则使用异步加载就会不安全。我们建议您重写使用document.write的脚本，以改用其他技术。
此外，异步加载JavaScript时，如果您的网页加载互相依赖的脚本，请务必谨慎，以确保您的应用以合适的依赖顺序加载脚本。
标签：javascript php基础 php 优化 js
原文地址：http://blog.csdn.net/ksly_tkol/article/details/39561031
