開發互連網產品的最佳化要求

標籤：

最少請求數：

• TAB頁非同步載入或消極式載入；
• 合并JS/CSS檔案；
• CSS Sprites CSS映像地圖；
• 統一公用JS/CSS檔案；
• 合并Ajax請求；
• 避免重新導向；
• 減少iframe請求；
• 頭像、圖片滾屏消極式載入；
• 不重要的頁面模組非同步載入；
• 多級Cache。

最快請求速度：

• 設定長時間緩衝；
• 盡量使用請求可緩衝；
• Cookie隔離；
• 動態、靜態應用分離；
• 按類型選擇合適的Web伺服器；
• 適當使用多網域名稱增加並行下載；
• 設定Gzip壓縮；
• 多IDC部署、動態內部代理；
• 使用CDN網路；
• 提高IP庫定位能力；
• 圖片品質壓縮，使用PNG8；
• 圖片預先載入；
• JS/CSS混淆；
• 壓縮頁面代碼；
• 統一公用的JS庫代碼和應用代碼；
• 減少Cookie大小；
• 邏輯層協議合并、平行處理；
• 資料、索引記憶體、SSD並行寫。

最快可見可用：

• 首屏最佳化原則；
• 減少元素數量、Size；
• HTML、CSS、JS代碼減肥；
• JS效能最佳化  DIV+CSS布局；
• 最佳化，避免使用CSS運算式；
• CSS Sprites合屏分屏 CSS、JS；
• 位於頁面底部的JS並行下載；
• 避免複雜的JS迴圈計算；
• 統一JS放在頁面最尾處；
• 按需載入、非同步載入、消極式載入、預先載入；
• 後台儘快輸出HTML代碼。
  

        互連網時代，成敗輸贏真的就在一秒、甚至是幾毫秒之間。你的首屏開啟速度比別人慢幾毫秒，那別人就會比你擁有更多的使用者，所以好的產品，一定要做到快。

       JS是網頁效能殺手，一個新手寫的JS代碼、或者是雜亂排放的JS代碼，會整體拖垮你網站的體驗；

       配置Gzip壓縮，能夠能夠壓縮至百分之80，能夠大大減少服務端壓力；

       消極式載入、預先載入，總而言之，一定要做到按需載入。

開發互連網產品的最佳化要求