電腦已經(jīng)融入到我們的工作和生活，但是如果網(wǎng)頁打不開或者很慢，會(huì)影響到我們的正常工作。干燥箱加快網(wǎng)頁的打開速度，有三個(gè)路徑，一是提高網(wǎng)絡(luò)帶寬，二是用戶在本機(jī)做優(yōu)化，三是網(wǎng)站設(shè)計(jì)者對(duì)網(wǎng)頁做一定的優(yōu)化。互聯(lián)網(wǎng)帶寬越來越寬，似乎讓網(wǎng)頁的加載速度得到了質(zhì)的飛躍。干燥箱優(yōu)化圖片包括減少圖片數(shù)、降低圖像質(zhì)量、使用恰當(dāng)?shù)母袷健８稍锵淦鋵?shí)不然，因?yàn)殡S著帶寬的提高，網(wǎng)頁上的對(duì)象也越來越多，因此加快網(wǎng)頁打開速度還是一個(gè)重要的課題。
減少圖片數(shù)：去除不必要的圖片。降低圖像質(zhì)量：如果不是很必要，嘗試降低圖像的質(zhì)量，尤其是jpg格式，降低5%的質(zhì)量看起來變化不是很大，但文件大小的變化是比較大的。干燥箱使用恰當(dāng)?shù)母袷剑赫?qǐng)參閱下一點(diǎn)。幾乎沒有哪個(gè)網(wǎng)頁上是沒有圖片的。如果你經(jīng)歷過56K貓的年代，你一定不會(huì)很喜歡有大量圖片的網(wǎng)站。因?yàn)榧虞d那樣一個(gè)網(wǎng)頁會(huì)花費(fèi)大量的時(shí)間。干燥箱即使在現(xiàn)在，網(wǎng)絡(luò)帶寬有了很多的提高，56K貓逐漸淡出，優(yōu)化圖片以加快網(wǎng)頁速度還是很有必要的。
CSS疊層樣式表讓網(wǎng)頁加載起來更高效，瀏覽體驗(yàn)也得到提高。干燥箱了CSS，表格布局的方式可以退休了。GIF：提供的顏色較少，可用在一些對(duì)顏色要求不高的地方，比如網(wǎng)站logo、按鈕、表情等等。一般在網(wǎng)頁上使用的圖片格式有三種，jpg、png、gif。干燥箱種格式的具體技術(shù)指標(biāo)不是這篇文章探討的內(nèi)容，我們只需要知道在什么時(shí)候應(yīng)該使用什么格式，以減少網(wǎng)頁的加載時(shí)間。JPG：一般用于展示風(fēng)景、人物、藝術(shù)照的攝影作品。有時(shí)也用在電腦截屏上。干燥箱當(dāng)然，gif的一個(gè)重要的應(yīng)用是動(dòng)畫圖片。像用Lunapic制作的倒映圖片。PNG：PNG格式能提供透明背景，是一種專為網(wǎng)頁展示而發(fā)明的圖片格式。一般用于需要背景透明顯示或?qū)D像質(zhì)量要求較高的網(wǎng)頁上。
如果瀏覽器沒有找到這兩個(gè)參數(shù)，它需要一邊下載圖片一邊計(jì)算大小，干燥箱如果圖片很多，瀏覽器需要不斷地調(diào)整頁面。這不但影響速度，也影響瀏覽體驗(yàn)。去除不必要加載項(xiàng)。干燥箱如果在網(wǎng)頁上嵌入了其它網(wǎng)站的widget，如果有選擇余地，一定要選擇速度快的盡量用圖片代替flash，這對(duì)SEO也有好處。有些內(nèi)容可以靜態(tài)化將其靜態(tài)化，以減少服務(wù)器的負(fù)擔(dān)。 干燥箱這點(diǎn)很重要，但很多人由于懶惰或其它原因，總是將其忽視。當(dāng)你在網(wǎng)頁上添加圖片或表格時(shí)，你應(yīng)該指定它們的高度和寬度，也是height和width參數(shù)。當(dāng)瀏覽者打開某個(gè)網(wǎng)頁，瀏覽器會(huì)發(fā)出很多對(duì)象請(qǐng)求（圖像、腳本等等），視乎網(wǎng)絡(luò)延時(shí)情況，每個(gè)對(duì)象加載都會(huì)有所延遲干燥箱如果網(wǎng)頁上對(duì)象很多，這可以需要花費(fèi)大量的時(shí)間。當(dāng)瀏覽器知道了高度和寬度參數(shù)后，即使圖片暫時(shí)無法顯示，頁面上也會(huì)騰出圖片的空位，然后繼續(xù)加載后面的內(nèi)容。從而加載時(shí)間快了，瀏覽體驗(yàn)也更好了。去除一些不必要的對(duì)象。干燥箱將臨近的兩張圖片合成一張。
|
