期交所雙月刊60期

22 近年來由於網頁技術快速發展及行動裝置數量快速成長，各式網頁應用如雨後春筍般 蓬勃發展，透過各式新興網頁技術的輔助，網站可提供更優質的服務及使用者體驗，本文 將分別介紹現行網站發展趨勢及透過網站分析技術瞭解使用者行為以優化網站服務。 全球趨勢 Global outlook 網站發展趨勢及網站 分析與優化應用介紹 圖 1 ：單一頁面應用網站實例－ Google 簡報 單一頁面應用 相比於傳統多頁式網頁需要在頁面之間跳轉， 單一頁面應用（ Single Page Application, SPA ） 僅使用單一網頁，減少網頁重載的次數，藉由 JavaScript 及非同步下載的技術，網頁可在背景執 行資料下載及訊息傳遞，此類網頁通常設計為介 面易用，使用者無須等待，以取得更佳的使用者 體驗，例如 Google 簡報 （圖 1 ） 、 Facebook 及微 軟 Office 365 都是此類網頁應用。 單一頁面應用的特色： ‧ 客戶端不須與主機全往返： SPA 的優勢 在於無須取得全頁的 HTML 碼以呈現網 頁，藉由採用關注點分離（ Separation of Concerns, SoC ）模式，使用模型層（ model layer ）將資料從呈現頁面獨立，而呈現層 （ view layer ）僅將主機所回傳的資料載入 網頁對應欄位，以減少頁面讀取的次數及 時間。 ‧ 更 有 效 的 導 頁 方 式： 藉 由 使 用 HTML 5 History AP （ Application Programming Interface ）及 Navigation Timing API 技術， 可讓網頁持續追蹤使用者當下的瀏覽狀態 及路徑，以達成無須切換頁面的流暢使用模 式。 文／高隆樺（期交所資訊規劃部經理）、詹振東（期交所資訊規劃部專員）