閉合標簽之前,將所有的標簽放到頁面底部,這能確保在腳本執行前頁面已經完成了渲染
在JavaScript文件的下載、執行過程中,頁面的渲染和用戶交互會被阻塞
現代瀏覽器可以并行下載JavaScript文件,但是JavaScript文件的下載仍然會阻塞其他類型資源的下載
如果將腳本放到頁面頂部,會由于腳本的下載與執行導致明顯的延遲,通常表現為空白頁面、用戶無法瀏覽內容、無法與頁面進行交互
2.合并腳本,減少頁面中外鏈腳本文件的數量將會改善性能
由于下載每一個外鏈JavaScript,都會對應一個HTTP請求,而HTTP請求會帶額外的性能開銷,因此下載單個100KB的文件將比下載4個25KB的文件更快,因此可以使用打包工具對腳本進行打包處理
4.對JavaScript文件進行壓縮,減少JavaScript文件大小
3.對某些腳本文件使用無阻塞的下載方法
使用延遲腳本:標簽擁有defer屬性,這個屬性的用途加載后續文檔元素的過程將和腳本的加載并行進行(異步),但是腳本的執行要在所有元素解析完成之后,DOMContentLoaded 事件觸發之前完成
使用異步腳本:標簽擁有async屬性,這個屬性的作用是加載和渲染后續文檔元素的過程將和 腳本的加載并行進行,腳本加載完畢立即執行,(執行時同樣阻塞加載與渲染后續文檔)
3.動態腳本元素:可以通過JavaScript動態創建元素來加載JavaScript文件。這種技術的重點在于:無論何時啟動下載,文件的下載與執行不會阻塞頁面其他進程。
未完。。。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/87175.html
摘要:在本文中我將會介紹應用性能優化的一般原則。性能優化的流程圖摘取自和合著的性能,描述了應用性能優化的處理流程。例如,對每臺服務器,你面臨著為單個分配堆內存和運行個并為每個分配堆內存的選擇。不過位能使用堆內存最大理論值只有。 原文鏈接:http://www.cubrid.org/blog/dev-platform/the-principles-of-java-application-per...
摘要:淺談網站性能之前端性能優化性能優化的目的無非是減少用戶流量消耗,提升用戶首屏體驗,提升用戶訪問速度,讓用戶專注內容本身。前端性能優化減少請求數量基本原理在瀏覽器與服務器進行通信時,主要是通過進行通信。 最近項目慢慢走上正軌,需求趨于平穩,這才想起需要對整站進行性能優化。經過一段時間的學習,結合現在項目的實際性能情況,發現確實有許多地方可以進行優化。于是就開始了我的前端性能優化之旅。以下...
摘要:淺談網站性能之前端性能優化性能優化的目的無非是減少用戶流量消耗,提升用戶首屏體驗,提升用戶訪問速度,讓用戶專注內容本身。前端性能優化減少請求數量基本原理在瀏覽器與服務器進行通信時,主要是通過進行通信。 最近項目慢慢走上正軌,需求趨于平穩,這才想起需要對整站進行性能優化。經過一段時間的學習,結合現在項目的實際性能情況,發現確實有許多地方可以進行優化。于是就開始了我的前端性能優化之旅。以下...
閱讀 3225·2021-11-08 13:21
閱讀 1202·2021-08-12 13:28
閱讀 1413·2019-08-30 14:23
閱讀 1935·2019-08-30 11:09
閱讀 850·2019-08-29 13:22
閱讀 2694·2019-08-29 13:12
閱讀 2557·2019-08-26 17:04
閱讀 2265·2019-08-26 13:22