首頁 web前端 js教程 JavaScript中的無阻塞載入效能優化方案_javascript技巧

JavaScript中的無阻塞載入效能優化方案_javascript技巧

May 16, 2016 pm 04:34 PM
javascript 效能最佳化

Javascript在瀏覽器中的效能,可以說是前端開發者所要面對的最重要的可用性問題。

在Yahoo的Yslow23條規則當中,其中一條是將JS放在底部 。原因是,事實上,大多數瀏覽器使用單一進程處理UI和更新Javascript運行等多個任務,而同一時間只能有一個任務被執行。 Javascript運行了多長時間,那麼在瀏覽器空閒下來響應用戶互動之前的等待時間就有多長。

從基本層面說,這意味著<script>標籤的出現使整個頁面因腳本解析、運行而出現等待。不論實際的 JavaScript 程式碼是內聯的還是包含在一個不相干的外部文件中,頁面下載和解析過程必須停下,等待腳本 完成這些處理,然後才能繼續。這是頁面生命週期必不可少的部分,因為腳本可能在運行過程中修改頁面 內容。典型的例子是 document.write()函數,例如:<br /> <div class="codetitle"><span><a style="CURSOR: pointer" data="5199" class="copybut" id="copybut5199" onclick="doCopy('code5199')"><U>複製程式碼 程式碼如下:<div class="codebody" id="code5199"><br />  <html><br />    <head><br />      <title>Script Example<br />    <br />    <br />    <body><br />       <p><br />          <script type="text/javascript"><br />             document.write("The date is " (new Date()).toDateString());<br />          </script>
     


  
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

Go 框架的效能優化與橫向擴展技術? Go 框架的效能優化與橫向擴展技術? Jun 03, 2024 pm 07:27 PM

Go 框架的效能優化與橫向擴展技術?

利用 C++ 優化火箭引擎性能 利用 C++ 優化火箭引擎性能 Jun 01, 2024 pm 04:14 PM

利用 C++ 優化火箭引擎性能

優化之道:探尋java框架的效能提升之旅 優化之道:探尋java框架的效能提升之旅 Jun 01, 2024 pm 07:07 PM

優化之道:探尋java框架的效能提升之旅

C++ 效能最佳化指南:探索提高程式碼執行效率的秘訣 C++ 效能最佳化指南:探索提高程式碼執行效率的秘訣 Jun 01, 2024 pm 05:13 PM

C++ 效能最佳化指南:探索提高程式碼執行效率的秘訣

先進的C++效能最佳化技術有哪些? 先進的C++效能最佳化技術有哪些? May 08, 2024 pm 09:18 PM

先進的C++效能最佳化技術有哪些?

Java 中如何使用輪廓分析來優化效能? Java 中如何使用輪廓分析來優化效能? Jun 01, 2024 pm 02:08 PM

Java 中如何使用輪廓分析來優化效能?

程式效能優化有哪些常見的方法? 程式效能優化有哪些常見的方法? May 09, 2024 am 09:57 AM

程式效能優化有哪些常見的方法?

如何使用C++優化Web應用程式的效能? 如何使用C++優化Web應用程式的效能? Jun 02, 2024 pm 05:58 PM

如何使用C++優化Web應用程式的效能?

See all articles