使用Page Speed Online改善網站速度

來源:互聯網
上載者:User

  Google是一個偉大的企業,一直以來都非常重視網站的使用者體驗;對於使用者體驗,筆者認為,一個網站的使用者體驗好不好,一個很重要的因素就是網站的開啟速度(載入速度);Google最近發布的線上網頁加速工具——Page Speed Online,可分析任何網站的速度並且提供如何改進的建議。

  Page Speed對於一個網站來說,是一個很不錯的工具,因為相當一部分的站長並不瞭解影響自己網站載入速度的因素有哪些,也就不知道如何去改進自己網站的載入速度。下面就以筆者的部落格(www.nealjin.com)為例,來闡述一下Page Speed Online 的使用方法,希望對大家有所協助。

  首先,開啟網站Page Speed Online (http://pagespeed.googlelabs.com/),也就是線上版的Page Speed,線上版的Page Speed可以讓使用者在不安裝任何擴充程式的前提下,使用任意的瀏覽器來對網站進行分析;除了對web網頁提供最佳化建議,Page Speed同樣可以為行動裝置使用的wap網頁提供最佳化的建議。(以下分析只針對web網頁,wap網頁大家可以自己去嘗試)

  Index of page speed online

  輸入www.nealjin.com,斷行符號後,等待少許,Page Speed就會列出對你網站的改進建議:

  1、Summary:

  在這個地區我們能看到的是網站的Title 和Page Speed 對你網站的評分,滿分是100分,倪洪金的部落格得分是89,還算湊合。筆者測試了百度和Google的得分,分別是99和100.

  Page Speed summary of the www.nealjin.com

  2、 Details:

  這部分有四個層級的改進建議,按優先順序依次列出;

  1)High priority:這是最高的層級,也就是最有潛力來改善網站速度的因素,慶幸的是筆者的部落格沒有這方面的因素,所以在此就不方便做出分析。

  2)Medium priority:這個層級的建議可以對網站的速度帶來一定的改善。從圖中可以看出,Page Speed 給筆者的部落格的建議是:

  Leverage browser caching:大概的意思是需要對一些檔案進行緩衝;點擊該建議,Page Speed會列出詳細的改進建議,如圖:這個建議列出了網站上一些可以進行緩衝的資源,因為這些資源不會經常改動,但是每次使用者重新整理網站的時候都會向伺服器發出請求,所以影響了網站的載入速度。

  Leverage Browser Caching

  3)Low priority:相對於以上兩點建議,這部分的建議對於網站速度的改善起到的作用就更小了,為此,Page Speed 建議你在處理的higher-priority的因素以後再處理這些。對於筆者的部落格,這部分的建議是以下這些:

  Low Priority

  Enable Keep-Alive:這個筆者也不明白是什麼意思,顧不做分析;

  Defer parsing of JavaScript:這個建議是說盡量減少網頁中JS的數量,對於一些JS可以在需要的時候再載入,這個就比如現在比較流行的圖片消極式載入技術,淘寶就在用;這樣可以減少你網站初始載入的時間。

  Minify JavaScript、Minify CSS、Minify HTML:壓縮JS、CSS、HTML檔案,這個可以利用工具來對JS檔案進行壓縮;

  Put CSS in the document head:把body裡的CSS樣式移動到頭部也可以改善網站載入速度;

  Specify a Vary: Accept-Encoding header:列舉了一些需要改變編碼的檔案,保持網站檔案編碼的一致也可以適當的改善網站的速度。

  4)Rules without suggestions:這部分說的是Page Speed 對你網站沒有建議的部分,因為這些因素在你網站上已經得到了很好的處理;對於倪洪金的部落格,這裡列出了很多的條例,這個部分就不做分析,因為沒有具體的意義。大家看圖就行:

  Rules Without Suggestions

  至此,這對www.nealjin.com的Page Speed 的分析已完成,Page Speed 使用起來還是比較方便的,遺憾的是沒有中文版的,可能對於一些站長來說使用起來不太方便;總之Page Speed Online 對於網站站長來說,還是一個很不錯的改善網站速度的工具,有興趣的朋友可以去分析下自己的網站。

  對於Page Speed Online,更多詳細介紹請點擊“網頁效能最佳實務”(http://code.google.com/speed/page-speed/docs/rules_intro.html)或者“下載 Page Speed 瀏覽器延伸程式”(http://code.google.com/speed/page-speed/download.html)。

  PS:對於你網站對帶WWW和不帶WWW,做了301重新導向以後,Page Speed 是按照你重新導向有的網域名稱來分析的。

  作者資訊:倪洪金

  作者部落格:www.nealjin.com




相關文章

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 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。