咨詢電(diàn)話(huà):023-88959644    24小(xiǎo)時(shí)服務熱線:400-023-8809
NEWS CENTER ·
新聞動态
關注中技(jì)互聯 關注前沿

上(shàng)一篇影(yǐng)響網站(zhàn)打開(kāi)速度,現在講講如何給網頁減肥,讓網站(zhàn)提速

發表日期:2011-08-25    文章編輯:王東    浏覽次數(shù):16    标簽:

對于網站(zhàn)設計(jì)師(shī)來(lái)講,網站(zhàn)的訪問速度甚至比內(nèi)容還(hái)重要。就算(suàn)網站(zhàn)內(nèi)容很(hěn)優秀,但(dàn)如果訪問速度很(hěn)慢,相信也不會(huì)有(yǒu)多(duō)少(shǎo)人(rén)耐心等待。下面就介紹一些(xiē)我試用過的網站(zhàn)減肥方法,效果還(hái)不錯,文章插圖中的數(shù)字就是我博客減肥前後數(shù)據對比圖,也希望在将來(lái)設計(jì)網站(zhàn)的時(shí)候能多(duō)多(duō)注意以下幾項。

1:使用Gzip壓縮文檔:Gzip編碼是用來(lái)改進網頁性能的方法,不僅可(kě)以減小(xiǎo)存儲空(kōng)間(jiān),還(hái)可(kě)以減少(shǎo)傳輸所需要的時(shí)間(jiān)。将網站(zhàn)中的文件使用Gzip壓縮後,可(kě)以顯著地增加網頁加載速度,同時(shí)也可(kě)以降低(dī)網站(zhàn)的帶寬流量消耗。(使用此方法會(huì)加重服務器(qì)負擔,因為(wèi)需要修改服務器(qì)配置,對于虛拟主機用戶來(lái)講不可(kě)操作(zuò)。)

2:CSS壓縮減肥工具 http://www.xland.com.cn/css/geshihuacss.htm

把你(nǐ)的網站(zhàn)CSS代碼複制(zhì)到此框內(nèi),點擊壓縮化,一般都可(kě)以對CSS壓縮1-5k.我的博客CSS代碼縮小(xiǎo)了2K。

3:給JavaScript文件減肥:這個(gè)方法不同于Gzip壓縮功能,縮小(xiǎo)JavaScript文檔有(yǒu)很(hěn)多(duō)方法,在這裏推薦使用JS在線減肥網站(zhàn):http://javascriptcompressor.com/

4:将樣式表文件放在外部調用:把頁面中需要用到的JavaScript 和(hé)CSS樣式表文件放在另外的文件夾中,這樣一來(lái)在打開(kāi)網站(zhàn)其他頁面時(shí)就會(huì)緩存這些(xiē)調用的文件,從而加快網站(zhàn)頁面的加載速度。

5:網站(zhàn)圖片盡量使用GIF格式。GIF格式圖片占用空(kōng)間(jiān)小(xiǎo),例如我的博客的插圖,JPG格式的圖片一般在10-50K之間(jiān),而GIF格式圖片一般都是10K以下。

6:盡量不要在首頁調用太大(dà)的FLASH文件和(hé)視(shì)頻文件。

7:避免使用網頁重定向:無論是通(tōng)過服務器(qì)端重定向還(hái)是通(tōng)過JavaScript代碼進行(xíng)內(nèi)容重定向,網站(zhàn)都會(huì)首先加載一個(gè)空(kōng)白的頁面,然後再定向到另外的頁面,這樣不僅延長了頁面的加載時(shí)間(jiān),還(hái)很(hěn)有(yǒu)可(kě)能導緻無法跳(tiào)轉,讓用戶面對一個(gè)“空(kōng)白”頁面。延伸閱讀:如何正确使用網頁重定向

8:把統計(jì)代碼放到網站(zhàn)的最下面:不要和(hé)頁面內(nèi)容同在一個(gè)Table或者div标簽裏。可(kě)以在頁面代碼的最下方直接放置統計(jì)代碼,或者在最下方單獨做(zuò)一個(gè)Table或者div來(lái)放置計(jì)數(shù)器(qì)。這樣,在計(jì)數(shù)器(qì)不能訪問的時(shí)候,你(nǐ)的網站(zhàn)速度也不會(huì)受到絲毫影(yǐng)響。

最後介紹一下我的博客測試速度的網站(zhàn)http://loadimpact.com

在文本框中輸入要測試網站(zhàn)的網址lusongsong.com,然後點擊Start test按鈕就開(kāi)始對網站(zhàn)速度進行(xíng)測試。稍等一段時(shí)間(jiān),可(kě)以統計(jì)出加載網站(zhàn)的一些(xiē)詳細載入數(shù)據。包括整體(tǐ)加載和(hé)站(zhàn)內(nèi)圖片以及JavaScript 、CSS等代碼載入。可(kě)以在右側列表選擇不同文件來(lái)同時(shí)對比,最多(duō)三個(gè)對象的加載數(shù)據。而且在Loadimpact網站(zhàn)中還(hái)可(kě)以生(shēng)成圖表顯示,方便我們進行(xíng)分析。通(tōng)過生(shēng)成的數(shù)據,就會(huì)知道(dào)自己網站(zhàn)速度的瓶頸在哪裏,從而進一步來(lái)解決問題。
 

如沒特殊注明(míng),文章均為(wèi)中技(jì)互聯原創,轉載請(qǐng)注明(míng)來(lái)自www.zjcoo.com
相關新聞

CopyrightZJCOO technology Co., LTD. All Rights Reserved.    

渝ICP 備11003429号

  • qq客服
  • 公衆号
  • 手機版
  • 新浪微博