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

　　

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

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

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

　　

2、CSS、JS等文件的緩存

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

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

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

　　

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

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

　　

4、對CDN節(jié)點進行監(jiān)測評估、優(yōu)化維護

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

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

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