圖片的預先讀取-加快下載速度

2019-11-18 15:18:20

字體：大中小

來源：轉載

供稿：網友

本章主要討論Cache和PReload---圖片的預先調用。

為什么要對圖片進行預先的調用？答案非常簡單：為了速度。

你是否已經注重到了，一個以前曾經訪問過的頁面再次進入時速度會比以前快許多？這是因為頁面中所有的圖片都已經被“cached”了。

對于IE，在windows目錄下的Temporary Internet Files的子目錄內，對于 Netscape則是在一個叫做cache的子目錄中，保存這你曾經瀏覽過的一些頁面的Html文檔和圖片。當你第一次瀏覽頁面時這些資料寫入cache以備今后的需要。下一次再光臨時，則直接從硬盤的cache中讀取資料，速度當然快多了。

下面的內容就跟javascript扯上關系了。

（1）并非所有的cache都是有利的，因為有時候你需要頻繁地更新頁面，或者再頁面上放置了一些諸如計數器之類的動態腳本，你需要瀏覽時及時更新這些資料，并非從cache中讀取舊的數據。那么，用下面的方法可以將頁面cache屏蔽起來。

將如下代碼加入HTML的<head>區即可。
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

（2）為了加快下載速度，可以將一些可能要使用的圖片預先讀取出來，那么當使用的時候就不必現下載了。尤其是制作onmouSEOver效果（例如：鼠標移動到一個按鈕上產生按下或變色等效果）時，否則會有明顯的延遲，效果就大打折扣了。

（3）預先讀取圖片的方法是比較簡單的，用Javascript這樣實現。

將如下的類似代碼放在HTML的<head>區：
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

這樣瀏覽器在裝載頁面時就已經預先下載了3個圖片（image1.gif,images2.gif和image3.gif）。當激發onmouseover事件時，瀏覽器直接從Cache中讀取圖片，速度當然快多了。

這里做一些小小說明：圖片的名字可以是任意的，100和50分別是讀入cache的圖片的寬度和高度。但是腳本格式必須按照規定的格式寫，"Image1=new Image"。假如圖片在其它服務器的子目錄內，只要用正確的絕對路徑表示即可。

腳本可以放在HTML的任意位置，但是建議放在靠上的位置，在<head>區是最好的，因為它能保證最先被讀取。

將需要預先被讀取的所有圖片都加入代碼中，按格式寫就可以了。

<------本節結束------>

上一篇：通過自建代理服務器增強 Applet 的功能

下一篇：圖像與聲音