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

前幾年彈窗廣告流行時還有個類似案例，因為用戶都特煩彈窗，打開頁面的彈窗往往用戶下意識就去

關掉了。后來我設計了個延時10秒的彈窗，一月數(shù)據(jù)顯示點擊效果平均提升了30%。

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

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

戶端網(wǎng)絡帶寬等“硬”問題外，有哪些是技術上沒處理好的“軟”問題？

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

加載速度

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

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

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

加載優(yōu)先級

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

web原理來講，整個頁面正常應該是從上倒下，逐步呈現(xiàn)。但現(xiàn)實中web往往是豎狀布局居多，因為更

符合用戶瀏覽習慣，更易于頁面技術實現(xiàn)。

豎狀布局就會牽涉到個優(yōu)先級問題，應該先顯示哪列模塊？答案肯定是最重要的內(nèi)容。在2004年網(wǎng)站

重構技術得到重視之后，此問題已經(jīng)不算什么新情況了，技術解決方案很成熟。之前最常見的是用

table標簽進行布局，造成需要table內(nèi)的內(nèi)容全部加載完成之后才顯示的后果。具體表現(xiàn)為可能卡在

頁面某處長時間停留，并整個模塊突然出現(xiàn)在頁面上。下圖為三星中文官網(wǎng)錯誤的先顯示廣告，而在

重要模塊長時間等待。

分享標題：頁面加載過慢對訪問的影響，如何提高網(wǎng)頁加載速度
文章URL：http://bm7419.com/news/171673.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、營銷型網(wǎng)站建設、手機網(wǎng)站建設、服務器托管、Google、網(wǎng)頁設計公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)