隨著移動(dòng)互聯(lián)網(wǎng)的迅猛發(fā)展，H5作為一種輕量、靈活、開發(fā)成本低的技術(shù)，逐漸成為了主流的手機(jī)應(yīng)用開發(fā)技術(shù)。而CDN（內(nèi)容分發(fā)網(wǎng)絡(luò)）則是提高網(wǎng)站訪問速度和用戶訪問體驗(yàn)的重要手段。一般CDN會(huì)將分發(fā)站點(diǎn)的內(nèi)容分發(fā)到網(wǎng)絡(luò)上的各個(gè)節(jié)點(diǎn)進(jìn)行緩存，加速用戶的訪問和下載。所以如何優(yōu)化以H5為中心的CDN刷新時(shí)間，成為了很多網(wǎng)站運(yùn)營(yíng)者關(guān)注的重要問題。本文將從以下四個(gè)方面進(jìn)行詳細(xì)闡述。

　　

1、CDN網(wǎng)絡(luò)配置的優(yōu)化

首先，對(duì)CDN網(wǎng)絡(luò)配置的優(yōu)化是提高刷新時(shí)間的核心?？蛻舳藢?duì)內(nèi)容的請(qǐng)求，是從就近的節(jié)點(diǎn)獲取到緩存的內(nèi)容，對(duì)于刷新時(shí)間來說，CDN節(jié)點(diǎn)部署的地址也是影響之一，所以我們應(yīng)該在CDN的節(jié)點(diǎn)規(guī)劃上下功夫。在中國(guó)境內(nèi)，目前能夠在用戶使用的范圍內(nèi)部署的眾多CDN只有阿里云、七牛云、騰訊云等幾家云服務(wù)公司。不同的CDN服務(wù)商給優(yōu)化的策略也不同。如果想要提高H5應(yīng)用網(wǎng)站的刷新時(shí)間，建議從以下方面進(jìn)行規(guī)劃和優(yōu)化：

　　第一，選擇質(zhì)量好的CDN服務(wù)商。優(yōu)質(zhì)的CDN服務(wù)商在節(jié)點(diǎn)的部署、技術(shù)的支持、響應(yīng)時(shí)間上都會(huì)有所保障；第二，CDN節(jié)點(diǎn)的部署應(yīng)當(dāng)覆蓋核心地區(qū)，這樣，用戶就可以在臨近的節(jié)點(diǎn)得到最快的訪問；第三，數(shù)據(jù)的壓縮技術(shù)和網(wǎng)絡(luò)加速算法等，都會(huì)直接影響H5應(yīng)用刷新的速度。大多數(shù)CDN服務(wù)商都提供這方面的技術(shù)支持。需要注意的是，CDN服務(wù)商提供的壓縮/加速算法的效果要因地制宜，因?yàn)椴煌牡貐^(qū)、不同的網(wǎng)絡(luò)服務(wù)商的網(wǎng)絡(luò)質(zhì)量等等，都會(huì)對(duì)技術(shù)產(chǎn)生影響。

　　

2、CSS、JS等文件的緩存

除了CDN的網(wǎng)絡(luò)配置優(yōu)化，對(duì)于H5網(wǎng)站的性能，我們還可以通過緩存一些靜態(tài)文件，并控制緩存時(shí)間來提高頁(yè)面訪問的速度，給用戶帶來較好的體驗(yàn)。一般來說，我們常用的HTTP頭中，有兩個(gè)與文件緩存有關(guān)，它們是Expires和Cache-Control。

　　Expires是一個(gè)日期時(shí)間，代表著緩存過期的日期，如果服務(wù)器發(fā)現(xiàn)客戶端的資源在瀏覽器本地緩存中的Expires這個(gè)日期時(shí)間之前，就不再重新返回內(nèi)容，而直接從緩存中返回。不過這種方式有一個(gè)缺陷：它的時(shí)間是服務(wù)器端的時(shí)間，如果服務(wù)器時(shí)間和客戶端時(shí)間不能完全同步，這種方式的命中率也會(huì)有所降低。

　　而Cache-Control則是http/1.1協(xié)議里面的內(nèi)容，這個(gè)緩存控制方式，要比Expires要簡(jiǎn)單粗暴。它主要是通過控制文件的緩存時(shí)間來達(dá)到緩存的目的。

　　

3、合理使用資源預(yù)加載技術(shù)

資源預(yù)加載技術(shù)是一種性能優(yōu)化技術(shù)，能加速網(wǎng)站的訪問速度。資源預(yù)加載可以將一些圖片、CSS、JS等文件提前預(yù)加載，當(dāng)用戶訪問此頁(yè)面時(shí)，數(shù)據(jù)已經(jīng)加載完成，用戶就能夠更快的看到所期望的內(nèi)容。對(duì)于H5應(yīng)用來說，資源預(yù)加載可以常用于智能設(shè)備類的頁(yè)面，其帶寬較小，內(nèi)存較小，載入速度較慢。減少重復(fù)加載的資源能夠優(yōu)化CDN刷新時(shí)間，提升用戶的訪問流暢度。

　　

4、對(duì)CDN節(jié)點(diǎn)進(jìn)行監(jiān)測(cè)評(píng)估、優(yōu)化維護(hù)

針對(duì)通過CDN加速的數(shù)據(jù)流量，我們最好可以對(duì)其進(jìn)行實(shí)時(shí)監(jiān)測(cè)、評(píng)估和優(yōu)化維護(hù)。監(jiān)測(cè)和評(píng)估的方式有多種，可以利用系統(tǒng)提供的大數(shù)據(jù)分析方法。這樣一個(gè)完善的CDN監(jiān)測(cè)和評(píng)估系統(tǒng)，可以讓網(wǎng)站管理員實(shí)時(shí)掌握用戶訪問情況，數(shù)據(jù)緩存的情況等信息，從而及時(shí)發(fā)現(xiàn)問題，及時(shí)規(guī)劃解決辦法，優(yōu)化CDN刷新時(shí)間，提高用戶體驗(yàn)。同時(shí)，日常的優(yōu)化維護(hù)也需要及時(shí)進(jìn)行，讓CDN網(wǎng)絡(luò)保持良好的性能。

　　綜上所述，優(yōu)化以H5為中心的CDN刷新時(shí)間，需要從CDN網(wǎng)絡(luò)配置的優(yōu)化、CSS、JS等文件的緩存、合理使用資源預(yù)加載技術(shù)以及對(duì)CDN節(jié)點(diǎn)進(jìn)行監(jiān)測(cè)評(píng)估、優(yōu)化維護(hù)多個(gè)方面進(jìn)行綜合考慮和操作，做出科學(xué)的決策。通過對(duì)以上4個(gè)方面的優(yōu)化，最終可以加速H5應(yīng)用網(wǎng)站的訪問速度，給用戶提供一個(gè)更好的訪問體驗(yàn)。

　　總的來說，打造高效、安全、穩(wěn)定、高可用性的CDN服務(wù)，是網(wǎng)站優(yōu)化的重要組成部分。這里建議，網(wǎng)站管理員可以針對(duì)自己的網(wǎng)站情況進(jìn)行研究和優(yōu)化，利用好CDN服務(wù)優(yōu)勢(shì)，加速CDN刷新時(shí)間，讓網(wǎng)站得到更好的優(yōu)化和提升。