每個(gè)網(wǎng)站的設計者都希望自己所設計的網(wǎng)頁(yè)能讓瀏覽者一見(jiàn)傾心,為實(shí)現這一目標,在進(jìn)行網(wǎng)頁(yè)設計時(shí)設計者常有追求盡善盡美的傾向。因此將網(wǎng)頁(yè)設計得異常復雜,并使用大量的圖片和動(dòng)畫(huà),以期對瀏覽者產(chǎn)生感染力。這雖然無(wú)可非議,但網(wǎng)站設計的最終目的不是孤芳自賞,而是以滿(mǎn)足瀏覽者訪(fǎng)問(wèn)需求為最終目的。對瀏覽者而言,他們希望網(wǎng)站提供精美內容的同時(shí),首先必須保證一定的訪(fǎng)問(wèn)速度,否則即使網(wǎng)站內容精彩絕倫,但卻千呼萬(wàn)喚始出來(lái),同樣會(huì )使瀏覽者因無(wú)法忍受漫長(cháng)的等待而棄之。
就目前國內網(wǎng)絡(luò )現狀來(lái)看,網(wǎng)絡(luò )帶寬仍是瓶頸,擁塞現象非常嚴重。低帶寬依然是網(wǎng)站設計時(shí)必須正視的現實(shí)(除非您所設計的網(wǎng)站只在單位內部的局域網(wǎng)中使用),因此如何使自己的網(wǎng)站適應低帶寬網(wǎng)絡(luò )環(huán)境成為不少網(wǎng)站設計者面臨的主要挑戰。從技術(shù)角度而言,若想使自己的網(wǎng)站在低帶寬環(huán)境下同樣有出色的表現,無(wú)外乎是在不影響網(wǎng)站功能的前提下,盡量減少帶寬消耗因素,讓瀏覽者能夠得到較為理想的訪(fǎng)問(wèn)速度。
1.減小圖片尺寸
圖片可能是扼殺您的網(wǎng)頁(yè)的兇手!精美的圖片有時(shí)自然可以成為網(wǎng)站設計的畫(huà)龍點(diǎn)睛之筆,但更多時(shí)候卻耗蝕了瀏覽者有限的帶寬。一幅圖片所占用的空間通常需要成千上萬(wàn)字節,您在制作網(wǎng)頁(yè)時(shí)可能感覺(jué)不到什么,但是對于瀏覽者來(lái)說(shuō)就顯得太大了。您到網(wǎng)上看看就會(huì )發(fā)現,大塊的等待時(shí)間是由圖片下載造成的。網(wǎng)頁(yè)的瀏覽者往往是沒(méi)有耐心等待的,您的圖片再精美,但如果對于網(wǎng)絡(luò )速度來(lái)說(shuō)過(guò)于龐大,則大多數瀏覽者在沒(méi)有看到您的圖片時(shí)就已經(jīng)轉向別處。因此在非必要的情況下,盡量減少圖片的使用是提高網(wǎng)站訪(fǎng)問(wèn)速度的要訣之一。
如果必須使用圖片,則應設法將圖片的尺寸減到最小。圖片尺寸除了受畫(huà)面大小的影響外,色彩數的多少也是關(guān)鍵因素,因而減少圖片中的色彩數也可以得到較為顯著(zhù)的瘦身效果。在不影響網(wǎng)站設計初衷的前提下,將圖片色彩從真彩調整為256色或16色就可以讓多數體態(tài)臃腫的圖片苗條不少,而這種色彩調整一般通過(guò)常用的圖片編輯軟件就可以輕松搞定。
另外,在圖片使用較多的情況下,將圖片分割成小塊,然后再進(jìn)行組合也不失為一種行之有效的瘦身途徑。您可以將網(wǎng)頁(yè)上的圖片一幅幅進(jìn)行比較,找出相同的部分,將其分割出來(lái),這樣瀏覽者在訪(fǎng)問(wèn)您的網(wǎng)頁(yè)時(shí),相同部分的圖片只要下載一次即可了,如果使用巧妙,可以大大節省下載時(shí)間。
2.盡量不用圖片來(lái)代替文字
現在,有很多網(wǎng)頁(yè)制作者喜歡用圖片來(lái)代替文字,這樣雖然可以美化網(wǎng)頁(yè)的版面,但卻帶來(lái)網(wǎng)絡(luò )帶寬資源的耗蝕。因此,能使用文字的地方盡量不用圖片,這幾乎成了設計網(wǎng)頁(yè)的基本準則。
對于那些需要強調的內容,或需要營(yíng)造某種特殊的視覺(jué)效果以引起瀏嵬者的興趣時(shí),可以通過(guò)特殊字摹等顯示技術(shù)加以實(shí)現。這一技術(shù)的缺點(diǎn)是在不同類(lèi)型的瀏覽器中的效果可能會(huì )有所不同,設計時(shí)需要進(jìn)行相關(guān)的測試,但它卻是加快網(wǎng)站訪(fǎng)問(wèn)速度行之有效的途徑。
3.少用動(dòng)畫(huà)
動(dòng)畫(huà)是加強網(wǎng)頁(yè)視覺(jué)效果和吸引注意力的有效手段?;顫娪腥?、動(dòng)感十足的畫(huà)面有時(shí)可以收到出奇制勝效果,但您必須意識到,動(dòng)畫(huà)對網(wǎng)絡(luò )帶寬的要求更為苛刻,濫用動(dòng)畫(huà)的結果可能會(huì )導致許多瀏覽者對其望而生畏。如果感覺(jué)網(wǎng)站上的動(dòng)畫(huà)必不可少,則應通過(guò)一定的動(dòng)畫(huà)編輯技術(shù)盡量壓縮動(dòng)畫(huà)尺寸,以免彩響訪(fǎng)問(wèn)速度。如果動(dòng)畫(huà)與訪(fǎng)問(wèn)速度出現較大的沖突時(shí),對其忍痛割?lèi)?ài)當為明智之舉。例如,將按鈕的圖片從動(dòng)態(tài)改為靜態(tài)就可以明顯地加快訪(fǎng)問(wèn)速度。
4.表格使用技巧
表格在網(wǎng)頁(yè)制作中幾乎是必不可少的,網(wǎng)頁(yè)的排版大部分都是通過(guò)表格來(lái)實(shí)現的。但在使用表格時(shí)需要注意的是,設計者對表格的不同處理方式將會(huì )給網(wǎng)頁(yè)的加載速度帶來(lái)截然不同的后果。
將整個(gè)網(wǎng)頁(yè)放置于一個(gè)單一表格內并將表格嵌套使用,會(huì )導致網(wǎng)頁(yè)無(wú)法在瀏覽者的瀏覽器上逐行顯示,而只有等到整個(gè)表格下載完畢,且瀏覽器根據計算確定不同表格元素的位置后才能一次性顯示。這會(huì )讓瀏覽者因等待時(shí)間過(guò)長(cháng)而轉向其他網(wǎng)站,適當地分割表格并減少表格嵌套層數可使瀏覽器在網(wǎng)頁(yè)全部下載完之前就能夠顯示部分內容,不致出現長(cháng)。時(shí)間的網(wǎng)頁(yè)顯示停滯現象。另外,給出固定的表格單元格尺寸,則可以在需要較長(cháng)時(shí)間下載的內容前先顯示文字等內容。
5.兼容性
除了上面提到的訪(fǎng)問(wèn)速度外,網(wǎng)頁(yè)的兼容性也是非常重要的。設計網(wǎng)頁(yè)時(shí)必須考慮到瀏覽者所使用的瀏覽器是各式各樣的,可能有人還在使用早期的瀏覽器。雖然一些新技術(shù)可以讓您的網(wǎng)頁(yè)大放光彩,但如果您不想失去這部分瀏覽者的話(huà),就不要使用那些新瀏覽器才增加的功能。
咨詢(xún)熱線(xiàn)
010-85377344
135-21581588
微信客服
QQ客服
3026106565 點(diǎn)擊咨詢(xún)