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

　　

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

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

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

　　

2、CSS、JS等文件的緩存

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

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

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

　　

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

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

　　

4、對CDN節點(diǎn)進(jìn)行監測評估、優(yōu)化維護

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

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

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