隨著網站功能的日益增強,網站的代碼量也會越來越大,而且進入Web2.0富客戶端以后,網站主更加關注網站的美觀和用戶的體驗,可是要產生這樣的 視覺效果,圖片CSS和JS就是擔負起很大的責任,這樣就使網站的頁面變的很大,從而影響網站的訪問速度。試想一下,一個只有10K的頁面和一個100K 的頁面哪一個能更快的展現出來,答案當然是10K的頁面,許多研究都表明,用戶最滿意的打開網頁時間,是在2秒以下。用戶能夠忍受的最長等待時間大約在 6~8秒之間。也就是說,8秒是一個臨界值,如果你的網站打開速度在8秒以上,那么很可能,大部分訪問者最終都會離你而去。
既然網站頁面的大小如此重要,我們應該如何來優化自己的頁面呢?
當然首先要保證你的HTML代碼書寫要規范,要知道DIV要比TABLE展示的快,所以布局盡量用DIV和CSS。JS和CSS代碼都寫在外部文件,可以 分模塊來減小他們的大小,每個模塊引用各自模塊的JS和CSS,然后對每個CSS和JS文件進行壓縮。圖片沒有辦法壓縮,但是我們可以通過工具來查看頁面 引用的所有圖片的大小來進行優化。
下面我來介紹一下分析網站和壓縮代碼的工具:
分析網站的工具:YSlow
YSlow是Yahoo開發的一個用于測試分析網站優化的Firefox工具插件,安裝時還必須依賴于Firebug。YSlow針對網站速度體驗上的優 化,將其總結為13條,分別用F到A的指標來對你的網站速度做出評價并給出數據,F代表最差,A代表最好。我們可以通過分析得到的數據對自己的網站和服務 器做相應的優化。不僅如此,YSlow還為我們統計了頁面發起的HTTP請求和頁面的大小,下面是統計的示例:
有了這個統計,也可以很好的引導我們對代碼和媒體進行優化。
壓縮代碼的工具也是Yahoo公司提供的一個在線的壓縮器:Online YUI Compressor,這個壓縮器可以對所有的JS和CSS進行壓縮,壓縮完以后會提示 壓縮的比例,使用起來也是非常方便。
長沙科聯環保科技有限公司
長沙科聯環保科技有限公司坐落于國家級長沙經濟技術開發區,星沙工業園、我們以“科技創新,聯合共...南京尚上防腐木
南京尚上防腐木是一家專業致力于加工、制作、銷售戶外景觀防腐木,并為客戶設計安裝一站式服務的現...長沙昱霆機電有限公司
長沙昱霆機電有限公司是長沙空壓機_長沙空壓機保養_湖南空壓機維修_長沙空壓機機頭維修-長沙昱...湖南省土地學會,湖南土地學會,湖南土地學會官網
湖南省土地學會是全省土地科技工作者自愿組成,并依法登記的學術性、非盈利性、公益性的法人社會團...湖南為美環保技術有限公司,醫療污水凈化機組...
湖南為美環保技術有限公司應“綠水青山就是金山銀山”之勢而生,秉持“為民環保,美麗干凈”理想信...長沙租車公司-長沙鑫晨租車
長沙鑫晨租車(長沙租車網)于2008年,已精工細作多年。現以成為長沙地區較早的租車公司之一。...聯系方式
地址:湖南省長沙市天心區韶山南路248號南園503室
電話:13637482004 0731-88571521
網址:http://www.testtao.net/
郵箱:123@123007.com
微信咨詢
掃一掃進移動端