好程式設計師web前端教程分享常見基礎面試題之效能最佳化

好程式設計師IT發表於2019-11-13

   好程式設計師web 前端教程分享常見基礎面試題之效能最佳化,為了能夠更快的透過企業面試,很多人都會背面試題,而效能最佳化是每一個企業都會問到的問題,今天就給大家分享一下。

 

  效能最佳化(Optimize) 簡而言之,就是在不影響系統執行正確性的前提下,使之執行地更快,完成特定功能所需的時間更短。那麼該如何提高效能呢 ? 你可以採取以下方法:

 

  1 、減少 http 請求次數

 

  80% 的響應時間花在下載網頁內容 (images, stylesheets, javascripts,scripts, flash ) 。減少請求次數是縮短響應時間的關鍵 ! 可以透過簡化頁面設計來減少請求次數,但頁面內容較多可以採用以下技巧。

 

  2 、減少 DNS 查詢次數

 

  DNS 查詢也消耗響應時間,如果我們的網頁內容來自各個不同的 domain ( 比如嵌入了開放廣告,引用了外部圖片或指令碼 ) ,那麼客戶端首次解析這些 domain 也需要消耗一定的時間。 DNS 查詢結果快取在本地系統和瀏覽器中一段時間,所以 DNS 查詢一般是對首次訪問響應速度有所影響。

 

  3 、快取 Ajax

 

  Ajax 可以幫助我們非同步的下載網頁內容,但是有些網頁內容即使是非同步的,使用者還是在等待它的返回結果,例如 ajax 的返回是使用者聯絡人的下拉選單。所以我們還是要注意儘量應用以下規則提高 ajax 的響應速度。

 

  4 、延遲載入

 

  這裡討論延遲載入需要我們知道我們的網頁最初載入需要的最小內容集是什麼。剩下的內容就可以推到延遲載入的集合中。

 

  Javascript 是典型的可以延遲載入內容。一個比較激進的做法是開發網頁時先確保網頁在沒有 Javascript 的時候也可以基本工作,然後透過延遲載入指令碼來完成一些高階的功能。


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69913892/viewspace-2663928/,如需轉載,請註明出處,否則將追究法律責任。

相關文章