網路行銷者總是把焦點放在頁面上的內容而不去管載入的時間。顧客們真的會在意多花那兩秒鐘開一個網頁嗎？
真的會！
今天我們要來看的案例是 Yankee Retail 的電子商務小組，如何利用更改網頁元素載入順序來讓頁面跑得更快，進而讓訪客轉換率成長達 17％之多！（註：訪客轉換率：讓訪客轉換為客戶的比率）
顧客在逛網站時的使用經驗，可以對電子商務的銷售造成很大的影響。Yankee Retail 旗下的電子商務網站 Home Decorating Company 就看見了這樣的商機，決定要提升顧客在光顧他們網站時的觀感。
Yankee Retail 營運長 Justin Potts：「顧客在瀏覽你的網站時的觀感越好，他們就更有機會消費，我們就能提高訪客轉換率！」
雖然有點主觀，但他們用了一個清楚、實在的方法來提升使用經驗：速度。他們為自家電子商務網站 Home Decorating Company 加快載入速度。將重要內容優先載入，增加顧客消費意願，提高訪客轉換率。
第一步：與網頁開發者接洽
由於行銷者本身較不熟悉網頁設計，因此找到對的網頁開發者相當重要，而且最好是有網頁設計以及改善網頁載入速度的相關經驗。
第二步：評估表現
要改善載入速度還必須蒐集評估的資料，如此一來才能比較改善前後是否產生效果。你會需要整個網站的平均值與個別頁面的數據。
1. 行銷評估
包括跳離率（Bounce Rate）、頁面瀏覽數、停留時間、訪客轉換率（訪客轉換為客戶可以被視為已完成消費行為）、平均訂單價值
2. 技術評估
(1) 渲染時間：用戶從進入網展到看見頁面上第一個內容所花的時間。
(2) 載入時間：整個頁面完全跑完所花的時間。
(3) 互動時間：整個頁面中主要互動式內容跑完的時間。像是“放入購物車”的按鈕，就可以視為是主要互動式內容。
第三步：依網頁內容排出優先順序
一個電子商務取向的頁面包含許多元素，以本文之居家裝飾公司為例：Home Decorating Company’s homepage
當中包含了：圖片、圖片跑馬燈、搜尋工具欄、社群網站連結鈕、文字、菜單，以及連結。
這些元素並不會一次同時載入，而是依照頁面所設計的 HTML 代碼，由頭至尾，依序載入。如果有一個元素的載入有所延遲，則會影響到之後順序的元素。因此，Yankee Retail 為了增加訪客轉換率，決定依照重要程度來改變網站各元素的排列順序。以下是他們權衡的要點：
1. 重要 v.s. 不重要
網頁中被認為最能影響客戶消費的元素將會優先載入。
舉例來說：
產品頁面——產品的名稱與註解勢必比社群網站的分享連結來的重要
首頁——同樣邏輯，與產品相關的資訊一定會先載入，之後再跑像是聊天小工具或安全購物認證之類的。
「先不管能讓頁面跑多快，我們為顧客挑選關鍵的資訊優先載入，為他們省更多時間。」
2. 慢 v.s. 快
某些網站元素就是能載入比較快，所以他們設定成在所有重要資訊顯示之後才會開始跑比較慢的元素。
也就是說他們會將一些跑比較慢的動態元素，像是社群分享、聊天小工具，放在重要資訊，比如說電話號碼，顯示之後才會開始載入。另外某些較大資料量的元素，像是高畫質圖片，同樣也會放在叫後面的順序。
3. 慢 v.s. 更快
另外，他們更設定某些靜態的資料能存入使用者的瀏覽器緩衝儲存區，讓他們能快速的再次回到同一個頁面。
為了讓速度更快，他們啟用了傳送內容的連結網路，在使用者進入網站時，同時利用 ip 位置定位，讓最近的伺服器能快速的傳送資料內容。
第四步：測試與維持良好表現
經過許多的修改之後，Yankee Retail 做了完整的表現評估，重新瀏覽所有內容，之後再次檢驗。相較整個計劃施行前的表現，結果顯示出網站有很大的進步。
「因為整個網站不斷的增加並整合新的功能，我們必須確保整個系統依照我們的想法運作，並快速的載入，事實也證明我們做到了！」
經過這樣的改善，對顧客忠誠度與跳離率有很大衝擊，換句話說，訪客轉換率有很大的進步！
「我們並非只是單純的要讓網站跑更快，只是為了要達成公司的目標像是——增加營收、利潤，減少成本…… 等——所利用的手段、工具之一而已。」
整個團隊看到平均訂單價值的成長都非常驚訝，以下是計劃實行後兩個月對照施行前兩個月的數據：
1. 行銷方面——
(1) 訪客轉換率：成長 16.7％
(2) 訂單價值：成長 4.7％
(3) 頁面瀏覽數：成長 8.5％
(4) 訪客停留時間：成長 8.4％
(5) 跳離率：降低 5.8％
2. 網站方面——
(1) 渲染時間： 速度提升 18％
(2) 載入時間： 速度提升 42％
(3) 互動時間：速度提升 43％
說了這麼多，有聽沒有懂？還是想更深入了解？
成為資料科學家的第一步，
ＧＡ是目前最普遍且免費的數據分析軟體，
讓業界實戰與教學經驗豐富的大師帶領你，
從上手到拿手 ，還教你考取證照的方法與技巧！
好評再開！Google Analytics 網站數據分析課程開課中 >>詳細課程內容
（資料來源：MarketingSherpa；首圖來源：Giphy）
