去掉頁面冗余代碼,多個外部JS合并壓縮,圖片實時壓縮,服務器開啟gzip壓縮,css sprites技術等都可以減少請求和下載量,相信做好這些,馬上讓你的網站提升N倍的速度,做為網站排名的一個有力武器。如何讓訪客停留在你的頁面上,優化網站的加載速度就顯得至關重要了。
網頁的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文件進行檢查,刪除沒有用到的代碼。
眾所周知,ASP、PHP、JSP等程序實現了網頁信息的動態交互,運行起來的確非常方便,因為它們的數據交互性好,能很方便地存取、更改數據庫的內容,使網站“動”起來,如:論壇、留言板等。但是這類程序必須先由服務器執行處理后,生成HTML頁面,然后再“送”往客戶端瀏覽,這就不得不耗費一定的服務器資源。如果在虛擬主機上過多地使用這類程序,網頁顯示速度肯定會慢,所以沒有必要,請盡量使用靜態的HTML頁面。
|