優化網站加載時間的實用技巧

作者:泉視界傳媒    時間:2011-08-23 10:30     點擊:

眾所周知,網頁的速度已成為影響搜索引擎排名的重要因素。隨著超高速寬帶使用人群的日漸龐大,加載速度慢的網站形勢緊張。在這里,筆者將針對如何優化網站加載時間,分享一些實際的意見。 需要使用的工具 據筆者發現,最簡單的工具是YSlow和Firefox/ Firebug

眾所周知,網頁的速度已成為影響搜索引擎排名的重要因素。隨著超高速寬帶使用人群的日漸龐大,加載速度慢的網站形勢緊張。在這里,筆者將針對如何優化網站加載時間,分享一些實際的意見。

需要使用的工具

據筆者發現,最簡單的工具是YSlow和Firefox/ Firebug的網頁速度插件。

下載Firebug的方式:http://addons.mozilla.org/en-US/firefox/addon/firebug/

下載YSlow的方式:http://addons.mozilla.org/en-US/firefox/addon/firebug/

下載Page Speed的方式:http://code.google.com/speed/page-speed/download.html

一旦你已安裝這些,就準備好進行下一步了。通過火狐瀏覽器進入你想要優化的網站,點擊添加欄中Firebug的圖標(如下所示),從而打開Firebug控制臺,然后點擊網頁的速度選項卡,其次是分析性能選項卡,在幾秒鐘內你會得到一個100以外的分數。這樣做的目的是,獲得一個分數使其越接近100越好。而之前你的分數大概已經在70/80周圍。

使用這些工具,筆者已經使自己的一個網站分數達到90/100,擁有更快的載入時間。
 



Page Speed插件的便捷之處在于,如果你點擊進入某個區域,它將給你提供額外的信息,而且此區域會以不同顏色的編碼來指示其好壞,紅色代表很差,黃色代表還好,綠色代表非常好。

 



你所能做的

壓縮CSS

CSS(層疊樣式表,使你網站美觀的文件)經常被忽視。任何合理的網站,CSS文件都可以有成百上萬行的代碼,每個標簽、空間、額外的逗號、換行和代碼注釋使你的文件大小增加。雖然它使人們編碼時更容易,但卻可以減緩你的網站速度。

 



對此的解決方法是為開發人員的工作保持原始副本,然后為網站縮減代碼(刪除所有不必要的),這樣可以平均節省達到20-30%,特別在大的文件上這是很有幫助的。

 



雖然Page Speed 在其壓縮器內有一個相關設置,但筆者最喜歡這個網站里的:http://www.csscompressor.com/

 



最大的壓縮可以使你贏得最大的儲存量