一、自動辨識使用者從甚麼裝置
而來
約莫在去年底，
Benson
與他
的團隊決定要捨棄這個「雙網站一
App
」
的舊機制，並且希望能打造
一個具備「反應機制」的網站，亦即
能夠辨識使用者透過甚麼裝置連入，
且能夠據此傳送針對該裝置最佳化後
的網頁內容給使用者。舉例來說，
如果用戶是透過傳統個人電腦連上
MandM Direct
，
並且想要查詢某
個產品目錄，該網站便會自動在頁面
上，從左至右顯示
4
個選項。如果用
戶是透過手機連網，頁面便只會顯示
2
個選項，同時還會增加一個「導航
區
(
Navigation Bar)
」
來最佳化在此
螢幕尺寸的使用需要。若使用者用的
是平板電腦，則選項會變成
3
個，同
時也會保留導航區的設計。
「
但 這 都 是 同 一 個 網 站，」
Benson
說道，「它會偵測你使用
的螢幕，然後生成對應的頁面框架，
讓網頁能在實體螢幕上以最佳的方
式呈現。」
為什麼多數的網站還是沒有採用
這樣的新設計呢？許多人仍然去設計
App
、
設計不同的行動網站的其中一
個原因，可能是網頁上包含的影像與
資料量愈來愈大。當一個網頁包含的
資料量愈多，就得花愈長的時間去載
入。一般而言，個人電腦通常連接固
網、
Wi-Fi
或其他實體線路，載入時
間往往不成問題。但若使用者用的是
行動裝置，相同的網頁可能得花上
20
秒或更久的時間才能載完。
「
對現今想要經營電子商務的人
來說，知道使用者不可能等個
30
秒
鐘只為了載入一個網頁可說是基本常
識，」
Benson
解釋，「這也說明了
為什麼零售業者偏好另外建置一個行
動網站，因為載入速度可以盡可能和
使用桌面電腦相近，但真正的原因是
這樣的網站往往只有傳統網站資料量
的
20%
。」
目前
MandM
公司的網站流量有
超過一半來自行動裝置，「當時讓我
們進退兩難的挑戰便是，如何在不必
維護另一個網站的情況下，讓手機載
入網頁的速度飛快。」他說。
二、「前端最佳化」
為了解決這個問題，
MandM
找
上了
Akamai Technologies
，
一間
提供多種雲端服務，包括遞送、最佳
化、線上內容與商業應用防護等服務
的公司。
Akamai
為這個新網站增加
了許多的功能，讓它能夠在合理的載
入時間內，遞送同樣的網頁內容給各
種不同的終端裝置，並且還增加不少
效能特性。這些功能可以概括以「前
端最佳化」來解釋。
「
每一個網頁都有一個後端與一
個前端元件，」
Akamai
網頁體驗部
門技術長
Guy Podjarny
解說道，「後
端便是產生網頁所需的所有東西，可
能包括從你的內容管理系統裡撈一篇
文章出來，或是從你的資料庫裡找出
某個使用者等等。」
171
Technology Forum 2015
雲端
資料
BYOD
與資
網路