JS 有個很無言的阻塞特性,就是當瀏覽器在執行JS 程式碼時,不能同時做其他任何事情,無論其程式碼是內嵌的還是外部的。
瀏覽器在碰到一個引入外部JS 文件的<script>標籤時會停下所有工作來下載並解析執行它,在這個過程中,頁面渲染和用戶交互完全被阻塞了,為了避免頁面加載時的停頓甚至空白頁的出現,JS 腳本應盡量放置在頁面底部,這點很重要:</script>
<html> <head> <title>无标题文档</title> <link rel="stylesheet" type="text/<a href="http://www.php1.cn/category/72.html">css</a>" href="http://www.php1.cn/"> </head> <body> <p>页面的内容。。。</p> <!-- 推荐的位置,页面底部: --> <script type="text/javascript" src="file1.js"></script> <script type="text/javascript" src="file2.js"></script> <script type="text/javascript" src="file3.js"></script> </body> </html>
為了改善上面的阻塞情況,應盡可能的減少頁面中