自適應網站設計常見問題

近年來自適應網頁(或稱之響應式網頁設計)大行其道，比起傳統需要分別建立電腦桌面版，平板電腦及手機版三種類型，自適應網頁更適合現代網路發展。但事情總是有利必有弊，以下是4個自適應網頁網站常見的問題.

圖片過大

自適應網頁網站(RWD)會自動把圖片縮小，設計師為了有最佳的效果，一般都會使用較高解像度的圖片，筆者曾經收過一位客戶的查詢。他的網頁是由朋友製作，運作起來相當慢，由於朋友沒時間替他維護，所以另找網頁公司，一看發現每個圖片的尺寸都十分驚人，雖然RWD效果看起來正常，但是網站卻異常緩慢。

另一個常見的情況是客戶自行管理網站時，疏於影像檔案的控制與管理，光是首頁的Banner主圖竟然高達十多MB。而公司logo 已經佔了2MB。其實，就算是桌面版網頁也不需要用到這樣高解像度的圖檔。以今日的網頁設計標準來說，網頁圖片必須控制在建議首頁應在 500KB-1MB以下才適合的大小。

動態效果過多

比起當年的 Adobe Flash，現在HTML5動態效果不但更為易用，還能正常的在手機上運行，非常的實用，許多網頁設計師往往會不知不覺，使用過多的動態效果！動態網頁效果可令訪客眼前一亮，但過多動態畫面會造成一定程度的瀏覽困擾。
 
多使用一次特效，就容易產生一次讀取，對於客戶的手機、電腦、網路頻寬來說就是增加一次負擔，過多就會使得網站遲緩。而且還有許多特效函式檔案取自國外的網站，這又會導致網站開啟讀取問題...所以好好想一想，究竟是特效重要，還是客戶的觀感重要？
 

以一頁式網頁取代正統網站

網上許多免費的自適應網站版型，都是"一頁式"的格式。一頁式的優點是減少網站的頁面數量，如此可以節省製作時間與成本，但缺點卻也顯而易見。網頁設計師往往會為了方便使用這此樣板替客戶製作網站。對於內容較少的網站，"一頁式"的格式還是可以，但如果網頁內容較豐富的話則並不可取。.

一頁式網站的訊息過多就很容易造成內容過量，與其不斷的延伸頁面長度，不如好好規畫網站，讓網站能夠以簡潔舒適的方式呈現於用戶眼前。

過多無用的Javascript

動態網頁發展了十多年，網上有極多免費的程式庫。一些網站設計師為了方便，會把自己常用的程式預設載到網頁之中，需要時便可以隨時使用。但這樣載入過多不必要的程式，會導致網頁運作緩慢。目前Google所提供的站長工具Search Console已經能夠針對網站無用的Javascript提出警告。

Javascript也式網站資安經常出現漏洞的地方，如果你所經營的網站有高度的資訊敏感度，那麼捨棄Javascript的特效與功能使用上建議是越少越好。

總結一句話...用戶優先！

勿忘初衷！網頁最重要的目的是傳遞資訊。讓你的客戶到你的網站享受各式服務。iWare十分重視這個原則，不會建立過份花俏的網頁，而是告訴客戶所需的資訊，有需要的資訊，才是網站的主要目的。

自適應網頁確實帶來了新的氣象，讓我們可以建立更好的網站，但切新的技術使用上仍需基於用戶所需，忌華而不實，我們iWare將與客戶共勉之。