|
電腦PC網(wǎng)站和手機(jī)網(wǎng)站速度提升时间:2018-07-03 【转载】 近期我們對電腦和手機(jī)訪問速度進(jìn)行了再次優(yōu)化,本次優(yōu)化的重點(diǎn): 1、頁面圖片實(shí)現(xiàn)分屏加載 2、大大減少頁面代碼量,特別是移動端減少約三分之一 3、提升服務(wù)器PHP響應(yīng)速度(手機(jī)站提升2倍以上) 4、進(jìn)一步完善手機(jī)和電腦的緩存機(jī)制 5、電腦端CSS文件合并,徹底解決頁面加載時(shí)偶爾出現(xiàn)樣式加載不全的問題 1、頁面圖片分屏加載:當(dāng)用戶訪問網(wǎng)站時(shí),不是一次性將網(wǎng)頁所有圖片都加載,而是當(dāng)用戶訪問至某一屏?xí)r再進(jìn)行加載。該項(xiàng)除了提升網(wǎng)站打開速度外,也減少了服務(wù)器圖片請求的帶寬。 訪問至當(dāng)前屏:
加載完成: 2、減少頁面代碼量 ,主要針對移動端,我們將頁面的CSS和JS代碼進(jìn)行了整理,并且對冗余代碼進(jìn)行了剔除,將JS和CSS文件可以合并的做了合并,減少服務(wù)器的http請求。代碼量縮減了約三分之一。該項(xiàng)工作還我們還會持續(xù)跟進(jìn)。 某客戶網(wǎng)站優(yōu)化前: 某客戶網(wǎng)站優(yōu)化后: 3、提升服務(wù)器響應(yīng)速度,主要也是針對手機(jī)端。如以下網(wǎng)站優(yōu)化前的響應(yīng)時(shí)間為2秒左右,優(yōu)化后為500毫秒左右。(手機(jī)站提升2倍以上) 4、進(jìn)一步完善手機(jī)和電腦的緩存機(jī)制,當(dāng)網(wǎng)站在未更新內(nèi)容的情況下,網(wǎng)站的數(shù)據(jù)如果有請求即產(chǎn)生緩存,這樣其他用戶再次訪問網(wǎng)站時(shí),直接從緩存中讀取數(shù)據(jù)。緩存中讀取數(shù)據(jù)要比直接從數(shù)據(jù)庫讀取,快兩倍以上。 如:該網(wǎng)站未緩存時(shí)讀取為4秒左右,緩存后讀取為1.6秒. 緩存前: 緩存后: 5、電腦端CSS文件合并,徹底解決頁面高頻次訪問加載時(shí),偶爾出現(xiàn)樣式加載不全的問題,并提升了頁面加載速度。 如:解決前,網(wǎng)站頻繁訪問偶爾頁面樣式加載不全: 解決后,高頻次訪問刷新完全沒問題: 更多速度方面的優(yōu)化,我們還會持續(xù)進(jìn)行,敬請期待。 更多網(wǎng)站建設(shè)內(nèi)容盡在常州云之家 http://www.eastern-nova.com/ |