Zi 字媒體

影響用戶訪問的最大部分是前端的頁面。網站的劃分一般為二：前端和後台。我們可以理解成後台是用來實現網站的功能的，比如：實現用戶註冊，用戶能夠為文章發表評論等等。而前端呢？其實應該是屬於功能的表現。而我們建設網站的目的是什麼呢？不就是為了讓目標人群來訪問嗎？所以我們可以理解成前端才是真正和用戶接觸的。除了後台需要在性能上做優化外，其實前端的頁面更需要在性能優化上下功夫，只有這樣才能給我們的用戶帶來更好的用戶體驗。不僅僅如此，如果前端優化得好，他不僅可以為企業節約成本，他還能給用戶帶來更多的用戶，因為增強的用戶體驗。說了這麼多，那麼我們應該如何對我們前端的頁面進行性能優化呢？前端性能優化的方法？一、content方面1，減少HTTP請求：合併文件、CSS精靈、inline Image2，減少DNS查詢：DNS查詢完成之前瀏覽器不能從這個主機下載任何任何文件。方法：DNS緩存、將資源分佈到恰當數量的主機名，平衡并行下載和DNS查詢3，避免重定向：多餘的中間訪問4，使Ajax可緩存5，非必須組件延遲載入6，未來所需組件預載入7，減少DOM元素數量8，將資源放到不同的域下：瀏覽器同時從一個域下載資源的數目有限，增加域可以提高并行下載量9，減少iframe數量10，不要404二、Server方面1，使用CDN2，添加Expires或者Cache-Control響應頭3，對組件使用Gzip壓縮4，配置ETag5，Flush Buffer Early6，Ajax使用GET進行請求7，避免空src的img標籤三、Cookie方面1，減小cookie大小2，引入資源的域名不要包含cookie四、css方面1，將樣式表放到頁面頂部2，不使用CSS表達式3，使用不使用@import4，不使用IE的Filter五、Javascript方面1，將腳本放到頁面底部2，將javascript和css從外部引入3，壓縮javascript和css4，刪除不需要的腳本5，減少DOM訪問6，合理設計事件監聽器六、圖片方面1，優化圖片：根據實際顏色需要選擇色深、壓縮2，優化css精靈3，不要在HTML中拉伸圖片4，保證favicon.ico小並且可緩存七、移動方面1，保證組件小於25k2，Pack Components into a Multipart Document好了，我就談這些，這些東西也是我的一些簡單的看法，當然，你可能不贊成我說的，或者你有更好的建議，你可以單獨聯繫我，也可以在這帖子後面給我評論，或者叫留言。