網站最佳化記錄

標籤：c   http   檔案   資料   使用   html   

網站最佳化實錄

網站最佳化，從多方面最佳化，分為前端最佳化部分和伺服器（後台）最佳化。

    現在主要講前端最佳化的部分，這是從我自己在做網站最佳化的時候記錄下來的。首先的是，前端最佳化方面，從多個方面，主要是圖片檔案，檔案連結，html代碼結構，css最佳化等。使用工具比較多，先是用於檢測網站效能的工具。

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

   通過檢測，可以更準確找出網站載入慢的願意和改善的方案。

1.最簡單的方法。

    webkit核心（Google）遊覽器 F12 - 調出調試工具--選中Network ，然後重新整理網站，可以看到具體的資料，最下一行，請求串連數，資源檔大小，總的頁面載入時間（檔案載入時間，DOM節點解析時間）

這個也是比較常用，比較簡單，但是也是有很詳細的資訊，可以自己測試。

2.有專門的Google外掛程式或者Firefox的外掛程式或js外掛程式來檢查。

   performance.js 有Google外掛程式

  直接在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圖片，不是另存新檔**格式。