首頁 > web前端 > js教程 > 如何加快JavaScript的載入與執行

如何加快JavaScript的載入與執行

黄舟
發布: 2016-12-20 15:40:11
原創
1072 人瀏覽過

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>
登入後複製

為了改善上面的阻塞情況,應盡可能的減少頁面中

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板