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

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

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

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