首先，必須要優(yōu)化或壓縮你的圖像文件。你不能用數(shù)碼相機(jī)拍張照片就直接放到網(wǎng)頁(yè)上。必須要降低圖片文件的解像率，降低圖像質(zhì)量，得到一個(gè)優(yōu)化過(guò)的文件。上面提到的800k的圖像文件，很容易就可以降低到100k以下，也沒(méi)有什么可以覺(jué)察得到的質(zhì)量上的損失。
可以使用photoshop，里面已經(jīng)有專(zhuān)為網(wǎng)頁(yè)壓縮圖像文件的選項(xiàng)，或者網(wǎng)上也有其他壓縮圖像文件的在線(xiàn)工具，大家可以搜索一下。
第二，必須要使用網(wǎng)頁(yè)編輯軟件來(lái)做網(wǎng)頁(yè)。微軟的word確實(shí)提供一個(gè)功能，將文件輸出為html格式。在絕大部分情況下，這些輸出文件在網(wǎng)站上打開(kāi)也沒(méi)什么問(wèn)題。但問(wèn)題是，這樣的文件包含了大量的垃圾代碼。在上面的例子里，200k的html文件用專(zhuān)用的網(wǎng)頁(yè)編輯軟件重新改一下，能輕易降到15k以下，也就是說(shuō)90%全是垃圾代碼。1 設(shè)想一下，把這些垃圾代碼和未壓縮的圖像文件全加起來(lái)，你該浪費(fèi)了多少帶寬？又有多少用戶(hù)等不下去而離開(kāi)了你的網(wǎng)站？ 下面列出幾個(gè)具體的網(wǎng)頁(yè)代碼問(wèn)題，有助于降低文件大小。
使用css!css大量減少html中的格式代碼，并且可以作為外部文件使用，不必每次打開(kāi)網(wǎng)頁(yè)都調(diào)用這些格式文件。盡量使用標(biāo)準(zhǔn)代碼! 瀏覽器在打開(kāi)網(wǎng)頁(yè)的時(shí)候，如果網(wǎng)頁(yè)文件中包含太多的錯(cuò)誤，瀏覽器需要花時(shí)間矯正這些錯(cuò)誤。所以盡量要使用正確的標(biāo)準(zhǔn)代碼。
定義圖形文件和表格的尺寸（高度和寬度） 這樣瀏覽器可以在圖像文件和表格里面的內(nèi)容完全下載之前，就顯示出網(wǎng)頁(yè)，因?yàn)閳D像和表格的大小已經(jīng)確定了，位置可以預(yù)留出來(lái)。
刪除不需要的代碼比如大量的空格，空行，評(píng)論等。減少花里胡哨的東西~很炫的js菜單，按鈕，圖形，音樂(lè)，動(dòng)畫(huà)，flash等等，這些東西有它明確的目的嗎？還是就是好玩？
如果網(wǎng)頁(yè)太長(zhǎng)，考慮分成多個(gè)網(wǎng)頁(yè)!
這樣另外一個(gè)好處就是，顯得你的網(wǎng)頁(yè)內(nèi)容還多點(diǎn)。減少網(wǎng)頁(yè)中要調(diào)用的文件數(shù)目不要用太多很小的圖像文件，在可能的情況下，減少這些圖像文件的數(shù)目。這樣文件下載的時(shí)候，就不需要那么多的http連接。避免使用嵌套表格 如果必須使用表格的話(huà)，也要盡量少用使用嵌套表格使用外部文件hcss，js等，都要放到外部文件。
總的目標(biāo)是盡量減少文件大小，包括html文件，圖片和腳本。如果能把網(wǎng)頁(yè)上文件總大小降到30k以下就好，20k更好，如果10k以下，那就更好了。