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