99资源 在线视频|美女人妻自慰淫叫|日韩欧美乱伦电影|超碰按摩国产超碰|av全球免费不卡|加勒比无码一区人妻|国产高清一区视频高清|一区二区三区精品伊人|无码加勒比人妻高清|久草中文在线一区蜜乳

頁面加載過慢對訪問的影響,如何提高網(wǎng)頁加載速度

2012/3/16 15:19:35   閱讀:3309    發(fā)布者:3309

前幾年彈窗廣告流行時(shí)還有個(gè)類似案例,因?yàn)橛脩舳继責(zé)棿?,打開頁面的彈窗往往用戶下意識就去

關(guān)掉了。后來我設(shè)計(jì)了個(gè)延時(shí)10秒的彈窗,一月數(shù)據(jù)顯示點(diǎn)擊效果平均提升了30%。

頁面訪問慢是網(wǎng)站公認(rèn)的死穴,如果頁面都沒法訪問,往后再精彩的體驗(yàn)都等于零。這個(gè)問題如果專

業(yè)點(diǎn)說,叫做“加載”呈現(xiàn)效率。那么具體了講,除常規(guī)的服務(wù)器處理速度、服務(wù)器端網(wǎng)絡(luò)帶寬、客

戶端網(wǎng)絡(luò)帶寬等“硬”問題外,有哪些是技術(shù)上沒處理好的“軟”問題?

» Make Fewer HTTP Requests 更少的HTTP請求
» Use a Content Delivery Network 使用CDN
» Add an Expires Header 指定過期時(shí)間
» Gzip Components 壓縮結(jié)構(gòu)
» Put Stylesheets at the Top 樣式表文件在頂部
» Put Scripts at the Bottom 腳本在底部
» Avoid CSS Expressions 不在css中使用表達(dá)式
» Make JavaScript and CSS External 將Javascript和CSS文件分離到單獨(dú)的文件
» Reduce DNS Lookups 減少DNS查詢
» Minify JavaScript and CSS 精簡Javascript和CSS
» Avoid Redirects 避免重定向
» Remove Duplicate Scripts 去掉多余的腳本
» Configure ETags 配置實(shí)體標(biāo)簽
» Make Ajax Cacheable 可緩存的AJAX

加載速度

我曾經(jīng)碰到種情況,因?yàn)轫撁娉尸F(xiàn)過快反而影響用戶體驗(yàn)。頁面跳轉(zhuǎn)交互一閃就過去了,但首屏內(nèi)容

沒怎么變化,結(jié)果我不知道頁面是否真進(jìn)行了跳轉(zhuǎn)。過快的交互感覺不是流暢,而是迷茫。此問題常

見于博客系統(tǒng),各位同行可以仔細(xì)觀察。比如淘寶UED博客,下圖左為首頁首屏,右為網(wǎng)志頁首屏。

加載優(yōu)先級

在打開到瀏覽頁面的過程中,除加載速度,我留意并發(fā)現(xiàn)呈現(xiàn)順序之差也能造成細(xì)微的體驗(yàn)影響。從

web原理來講,整個(gè)頁面正常應(yīng)該是從上倒下,逐步呈現(xiàn)。但現(xiàn)實(shí)中web往往是豎狀布局居多,因?yàn)楦?/FONT>

符合用戶瀏覽習(xí)慣,更易于頁面技術(shù)實(shí)現(xiàn)。

豎狀布局就會(huì)牽涉到個(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í)間等待。