好程式設計師web前端教程分享常見基礎面試題之效能最佳化
好程式設計師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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 好程式設計師web前端教程分享Jquery常見面試題程式設計師Web前端jQuery面試題
- 好程式設計師web前端分享常見面試題程式設計師Web前端面試題
- 好程式設計師web前端教程分享HTML/CSS部分常見面試題程式設計師Web前端HTMLCSS面試題
- 好程式設計師web前端教程分享JavaScript面試題程式設計師Web前端JavaScript面試題
- 好程式設計師Java教程分享XML常見面試題程式設計師JavaXML面試題
- 好程式設計師web前端學習路線分享前端基礎面試題程式設計師Web前端面試題
- 好程式設計師Java教程分享:Java工程師常見面試題程式設計師Java工程師面試題
- 好程式設計師Python教程分享常見的Python面試題程式設計師Python面試題
- 好程式設計師Java教程分享JavaScript常見面試題一程式設計師JavaScript面試題
- 好程式設計師Python教程分享Python常見面試問題程式設計師Python面試
- 好程式設計師Java教程分享JavaScript常見面試題五程式設計師JavaScript面試題
- 好程式設計師Java教程分享JavaScript常見面試題四程式設計師JavaScript面試題
- 好程式設計師Java教程分享JavaScript常見面試題三程式設計師JavaScript面試題
- 好程式設計師Java教程分享JavaScript常見面試題二程式設計師JavaScript面試題
- 好程式設計師web前端教程分享web前端基礎知識程式設計師Web前端
- 好程式設計師web前端教程分享Vue.js面試題程式設計師Web前端Vue.js面試題
- 好程式設計師web前端分享HTML5常見面試題集錦五程式設計師Web前端HTML面試題
- 好程式設計師web前端分享HTML5常見面試題集錦四程式設計師Web前端HTML面試題
- 好程式設計師web前端分享HTML5常見面試題集錦三程式設計師Web前端HTML面試題
- 好程式設計師web前端分享HTML5常見面試題集錦二程式設計師Web前端HTML面試題
- 好程式設計師分享Web前端效能最佳化程式設計師Web前端
- 好程式設計師web前端學習路線分享HTML5常見面試題程式設計師Web前端HTML面試題
- 好程式設計師分享:Java面試題常見問題程式設計師Java面試題
- web前端教程分享:常見 React 面試題Web前端React面試題
- 好程式設計師web前端培訓分享面試題Session、Cookie基礎知識程式設計師Web前端面試題SessionCookie
- 好程式設計師web前端教程分享JS基礎知識程式設計師Web前端JS
- 好程式設計師web前端教程分享web前端入門基礎知識程式設計師Web前端
- 好程式設計師分享Java常見面試題Tomcat最佳化經驗程式設計師Java面試題Tomcat
- 好程式設計師Java教程分享Java面試常見技術難題程式設計師Java面試
- 好程式設計師web前端培訓分享Vue面試題程式設計師Web前端Vue面試題
- 好程式設計師web前端教程分享HTML5面試技巧程式設計師Web前端HTML面試
- 好程式設計師Java教程分享Java多執行緒常見面試題程式設計師Java執行緒面試題
- 好程式設計師web前端教程分享前端javascript練習題之promise程式設計師Web前端JavaScriptPromise
- 好程式設計師web前端分享HTML基礎篇程式設計師Web前端HTML
- 好程式設計師web前端分享CSS基礎篇程式設計師Web前端CSS
- 好程式設計師web前端培訓分享小白學web常見的問題程式設計師Web前端
- 好程式設計師web前端分享CSS基礎知識之position程式設計師Web前端CSS
- 好程式設計師Web前端培訓分享jQuery面試題梳理程式設計師Web前端jQuery面試題