|
電腦PC網(wǎng)站和手機(jī)網(wǎng)站速度提升时间：2018-07-03 【转载】 近期我們對(duì)電腦和手機(jī)訪問速度進(jìn)行了再次優(yōu)化，本次優(yōu)化的重點(diǎn)： 1、頁面圖片實(shí)現(xiàn)分屏加載 2、大大減少頁面代碼量，特別是移動(dòng)端減少約三分之一 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ù)器圖片請(qǐng)求的帶寬。 訪問至當(dāng)前屏：
加載完成：
2、減少頁面代碼量 ，主要針對(duì)移動(dòng)端，我們將頁面的CSS和JS代碼進(jìn)行了整理，并且對(duì)冗余代碼進(jìn)行了剔除，將JS和CSS文件可以合并的做了合并，減少服務(wù)器的http請(qǐng)求。代碼量縮減了約三分之一。該項(xiàng)工作還我們還會(huì)持續(xù)跟進(jìn)。 某客戶網(wǎng)站優(yōu)化前：
某客戶網(wǎng)站優(yōu)化后：
3、提升服務(wù)器響應(yīng)速度，主要也是針對(duì)手機(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ù)如果有請(qǐng)求即產(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)化，我們還會(huì)持續(xù)進(jìn)行，敬請(qǐng)期待。 更多網(wǎng)站建設(shè)內(nèi)容盡在常州云之家 http://www.haifuxd.com/ |
