網站優化記錄

網站優化實錄

網站優化，從多方面優化，分爲前端優化部分和服務器（後臺）優化。

    如今主要講前端優化的部分，這是從我本身在作網站優化的時候記錄下來的。首先的是，前端優化方面，從多個方面，主要是圖片文件，文件連接，html代碼結構，css優化等。使用工具比較多，先是用於檢測網站性能的工具。

檢測網站性能的工具和方法：

   經過檢測，能夠更準確找出網站加載慢的願意和改善的方案。

1.最簡單的方法。

    webkit內核（谷歌）遊覽器 F12 - 調出調試工具--選中Network ，而後刷新網站，能夠看到具體的數據，最下一行，請求鏈接數，資源文件大小，總的頁面加載時間（文件加載時間，DOM節點解析時間）

這個也是比較經常使用，比較簡單，可是也是有很詳細的信息，能夠本身測試。

2.有專門的谷歌插件或者火狐的插件或js插件來檢查。

   performance.js 有谷歌插件

  直接在html裏面引入文件刷新便可看到解析，但好像在緩存刷新不太準確，有1秒左右的偏差。

 YUI 雅虎的 YSlow

  這個比較強大，能夠把整個網站的狀況都分析出來，具體你們能夠本身去看下。

優化方案：

   經過工具檢測網站哪裏須要優化，這樣對咱們頗有幫助~

  1.減小HTTP文件數的請求

  2.js文件建議使用外聯的,特色，省流量，速度快，仍是GZIP壓縮的，在加載外聯的時候能夠寫成這樣，若是外聯失效還能夠加載本地的。

  3.js，css文件壓縮

  4.減小DOM結構深度，儘量簡潔、簡單

  5.CSS 儘可能少使用低效選擇器和嵌套深度最好不要超過3~4層

  6.根據網站須要的功能延遲特效js文件加載，以保證打開首頁的速度。

  7.關於圖片資源文件請儘可能優化，png和jgp、gif 是經常使用的圖片格式，ps切圖確保是處處web圖片，不是另存爲**格式。