[加載優(yōu)化]

加載過程是最為耗時(shí)的過程，可能會(huì)占到總耗時(shí)的80%時(shí)間，因此是優(yōu)化的重點(diǎn)

· 減少HTTP請(qǐng)求

因?yàn)槭謾C(jī)瀏覽器同時(shí)響應(yīng)請(qǐng)求為4個(gè)請(qǐng)求（Android支持4個(gè)，iOS 5后可支持6個(gè)），所以要盡量減少頁面的請(qǐng)求數(shù)，首次加載同時(shí)請(qǐng)求數(shù)不能超過4個(gè)

a) 合并CSS、JavaScript

b) 合并小圖片，使用雪碧圖

· 緩存

使用緩存可以減少向服務(wù)器的請(qǐng)求數(shù)，節(jié)省加載時(shí)間，所以所有靜態(tài)資源都要在服務(wù)器端設(shè)置緩存，并且盡量使用長Cache（長Cache資源的更新可使用時(shí)間戳）

a) 緩存一切可緩存的資源

b) 使用長Cache（使用時(shí)間戳更新Cache）

c) 使用外聯(lián)式引用CSS、JavaScript

· 壓縮HTML、CSS、JavaScript

減少資源大小可以加快網(wǎng)頁顯示速度，所以要對(duì)HTML、CSS、JavaScript等進(jìn)行代碼壓縮，并在服務(wù)器端設(shè)置GZip

a) 壓縮（例如，多余的空格、換行符和縮進(jìn)）

b) 啟用GZip

· 無阻塞

寫在HTML頭部的JavaScript（無異步），和寫在HTML標(biāo)簽中的Style會(huì)阻塞頁面的渲染，因此CSS放在頁面頭部并使用Link方式引入，避免在HTML標(biāo)簽中寫Style，JavaScript放在頁面尾

部或使用異步方式加載

· 使用首屏加載

首屏的快速顯示，可以大大提升用戶對(duì)頁面速度的感知，因此應(yīng)盡量針對(duì)首屏的快速顯示做優(yōu)化

· 按需加載

將不影響首屏的資源和當(dāng)前屏幕資源不用的資源放到用戶需要時(shí)才加載，可以大大提升重要資源的顯示速度和降低總體流量

PS：按需加載會(huì)導(dǎo)致大量重繪，影響渲染性能

a) LazyLoad

b) 滾屏加載

c) 通過Media Query加載

關(guān)鍵詞庫建立與篩選

天津博大醫(yī)院?