提高javascript效能的小細節
提高javascript效能的方式有很多,當然很多都是關係到程式設計師的水平問題,如果讓程式碼的效率更高,但是很多往往都是大神能夠做到的事情,不過作為非大神或者說菜鳥也有很多需要注意的地方,下面就簡單介紹一下作為菜鳥級別的我們能夠提高js效能的細節。
一.<script>標籤儘量少用:
儘管使用多個<script>標籤並不會出現語法錯誤,但是在載入<script>中的內容的時候,會阻滯頁面的渲染,會帶來一定的效能問題,所以能夠少用就儘量少用。
二.<script>最好放在body的後面:
<script>標籤最好要放在body的後面,因為在執行js程式碼的時候,頁面的渲染就會被阻塞,如果放在後面就會先渲染頁面,後執行程式碼,能夠讓使用者儘可能快的看到頁面渲染的一定效果。
三.使用一次性匯入多個檔案:
有時候需要引入外部js檔案,甚至是多個js檔案,通常情況下是一個一個的引入,其實可以一次性引入多個。程式碼如下:
[HTML] 純文字檢視 複製程式碼<script src="antzone.js&web.js" />
其實細節還有很多,這裡就先介紹這些,以後再總結。
相關文章
- Vue、Javascript小細節VueJavaScript
- JavaScript 中的調節器:提高應用程式的效能JavaScript
- JS 一些優化效能的小細節JS優化
- oracle並行的小細節Oracle並行
- 機器級程式的小細節
- 一個小的技術細節
- 5個細節提高網站建設網站
- 看FCOS時的小細節總結
- Vue.js 和 MVVM 的小細節Vue.jsMVVM
- 筆記——Android 中的小細節筆記Android
- 那些被忽略的 JavaScript 陣列方法細節JavaScript陣列
- JavaScript初學者應注意的七個細節JavaScript
- 你需要注意的Java小細節(一)Java
- 開發小細節系列之一
- 『翻譯』一些JavaScript優化的細節JavaScript優化
- 那些容易被忽視的 JavaScript 細節總結JavaScript
- javascript節點型別詳細介紹JavaScript型別
- JavaScript之坑了我--事件模型細節JavaScript事件模型
- JavaScript之坑了我--函式細節JavaScript函式
- OneAPM大講堂 | 提高JavaScript效能的30個技巧JavaScript
- 利用函式的惰性載入提高 javascript 程式碼效能函式JavaScript
- 看不見的設計——關於“分享”的小細節
- Java效能優化的45個細節(珍藏版)Java優化
- Java效能優化的50個細節(珍藏版)Java優化
- 函式解構引數小細節函式
- Java細緻末節小錯記錄Java
- Integer類小細節隨筆記錄筆記
- 不要忽視Web程式設計中的小細節Web程式設計
- JavaScript 前端效能優化之事件節流JavaScript前端優化事件
- JavaScript 提高效能的幾個知識點總結JavaScript
- 【JavaScript高階進階】JavaScript變數/函式提升的細節總結JavaScript變數函式
- Vue 2升級 Vue 3初探小細節Vue
- Java小細節:List可以add(null)嗎?JavaNull
- 13. iOS開發小細節--OC篇iOS
- 效能優化小冊 - 提高網頁響應速度:優化你的 CDN 效能優化網頁
- JavaScript 效能優化的小知識總結JavaScript優化
- mysql資料庫操作之------查的各種小細節MySql資料庫
- 提高sql效能的方法SQL