Preloader

網頁處理、運算、傳輸都需要時間，如果讓使用者乾等待，就容易產生當機的錯覺，因此，在這段時間產生一個提示訊息藉此告訴使用者耐心等待是有必要的，而現行網頁最常見的就是使用等待動畫圖示，負責處理到呈現這段時間的呈現，這個動畫可以使用 GIF 圖檔，也可以使用純 CSS 語法打造，24 PURE CSS3 PRELOADERS 這個網站展示了 24個純 CSS 等待動畫圖示，只需在網頁中引用該 CSS 檔案，就可輕易實現等待中使用動畫圖示來提示。

瀏覽網頁之所以會覺得網站可能沒有回應，原因有可能出在網頁需要運算時間較久、網路傳輸速率較慢或的數據過多...等等，總之，在這之前如果適時地放上一個等待圖示或是加載中，請稍後...的字樣，都比讓用戶空等帶來的好，如果是要放等待動畫圖示，GIF 是個選擇，而另一選擇則是使用 CSS，Uiball.com 這個網站提供 24個以 CSS 打造的等動畫圖示，喜患的就可以直接複製其 html 與 css語法，直接放到想要顯示的位置即可。

若想美工自己的網頁，圖示肯定少不了，網路上有提供可下載圖示類的網頁素材網站也不少，像是 VistaIcons.com 提供豐富且風格一致的成套 ICO 圖示，且均附 PNG 檔案、Preloaders.net 線上產生動態圖示，可調整顏色、背景色、尺寸及動畫速度等 及 ajaxload.info 網頁資料讀取時的等待圖示 都是不錯的美供應用圖示。WebSiteIcons 所提供的圖示雖不多，卻是相當精美，且附上 PNG 圖檔，方便後續的編輯。

Preloaders.net 是一個提供了相當多且精緻的等待或下載(Loading) 的動態圖示免費樣板，只要選擇喜歡的圖示樣板，簡單的進行一些圖示的參數設定，像是圖示的顏色、背景色、尺寸大小及動畫速度...等等，就可以線上產生所選樣板圖標並下載。