在打開到瀏覽頁面的過程中，除加載速度，我留意并發(fā)現(xiàn)呈現(xiàn)順序之差也能造成細(xì)微的體驗(yàn)影響。從web原理來講，整個(gè)頁面正常應(yīng)該是從上倒下，逐步呈現(xiàn)。但現(xiàn)實(shí)中web往往是豎狀布局居多，因?yàn)楦嫌脩魹g覽習(xí)慣，更易于頁面技術(shù)實(shí)現(xiàn)。

豎狀布局就會牽涉到個(gè)優(yōu)先級問題，應(yīng)該先顯示哪列模塊？答案肯定是最重要的內(nèi)容。在2004年網(wǎng)站重構(gòu)技術(shù)得到重視之后，此問題已經(jīng)不算什么新情況了，技術(shù)解決方案很成熟。之前最常見的是用table標(biāo)簽進(jìn)行布局，造成需要table內(nèi)的內(nèi)容全部加載完成之后才顯示的后果。具體表現(xiàn)為可能卡在頁面某處長時(shí)間停留，并整個(gè)模塊突然出現(xiàn)在頁面上。下圖為三星中文官網(wǎng)錯(cuò)誤的先顯示廣告，而在重要模塊長時(shí)間等待。

頁面訪問慢是網(wǎng)站公認(rèn)的死穴，如果頁面都沒法訪問，往后再精彩的體驗(yàn)都等于零。這個(gè)問題如果專業(yè)點(diǎn)說，叫做“加載”呈現(xiàn)效率。那么具體了講，除常規(guī)的服務(wù)器處理速度、服務(wù)器端網(wǎng)絡(luò)帶寬、客戶端網(wǎng)絡(luò)帶寬等“硬”問題外，有哪些是技術(shù)上沒處理好的“軟”問題？

瀏覽其他網(wǎng)站頁面很快，說明客戶端網(wǎng)絡(luò)帶寬沒問題；瀏覽同個(gè)服務(wù)器上其他網(wǎng)站頁面都很快，說明服務(wù)器的處理速度和網(wǎng)絡(luò)帶寬也沒問題。分析代碼可能有好幾種情況，在YUI官方加速網(wǎng)站的最佳辦法提到了13條方法，對于普通產(chǎn)品來說，個(gè)人認(rèn)為有幾條應(yīng)該強(qiáng)化注意，其他（灰色）從性價(jià)比上來說則成本有點(diǎn)高。