提高javascript效能的小細節

antzone發表於2017-03-20

提高javascript效能的方式有很多,當然很多都是關係到程式設計師的水平問題,如果讓程式碼的效率更高,但是很多往往都是大神能夠做到的事情,不過作為非大神或者說菜鳥也有很多需要注意的地方,下面就簡單介紹一下作為菜鳥級別的我們能夠提高js效能的細節。

一.<script>標籤儘量少用:

儘管使用多個<script>標籤並不會出現語法錯誤,但是在載入<script>中的內容的時候,會阻滯頁面的渲染,會帶來一定的效能問題,所以能夠少用就儘量少用。

二.<script>最好放在body的後面:

<script>標籤最好要放在body的後面,因為在執行js程式碼的時候,頁面的渲染就會被阻塞,如果放在後面就會先渲染頁面,後執行程式碼,能夠讓使用者儘可能快的看到頁面渲染的一定效果。

三.使用一次性匯入多個檔案:

有時候需要引入外部js檔案,甚至是多個js檔案,通常情況下是一個一個的引入,其實可以一次性引入多個。程式碼如下:

[HTML] 純文字檢視 複製程式碼
<script src="antzone.js&web.js" />

其實細節還有很多,這裡就先介紹這些,以後再總結。


相關文章