有(you)調查機(ji)構曾(ceng)經對網(wang)友(you)進行(xing)過(guo)調查,顯(xian)示只要網(wang)站(zhan)的(de)頁面打(da)開(kai)時間延長1秒鐘(zhong),那么就會降低(di)11%的(de)瀏(liu)覽量(liang),16%的(de)用戶(hu)滿意度會降低(di),轉(zhuan)化率(lv)降低(di)7%。而(er)網(wang)頁打(da)開(kai)速度如果(guo)能夠提升100毫秒,就可以(yi)(yi)為網(wang)站(zhan)增(zeng)加1%的(de)所以(yi)(yi)。由此可見,網(wang)站(zhan)打(da)開(kai)速度的(de)快慢(man)影(ying)響到了(le)網(wang)站(zhan)的(de)收(shou)益,那么我們(men)可以(yi)(yi)通過(guo)什么方(fang)式(shi)來縮短網(wang)站(zhan)的(de)打(da)開(kai)時間呢?
1、圖片優化
數據統計顯示,用(yong)戶比較多(duo)的(de)會在(zai)3秒鐘之(zhi)內如(ru)果(guo)網頁沒打(da)開就放棄。因(yin)為(wei)加載(zai)圖(tu)片(pian)(pian)會需要占用(yong)很多(duo)的(de)字(zi)節(jie)空間,因(yin)此網頁加載(zai)時間的(de)關鍵就在(zai)于(yu)圖(tu)片(pian)(pian)的(de)優化。保證正確(que)的(de)圖(tu)片(pian)(pian)優化方法之(zhi)一就是使用(yong)正確(que)的(de)格(ge)式以及大小。在(zai)不影響圖(tu)片(pian)(pian)顯示的(de)基(ji)礎上(shang)對(dui)其(qi)進行壓縮。
2、嘗試CDN加速
內容(rong)(rong)交互網絡的(de)(de)(de)價值就是(shi)能夠(gou)得到一個靜態文件,比如說css、圖片和JavaScript,然后通過離用戶(hu)比較近的(de)(de)(de)物理位置上(shang)的(de)(de)(de)服務器來傳送內容(rong)(rong),更近的(de)(de)(de)距離就等(deng)于(yu)有更快的(de)(de)(de)加載(zai)速度(du)。類似于(yu)AWSCloudFront或者(zhe)CloudFlare都是(shi)非(fei)常不錯的(de)(de)(de)CDN家屬。CDN的(de)(de)(de)另(ling)外一個優(you)勢是(shi),就算是(shi)停止了加載(zai),你還是(shi)能夠(gou)在(zai)下載(zai)的(de)(de)(de)高峰期降(jiang)低中斷(duan)的(de)(de)(de)風(feng)險(xian)。
3、緩(huan)存
WEB頁面的(de)(de)臨時存儲機(ji)制就是(shi)緩(huan)存,它能(neng)夠有效(xiao)降低帶寬并且提(ti)升性能(neng)。如(ru)果用(yong)戶(hu)訪問你(ni)的(de)(de)網(wang)站(zhan),緩(huan)存模式就會啟動(dong),這樣就能(neng)夠節省(sheng)服務(wu)器的(de)(de)時間,提(ti)升效(xiao)率。啟動(dong)瀏覽器的(de)(de)緩(huan)存能(neng)夠讓重復(fu)訪問的(de)(de)用(yong)戶(hu)可以更快(kuai)的(de)(de)打開(kai)網(wang)頁。
4、壓縮
Gzip是(shi)一(yi)個(ge)可以壓縮文(wen)件的(de)應用,就像(xiang)是(shi)把你的(de)網站變成一(yi)個(ge)壓縮文(wen)件。很多(duo)服(fu)務器(qi)(qi)和用戶都(dou)支持(chi)Gzip。如果一(yi)個(ge)兼容Gzip的(de)瀏覽(lan)器(qi)(qi)向服(fu)務器(qi)(qi)發送請求,就可以有效的(de)縮短網站的(de)響應時間(jian)。
5、簡潔的代(dai)碼(ma)
讓你的(de)(de)代碼變(bian)得(de)(de)更加簡潔是(shi)很有必要(yao)的(de)(de),這(zhe)就代表著(zhu)要(yao)把HTML、JavaScipt和CSS文(wen)(wen)件壓縮到一個(ge)比(bi)較小的(de)(de)文(wen)(wen)件當(dang)中(zhong)運行(xing)。比(bi)如說你的(de)(de)網站當(dang)中(zhong)有6個(ge)JavaScript文(wen)(wen)件,瀏覽器就會發送6個(ge)單獨的(de)(de)HTTP請求(qiu)來得(de)(de)到它們。為了(le)避免出(chu)現(xian)堵塞以及縮短等待的(de)(de)時間(jian),還(huan)有一種辦法是(shi)連接著(zhu)6個(ge)文(wen)(wen)件。
所以(yi),想(xiang)要(yao)提升(sheng)網站的(de)打開速(su)度(du),那(nei)么(me)以(yi)上的(de)這些事項(xiang)一定(ding)要(yao)多(duo)加注意,這樣(yang)才能讓網站打開的(de)速(su)度(du)更快。