提高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
- 小細節
- 5個細節提高網站建設網站
- 機器級程式的小細節
- 一個小的技術細節
- 那些被忽略的 JavaScript 陣列方法細節JavaScript陣列
- 看FCOS時的小細節總結
- Java效能優化的50個細節(珍藏版)Java優化
- Java效能優化的45個細節(珍藏版)Java優化
- JavaScript 前端效能優化之事件節流JavaScript前端優化事件
- 【JavaScript高階進階】JavaScript變數/函式提升的細節總結JavaScript變數函式
- 函式解構引數小細節函式
- Java小細節:List可以add(null)嗎?JavaNull
- Integer類小細節隨筆記錄筆記
- Java細緻末節小錯記錄Java
- 細節解析 JavaScript 中 bind 函式的模擬實現JavaScript函式
- 效能優化小冊 - 提高網頁響應速度:優化你的 CDN 效能優化網頁
- 幾個 JavaScript 效能優化小 TipJavaScript優化
- 瞭解JavaScript中的Memoization以提高效能,再看React的應用JavaScriptReact
- 前端效能優化:細說JavaScript的載入與執行前端優化JavaScript
- 13. iOS開發小細節--OC篇iOS
- Vue 2升級 Vue 3初探小細節Vue
- mysql資料庫操作之------查的各種小細節MySql資料庫
- 怎樣提高insert的效能
- 如何提高python程式的效能Python
- 使用JavaScript變數需要注意哪些語法細節?JavaScript變數
- h5效能優化,細節決定結果。H5優化
- [譯] Google JavaScript 風格指南中 13 個值得注意的細節GoJavaScript
- Java高階開發必會的50個效能優化細節Java優化
- JavaScript陣列的使用小結(詳細還是去看MDN)JavaScript陣列
- vue 元件(component)命名的小細節問題(大小寫問題)Vue元件
- Cordova外掛中JavaScript程式碼與Java的互動細節介紹JavaScript
- 12個提高 JavaScript 技能的概念!JavaScript
- 如何提高 Locust 的壓測效能
- 伺服器的效能如何提高伺服器
- 慢慢細談Android 面試的細節Android面試
- EfficientNet模型的完整細節模型
- 【譯】Vue 的小奇技(第一篇):提高大型資料列表的效能Vue