移動(dòng)端網(wǎng)頁優(yōu)化
日期 : 2022-02-10 23:11:28
響應(yīng)式網(wǎng)頁設(shè)計(jì)的普及使各個(gè)終端的用戶都能夠訪問所需網(wǎng)站。當(dāng)下有關(guān)響應(yīng)式設(shè)計(jì)的討論大多圍繞自適應(yīng)布局的實(shí)現(xiàn)展開,的確,網(wǎng)頁內(nèi)容能與瀏覽器窗口縮放進(jìn)行精巧的交互是響應(yīng)式設(shè)計(jì)的優(yōu)勢(shì),但也是巨大障礙-一響應(yīng) 式設(shè)計(jì)的初衷本應(yīng)該是在任意終端顯示內(nèi)容。
時(shí)至今日,訪問響應(yīng)式的網(wǎng)站終端從高速聯(lián)網(wǎng)的機(jī)頂盒到裝載低端CPU網(wǎng)速欠佳的手機(jī),應(yīng)有盡有。對(duì)于后者的適配愈發(fā)重要,因?yàn)?7%的美國(guó)公民把手機(jī)當(dāng)做主力上網(wǎng)設(shè)備。
用圣母大學(xué)Erik Runyon的話來說,我們對(duì)RWD的認(rèn)知不應(yīng)該只停留在響應(yīng)式網(wǎng)頁設(shè)計(jì),應(yīng)該更進(jìn)一步到有責(zé)任感的網(wǎng)頁設(shè)計(jì)。我們應(yīng)該竭盡所能優(yōu)化網(wǎng)站性能,從當(dāng)前的設(shè)計(jì)現(xiàn)狀來看,我們還有很長(zhǎng)的路要走。
- 網(wǎng)頁臃腫化
屏幕越來越大,我們擁有更多填充圖片的空間。新的瀏覽器和JavaScript庫(kù)使我們能夠提供更豐富的瀏覽體驗(yàn)。網(wǎng)速越來越快,為什么要擔(dān)心網(wǎng)頁文件尺寸呢?我們先走一步,網(wǎng)速總會(huì)慢慢追上來的。但在移動(dòng)終端上,“ 網(wǎng)速越來越快”這個(gè)認(rèn)知已經(jīng)超過了真實(shí)發(fā)展情況:現(xiàn)在的網(wǎng)速雖然比撥號(hào)上網(wǎng)有了很大改觀,但還遠(yuǎn)遠(yuǎn)不夠快。想當(dāng)然地認(rèn)為網(wǎng)速必然提升會(huì)掩蓋我們?cè)S多錯(cuò)誤做法。我們根據(jù)桌面端的開發(fā)經(jīng)驗(yàn),-味追求根據(jù)網(wǎng)速優(yōu)化網(wǎng)頁性能,卻忽視了移動(dòng)端網(wǎng)頁性能提升最本質(zhì)的瓶頸:延遲。
- 延遲: 移動(dòng)網(wǎng)絡(luò)殺手
那么,究竟什么是延遲呢?延遲指瀏覽器向服務(wù)器發(fā)出資源請(qǐng)求到開始接受響應(yīng)的時(shí)間。
有線網(wǎng)絡(luò)的延遲可以達(dá)到平均每個(gè)請(qǐng)求為20ms,3G網(wǎng)絡(luò)的平均延遲則有200 ms秒,相差10倍之巨。下邊我們通過實(shí)例來說明延遲如何影響網(wǎng)頁性能:在有線網(wǎng)絡(luò)環(huán)境中,瀏覽器同時(shí)打開4個(gè)頁面,平均每個(gè)頁面85個(gè)請(qǐng)求,總加載時(shí)間中延遲占0.4 s; 3G網(wǎng)絡(luò)環(huán)境中,同樣條件,延遲本身就高達(dá)4.5 S。
- 不能降低移動(dòng)端的性能期望
- RWD視外下載