受歡迎網站的前提提高網頁開啟速度

來源:互聯網
上載者:User

   關於受歡迎網站使用者體驗的方法論有很多,最基本的:別讓我等!!提高網頁開啟速度。

  為什麼迅雷在下載軟體中獨樹一幟?為什麼越來越多的使用者在低畫質的視頻網站上線上觀看連續劇,而不是下載更清晰的視頻檔案?答案是:使用者的耐心非常有限,使用者對速度的追求遠遠超過了對畫質等因素的追求。

  回到網站運營問題上,你是否有在全國各地都測試過,訪問開啟你的網站需要幾秒?

  曾有很多研究表明:使用者最滿意的開啟網頁時間是2-5秒,如果等待超過10秒,99%的使用者會關閉這個網頁。也許這樣講,各位還不會有太多感觸,接下來,我列舉一組資料:Google網站訪問速度每慢400ms就導致使用者搜尋請求下降0.59%;Amazon每增加100ms網站延遲將導致收入下降1%;雅虎如果有400ms延遲會導致流量下降5-9%。

  怎麼樣?現在感受如何?是不是該馬上去做測試工作呢。

  這時候你也許會問:什麼原因會導致網站開啟慢?有什麼辦法解決呢?別急,我一一道來。以下內容有些偏技術層面,各位需要耐心閱讀。

  1、減少HTTP請求數

  使用者在開啟一個網頁的時候,背景程式響應使用者所需的時間並不多,使用者等待的時間主要花費在下載網頁元素上了,即HTML、CSS、JavaScript、Flash、圖片等,統計顯示,每增加一個元素,網頁載入的時間就增加25-40毫秒(取決於使用者的頻寬情況)。

  所以,想要提高網頁開啟速度,就要減少HTTP請求數,方法有3種:

  1)減少不必要的HTTP請求,例如用CSS圓角代替圓角圖片,減少圖片的使用。

  2)合并檔案,對於文字檔,可以直接合并內容。例如將多個JS(JavaScript的簡稱)檔案合并成一個,將多個CSS檔案合并成一個。

  3)最佳化緩衝,對於沒有變化的網頁元素(如頁頭、頁尾等),使用者再次訪問的時候沒有必要重新下載,直接從瀏覽器緩衝裡讀取就可以了。

  2、使用CDN(Content Delivery Network,內容分髮網絡)

  CDN由一系列分散到各個不同地理位置上的Web伺服器組成,它根據和使用者在網路上的靠近程度來指定某台伺服器響應使用者的請求。當你的網站圖片很多事,就一樣要使用CDN了,比如現在的電商網站,幾乎都在使用CDN。

  3、壓縮網頁元素

  網頁中的每個元素越小,下載所需的時間就越少,這個很好理解。現在比較成熟和流程的壓縮網頁的方式,是通過Gzip,我自己的實操經驗來看,一般可以將網頁常值內容減少70%以上。

  4、樣式表放在網頁Head部分

  這也是我實際操作過的案例,把樣式表(CSS檔案)移到網頁的Head部分,可以提高頁面的載入速度,讓頁面元素順序顯示。

  5、把JS檔案放到網頁底部

  網頁開啟時,所有元素是順序顯示的。由於JS檔案的特殊性,其相比其他元素來說,會載入的很慢,在JS檔案下載完成之前,其他後面元素的順序顯示將被阻塞,因此把JS檔案盡量放在底部,意味著內容能被快速顯示。

  6、把樣式表和JS指令碼放到外部檔案中

  儘管將樣式表和JS指令碼直接寫入網頁HTML中,可以減少外部檔案調用數量,但是,這樣做會增加網頁的檔案大小。綜合來看,將樣式表和JS指令碼放到外部檔案中,也許使用者首次訪問時會有點慢,但是後續在訪問網站時,使用者直接通過瀏覽器緩衝就可以用,從而達到減少HTTP請求數的目的,為最優的做法。

  寫在最後的話:

  在提升網頁開啟速度經常被忽視的一個問題是響應。對於使用者來說,每次的操作,不管返回結果是慢,還是快,都要及時予以響應,最典型的例子就是:當使用者點擊開啟一張圖片時,是否有百分比數字顯示的進度條,就是一個典型的響應設計。

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。