首先，必須要優(yōu)化或壓縮你的圖像文件。你不能用數(shù)碼相機拍張照片就直接放到網(wǎng)頁上。必須要降低圖片文件的解像率，降低圖像質(zhì)量，得到一個優(yōu)化過的文件。上面提到的800K的圖像文件，很容易就可以降低到100K以下，也沒有什么可以覺察得到的質(zhì)量上的損失。
可以使用Photoshop，里面已經(jīng)有專為網(wǎng)頁壓縮圖像文件的選項，或者網(wǎng)上也有其他壓縮圖像文件的在線工具，大家可以搜索一下。
第二，必須要使用網(wǎng)頁編輯軟件來做網(wǎng)頁。微軟的Word確實提供一個功能，將文件輸出為HTML格式。在絕大部分情況下，這些輸出文件在網(wǎng)站上打開也沒什么問題。但問題是，這樣的文件包含了大量的垃圾代碼。在上面的例子里，200K的HTML文件用專用的網(wǎng)頁編輯軟件重新改一下，能輕易降到15K以下，也就是說90%全是垃圾代碼。設(shè)想一下，把這些垃圾代碼和未壓縮的圖像文件全加起來，你該浪費了多少帶寬？又有多少用戶等不下去而離開了你的網(wǎng)站？
下面列出幾個具體的網(wǎng)頁代碼問題，有助于降低文件大小。
使用CSS
CSS大量減少HTML中的格式代碼，并且可以作為外部文件使用，不必每次打開網(wǎng)頁都調(diào)用這些格式文件。
盡量使用標(biāo)準(zhǔn)代碼
瀏覽器在打開網(wǎng)頁的時候，如果網(wǎng)頁文件中包含太多的錯誤，瀏覽器需要花時間矯正這些錯誤。所以盡量要使用正確的標(biāo)準(zhǔn)代碼。
定義圖形文件和表格的尺寸（高度和寬度）
這樣瀏覽器可以在圖像文件和表格里面的內(nèi)容完全下載之前，就顯示出網(wǎng)頁，因為圖像和表格的大小已經(jīng)確定了，位置可以預(yù)留出來。
刪除不需要的代碼
比如大量的空格，空行，評論等。
減少花里胡哨的東西
很炫的JS菜單，按鈕，圖形，音樂，動畫，flash等等，這些東西有它明確的目的嗎？還是就是好玩？
如果網(wǎng)頁太長，考慮分成多個網(wǎng)頁
這樣另外一個好處就是，顯得你的網(wǎng)頁內(nèi)容還多點。
減少網(wǎng)頁中要調(diào)用的文件數(shù)目
不要用太多很小的圖像文件，在可能的情況下，減少這些圖像文件的數(shù)目。這樣文件下載的時候，就不需要那么多的HTTP連接。
避免使用嵌套表格
如果必須使用表格的話，也要盡量少用使用嵌套表格。
使用外部文件
CSS，JS等，都要放到外部文件。
總的目標(biāo)是盡量減少文件大小，包括HTML文件，圖片和腳本。如果能把網(wǎng)頁上文件總大小降到30K以下就好，20K更好，如果10K以下，那就更好了。很多網(wǎng)頁設(shè)計師會嘲笑這樣的數(shù)字，一個現(xiàn)代的網(wǎng)頁還能只是20K，30K？不可能！光我那個很炫的logo就20K了。如果能兩者兼得的話，不妨可以兼顧。但如果兩者不能兼得，你是選擇讓用戶看到一個不那么炫的網(wǎng)頁，還是讓用戶根本就看不到網(wǎng)頁呢？
掃描添加好友
免費提供：網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣解決方案
人
1 次
11 次
