淺析如何最佳化網頁開啟速度

來源:互聯網
上載者:User

  一個網站的頁面開啟速度直接影響著其使用者體驗,試想有幾個訪客會在把時間浪費在一個載入速度超過8秒得頁面上,現在互連網的資訊無處不在,訪客可以從很多頁面中擷取資訊,如何讓訪客停留在你的頁面上,最佳化網站的載入速度就顯得至關重要了。

  網頁的html代碼最佳化是對網站進行瘦身的基礎,縮減不必要的網頁代碼是最佳化用戶端,加快網站載入速度的主要手段。代碼最佳化具體來講都是一些關於標記的最佳化,清理標記不僅僅能縮減文檔的大小,而且能夠讓文檔更易於維護提高搜尋引擎的可見度。下面舉幾個常見的需要最佳化的程式碼範例。

  1、刪除script中的注釋符。在大部分主流瀏覽器裡,往指令碼塊裡添加HTML注釋是完全不需要的。估計老的掉牙的瀏覽器也沒有使用者在使用了。

  2、將事件屬性(如onclick=“…”,onmouseover=“…”等)寫在HTML標籤內是一種很不明智的做法,降低了代碼的可維護性,同時汙染了標籤。可以將事件屬性通過JS動態添加,不僅可以靈活控制,還可以利用JS用戶端緩衝的優勢,讓這些事件屬性不必每次跟隨文檔請求。

  3、< form method=“get” >中,form的預設method是get,所以如果是使用get的話可以不用寫。

  4、< input type=“text” >的預設屬性為text,可以忽略。

  5、< meta http-equiv=”Content-type” … >。指定檔案的字元編碼一直都引起極大的混亂,Content-type的優先順序並不比HTTP HEADER高,當兩者都存在時,要求標頭更優先,所以如果你能控制好伺服器響應,並且設定好HEADER,那MATE就可以安全的忽略,除非頁面需要本地瀏覽的時候。

  以上是集中常見的標記最佳化方法,對於最佳化網頁載入速度,還可以利用一些工具進行分析處理,筆者在之前寫過的《巧用Google工具最佳化首頁載入速度》中,就針對其負責的齊魯人才網為例進行了網頁載入速度的最佳化分析,google提供的page-speed工具可以提供詳細的網頁速度最佳化報告,該報告中可以清楚的看到需要最佳化的內容。需要進行處理的主要項目有:

  1、瀏覽器的快取檔案。對圖片檔案的緩衝到期時間進行合理的設定可以有效提升網頁載入速度。

  2、“Specify image dimensions”:指定圖片的尺寸。瀏覽器在載入頁面的時候就要計算圖片的尺寸,增加了載入時間。所以對圖片的尺寸進行指定有利於提升速度。

  3、該工具中也提供了一些關於代碼最佳化的方法。

  合并JS檔案,降低瀏覽器對JS檔案的讀取,有效減少http的請求數量;用gzip格式的壓縮,可以明顯減少文字檔的大小,從而節省頻寬和載入時間;

  在網站的CSS檔案中可能會存在一些用不到的代碼,這項工作應該在網站的發布之前對CSS,JS檔案進行檢查,刪除沒有用到的代碼。

  本文由www.qlrc.com站長提供。



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

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