當我們在瀏覽器位址列中輸入乙個url的時候,網頁開始請求,我們在頁面上看到的內容就是許多個http請求從伺服器返回的資料展示,這些展示的快慢很大程度依賴前端的優化,怎樣做好前端的優化,我這裡總結了幾點:
一 減少http請求,重複使用link
1 合併css js檔案
2 background 使用乙個圖
二 頁面壓縮,包括css js 等
三 盡量使用瀏覽器快取,設定過期時間
四 壓縮元件,傳送給客戶端的資料經過gzip壓縮,減少頻寬
五 預載入,比如: js css等
六 指令碼位置,js放在底部,css放在頭部
七 合併靜態檔案,2~3個網域名稱分組,減輕單個服務壓力
web前端模組化 一 前言
將乙個複雜的程式依據一定的規則規範封裝成幾個塊檔案,並進行組合在一起。內部資料與實現是私有的,只是向外暴露一些介面方法與外部其他模組通訊。1.全域性function模式 把不同的功能封裝成不同的全域性函式 2.命名空間模式 基於簡單的物件封裝,劣勢 資料不安全,外部可以直接修改模組內部的資料 所有成...
web前端優化
盡量避免使用eval函式 多了一步解析的步驟 function testnoeval var endtime new date console.log 耗時1 endtime starttime ms function testeval var endtime new date console.lo...
web前端優化
做為乙個好的優秀前端,不僅能夠寫出優雅的 也要更加關注於效能性的問題,但由於我們在專案過程中可能會考慮到一些成本性的問題,不可能讓我們的專案在效能方面面面俱到,但我們可以做到最為基本的做優化。我們可以從以下幾點進行優化 1.減少對伺服器方面的請求 我們使用外部檔案 css 和js css sprit...