如今，人們對網頁的閱讀速度要求越來越高，許多程序員在功能優化模塊中都缺乏技能。今天，我們分享了前端網頁的一些功能優化技巧。我們希望我們可以幫助我們一點點。終用戶應該在80％的時間內做出回應。它花在前端，大部分時間都在下載頁麵的資源中：圖片，腳本，flash等，減少資源需求以簡化頁麵規劃已成為改進功能的關鍵。嚐試盡可能地合並CSS，JS和圖像文件以減少HTTP請求。

　　1. 設置header的過期時刻，使內容能夠緩存

　　這個規矩能夠從兩個方麵來看：

　　關於靜態組件，完成"永不過期"的方針，經過設置一個較長時刻的Expires頭，例如圖片，flash;

　　關於動態組件：運用恰當的Cache-Control頭來處理不同的懇求，如CSS,JS等。

　　2. 運用Gzip緊縮內容

　　服務端能夠把不隻是html還有JS，CSS，

　　3. 款式放在頁頭

　　用戶在打開一個頁麵時，閱讀器會逐漸的加載頭部，導航欄及logo等，在加載過程中用戶能看到頁麵的反應，提高了用戶體會。假如款式放在頁腳，帶來的問題是，包括在IE的許多閱讀器上製止逐漸呈現，他們會阻撓烘托，防止頁麵款式改變而引起重繪頁麵元素，用戶就隻能看到一個空白頁。

　　4. 運用內容分發機製

　　運用內容分發如CDN加快，運用戶從離自己近的服務器下載文件。但一般要求削減DNS查詢次數，好像一個頁麵的懇求資源盡量少的運用不同的主機名，能夠削減網站並行下載的數量。但許多網站為了加快下載資源特意用了多個主機名，這樣能夠並行下載資源。

　　5. 防止運用CSS表達式

　　CSS表達式核算會十分頻頻，不僅僅是在烘托和resize時會履行，翻滾頁麵乃至移動鼠標都會從頭核算。

　　6. 外部引證JavaScript和CSS

　　假如經過引證外部JavaScript和CSS的方法，由於閱讀器會緩存這些資源，下次拜訪時能夠使得頁麵加載更快，而假如將它們寫在HTML中每次拜訪頁麵時都會再次加載。

　　7. JavaScript放在頁腳

　　相關於CSS而言，JS發起放在頁腳加載防止阻止其他資源的並行下載，關於內容性質的網站，將內容的HTML放在相對靠前的方位，而關於交互較多的網頁，需求把特別重要的中心組件的JS剝離往前放，而不太重要的則在終加載。更具體的關於Javascript的加載請查看上一篇文章：《從兩個bug來看網頁內容的裝載》

　　8. 精簡JavaScript和CSS

　　刪去JS和CSS中的空白換行，注釋等，運用混雜把JS中的長變量換成短變量，能夠縮小他們的體積，削減懇求數據所占用的網絡帶寬。

　　河南漢獅網絡科技有限公主要從事SEO網站優化，整站優化，網站推廣，關鍵詞排名優化等搜索引擎項目。8年隻專研SEO算法，10萬+網站SEO經驗，解析SE0數百項算法和248項優化細節，專注為企業提供一站式網絡營銷外包服務，先優化排名後付費，40天讓您的關鍵詞排名有明顯提升！