[原創]淺談H5頁面效能優化方法
前階段公司H5頁面效能測試，其中測試時也發現了一些效能瓶頸問題，接下來我們在來談談H5頁面效能優化，僅僅是一些常用H5頁面效能優化措施，其實和Web頁面效能優化思路大體相同，僅僅是平臺稍有差異或是不同。
我覺得H5平臺與Web平臺最大的區別是載體的訪問渠道不同，移動與PC端不同就造就了針對各平臺優化，下面看看我們主要針對H5頁面效能優化入手從哪些方面開展：
1、圖片資源壓縮
1.1 壓縮Png網站 工具推薦：http://tinypng.org/
2 減少Http請求，加快頁面載入及顯示
2.1 CSS Sprite 雪碧圖，即將CSS影象合併技術，將小圖示和背景影象合併到一張圖片上，然後利用CSS的背景定位來顯示需要顯示的圖片部分；
2.2 圖片地圖，即將是從html程式碼的方式來控制顯示區域；
2.3 Js&CSS合併；
2.4 元件壓縮，如常用的從http請求返回資源中的html，js，CSS，xml等都可以設定壓縮，常用的如：Gzip壓縮；
3 調整圖片格式和大小（建議各公司有統一標準）;
4 Css置放頂部，js置放底部;
5 http控制的快取設定；
6 避免非200返回值，如部落格園通常訪問不到或給個404固定頁面；
7 使用cdn；
99 騰訊H5效能優化
https://isux.tencent.com/h5-performance.html