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