優化方案
資源載入
1.首屏載入：在1s內內容載入完畢，loading進度條消失；
2.延時載入：先載入螢幕可視範圍內的資源，其他的在之後通過網路載入；
3.滾屏載入：一種常見的動態無重新整理資料載入方法，
4.響應式載入：在解析度不同的手機上使用不同的css，載入不同的資源；
5.第三方資源非同步載入：引用第三方資源時，要充分考慮他們的效能影響，使用非同步載入，防止其載入影響頁面的載入；
6.loading進度條：在載入時間較長時，一點要有進度條，讓客戶有一種『期盼感』；
7.的使用：常用的有webp、jpg、png，webp最小但是存在相容問題，png顯示比jpg好但是其格式很大，並且人的肉眼分不出jpg和png，所以優先使用jpg；對於一些小的可以合併作為css spirit使用，減少向伺服器傳送請求的次數；使用字型圖示來代替某些。
網域名稱/伺服器部署
1.資源快取：合理設定資源過期時間，對於一些靜態不需要改變的資源可以將其過期時間設定長一些；
2.分網域名稱部署：將靜態資源、動態資源放在不同的網域名稱下，這樣當靜態資源請求時，不會帶上動態資源的網域名稱所設定的cookie頭部資訊；
3.減少cookie：儘量減少cookie頭部資訊，從而減少流量和頻寬。
**資源：
1.盡量合併js、css檔案，減少請求次數；
2.外連js、css+快取機制，避免重新整理時再次載入這段**；
3.壓縮html、js、css**；
4.css和js的位置；
**規範：
1.避免空的src；
2.避免css表示式；
3.避免style；
h5利用快取優化效能
瀏覽器快取機制是指通過 http 協議頭里的 cache control 或 expires 和 last modified 或 etag 等字段來控制檔案快取的機制。這應該是 web 中最早的快取機制了，是在 http 協議中實現的 cache control 用於控制檔案在本地快取有效時長。最常...
H5頁面效能優化
對於乙個產品，效能在使用者體驗中是必不可缺的一環。效能優化是個長遠的事情，聯想到導航專案，列出以下效能優化的方案 一.基本的 層面優化 1 合理使用css 1 正確使用display屬性 display屬性會影響頁面的渲染，因此請合理使用 2 display inline後不應該再使用width h...
H5 效能優化與JQuery原生替換
css的優化主要以避免冗餘為主，其次是減少使用 定位 filter box shadows border radius float這類需要進行計算的屬性。css效能優化能夠加快頁面的載入速度，而js需要頻繁獲取並操作頁面的元素，甚至實現一些動畫效果，這就涉及大量頁面重繪與效能消耗。使用css動畫 c...