Thursday, January 10, 2008

節約與簡單化

設計網站時,「節約」是一項很重要的習慣。此處的節約是以不改變網站內容品質的前提下,讓檔案最小化。

網頁的節約原則
任何頁面檔案變大,一定會增加上傳及下載時間。若一個網路有50頁,每頁檔案大小多50k,整個網站就增加2.5MB,以一秒傳100k,就要多耗25秒。
一般人很難忍受六秒內看不到頁面,若你的頁面檔案太大而讓瀏覽者跳離,那會是你的損失,可能損失一筆大生意。因此,你必須謹守以下的節約原則:
  • 省掉不必要的圖像。
  • 可以利用底色處,就不要用同色彩的圖檔。
  • 任何圖檔均在Photoshop或Fireworks完成為網路用,能壓縮儘量壓縮。
  • 不要在Dreamweaver內對圖檔做縮小或放大。
  • 文字要精簡扼要。
  • 想想一大圖,若將它的長寬縮小為90%,則它的檔案大小可以變為原來的81%;縮小為80%則變為原來的64%,節約相當可觀。
簡單化
讓網站管理簡單化是另一類的節約,因為它可以節省許多精力。以下是簡單化的方法:
  • 圖檔尺寸類型化。例如,整個網站的圖檔大小只有四種大小,第一種是主圖、第二及第三種是次圖、第四種是按鈕。
  • 圖像處理可善用Photoshop的批次管理。
  • 文字的管理CSS化,利用CSS可以有效管理文字字型及色彩等樣型的變化。
  • 資料分類系統化,資料夾的命名可以結合流水號及功用名稱。

No comments: