其他部門如何協助您進行網站速度最佳化專案,締造更出色的成果。
與網站速度有關的常見迷思之一,就是要由開發團隊負責。事實上,若要快速網站,就需要各部門的協助。開發人員幾乎可以獨力解決問題,不論人力多餘,都可能完全不成問題。那該怎麼跟同事一起修正速度呢?本文將說明您 (網頁程式開發人員) 如何說服貴公司優先提升網站速度、取得各部門協助來進行最佳化,以及提升最佳化專案成效的知名度。
協助業務利害關係人加快修正速度
許多公司的消費者行為正在轉變,而透過數位平台 (而非實體商店) 購買的人們正在增加,這表明公司必須迅速進行調整,或面臨收益減少的風險。這需要新的組織流程和思維,並且獲得利害關係人的支持,才能成功。
共享的挑戰
公司組織的方式很可能需要在幾個層級中改變。首先,這是一項速度專案,且此專案可能會增加收益,開發人員必須投入大量時間完成這項工作,才能順利執行。資源分配必須有適當的項目,如果相關人員和高階主管證明專案是優先專案,則與行銷和網頁設計人員等部門之間的合作往往會更加順暢。
除了這個作業等級以外,相關人員也務必瞭解,現在有兩項轉變:
雖然大部分的銷售額可能來自實體商店,但大多數消費者在前往實體商店購物前,都會使用您的網站等數位平台。如果網站無法提供良好的使用者體驗,實體商店的收益也會受到負面影響。此外,研究也顯示,這也會影響客戶對推薦商家以及他們對商家的推薦的意願。
行動訪客人數的成長比電腦版訪客高出許多,因此行動優先是當前或未來的狀態,需要做好準備。此外,網站速度和行動轉換之間的關聯性很高,從 SOASTA 的一項研究顯示,當行動版網頁載入時間每多一秒,轉換次數最多可能減少 20%。
這也意味著,如果公司能夠根據數位平台專家的專業知識做出執行決策,就能擁有優勢。其中一個建議是邀請開發人員參加正在進行業務決策的會議,確保從一開始就考慮網站和限制,從而保障銷售額的安全。
傳送提案給相關人員
一般來說,約有 10% 的銷售發生在數位平台,但研究顯示,實體商店的銷售額有 85% 受到數位優先影響。網站成效良好,尤其是行動裝置 (行動裝置) 上的業績,是商家獲得收益的關鍵。我們提議加快網站轉換次數,同時安排各種溝通管道,讓技術團隊在做出會影響網站做出的決定之前,更加妥善地參考技術團隊的深入分析。
準備與相關人員開會
與利害關係人開會前,請先準備好網站和競爭對手網站的資料,以及您提出變更建議後可帶來高投資報酬率的資料。收集速度與重要性相關的資料。最好的情況是 它跟公司的收益有關以下是達成此目標的幾個方法:
- 計算相對行動裝置轉換率。與數據分析團隊合作,執行「速度價值」中所述的分析。如果您曾經有一段期間 (至少 2 到 3 個月) 的載入時間遠高於其他時段,那麼網站速度較慢通常會對行動轉換造成嚴重影響。透過這項分析,您可以計算公司在速度不佳期間錯失的收益,證明速度的價值。如果載入時間維持在相同水準,分析就會難以執行,且下列替代方案可以提供更多答案。
- 估算統計模型的速度價值。您可以在 Google 的 TestMySite 協助下執行測試,然後計算載入速度更快的網站對業務的影響。您只需要取得平均每月訪客數、轉換率和平均訂單價值等資料,您的分析團隊就能助您一臂之力。
- 提供最佳做法個案研究。另外,您也可以使用其他公司的案例,他們改善網站速度和成效。 網頁載入時間對轉換率的影響:12 個案研究提供幾個範例。
- 展現行動裝置的重要性。 您可以詢問數據分析團隊,指出有多少百分比的流量來自行動裝置和電腦。
- 研究所需費用。 上述的計算方法可向利害關係人說明速度將可能提升的幅度,但利害關係人需要瞭解投資報酬率,因此若您已擬定預估成本,可以更快達成高階主管決策。為此,請評估初始聚焦的速度專案需要多久時間,以及之後需要多少時間進行維護。舉例來說,在快速思考:TUI 打破藩籬,開發人員獲得 20% 的時間可以免於處理待處理工作和活動,藉此加快網站速度,並致力執行加快專案速度和其他改善網站的方法。
與相關人員會面
- 顯示您從行動裝置和電腦分別獲得多少流量,以及過去幾年的行動裝置成長率。這表示我們認為提供優質行動體驗的重要性。
- 發表研究結果,說明速度對公司收益的影響。
- 讓利害關係人知道,如果能在足夠的時間持續改進,開發人員就能協助提高行動訪客的收益。
- 建議應邀請開發團隊的一名人員參加主管會議,由他們對網站做出決策。我們目前在數位平台上販售產品得獎者將是開始與數位專家溝通的公司。現代公司需要在部門之間,以及相關人員與開發人員之間建立通訊串流。《哈佛商業評論》的研究顯示,有六個 IT 專案當中,有一環的成本超過 200%。例如 Kmart 在 2000 年展開 $14 億美元的 IT 現代化專案時,失去對 Walmart 和 Target 的競爭優勢。盡早設定溝通和維護工作,就能消除資料孤島的藩籬,而分享知識將成為競爭優勢。
在行銷團隊的協助下修正速度
共享的挑戰
行銷團隊需要工具來處理廣告和資料,才能做出明智的決策,但大多數工具都拖慢網站速度,且經常搭配會阻擋指令碼導入,讓進入網站的訪客必須等待畫面出現,才能看見畫面內容。因此,我們需要取得平衡。行銷部門需要資料和工具,但網站要能快速降低跳出率和提高轉換率,就必須快速達成這些目標,這樣才能大幅提高投資報酬率。
平衡做法是謹慎使用腳本:
- 避免重複評估相同事物的重複項目。
- 移除不再使用的工具。
- 請勿評估「有益性」的事物。只評估業務關鍵項目。
由於開發人員很難知道行銷部門依賴哪些工具,也因為行銷部門可能不知道哪些工具對網站特別重要,因此您需要協同合作。
傳送提案給行銷團隊
用於追蹤和廣告的工具通常會妨礙訪客進入網站後看到內容的速度。這樣能降低行銷投資的價值,因為我們付費放送廣告,讓使用者感興趣,但按下廣告而必須等待。這可能會讓他們感到厭煩並離開。一項研究發現,當速度指標互動時間從 0.15 秒增加到 0.3 秒時,轉換率從約 50% 下降到約 35%。我們能否一起解決這個問題,在所需的工具與網站效能之間取得平衡,進而提高行銷投資的投資報酬率?
為與行銷團隊開會的前置作業做好準備
- 建立在網站上實作的指令碼清單。
- 將名單發送給行銷團隊,並請他們先行查看,並分為三個值區:
- 重要業務。指令碼必須保留下來,
- 建議內容。可能較少使用或移除的指令碼。舉例來說,有時公司會收集熱視圖或螢幕錄影資料,但可能只是偶爾審查資料,不會促使他們採取行動或提高轉換次數。在這種情況下,建議您同意只執行兩週一次 (例如,收集分析資訊以用於分析),然後清除指令碼,直到下次聚焦資料收集時間為止。
- 未使用或未擁有。請將其移除。
- 比較各指令碼的網站速度,瞭解該指令碼是否讓網站速度變慢。 在 WebPageTest 中,您可以透過進階設定的「Block」分頁進行設定。您也可以在 Chrome 開發人員工具中封鎖網路要求。
與行銷團隊見面
- 瀏覽指令碼清單,然後列出每個指令碼的檢視畫面。 舉例來說,任何可正常運作的指令碼是否會對網站效能造成負面影響?收到建議之後,行銷團隊就能更輕鬆地排定優先順序,並瞭解他們重視哪些業務,也更容易瞭解他們的觀點。
- 討論下列主題:
- 收集到的資料是否能讓轉換次數提升超過網站速度較慢導致的轉換升幅?資訊可以引導你做決定。
- 貴公司是否選擇了市面上速度最快的供應商?行銷部門可能需要開發人員協助,才能確定能否用更快的替代工具取代重要業務工具。
- 網站上是否有替代指令碼?舉例來說,相較於使用熱視圖,您也可以開始執行可用性測試,並瞭解使用者行為背後的「原因」,通常能用來取得更深入的深入分析結果。
同意後續步驟
- 決定後續的程序。行銷是否應要求開發人員在導入新工具前,先審查新工具及其對速度的影響?或者,行銷團隊應該分配效能預算,學會如何檢查速度,只要能達到速度目標,就能優先使用哪些工具?
由網站設計團隊協助修正問題
網站效能最大的挑戰之一是,雖然許多區域的連線速度可能會更快,但網站變得越來越重,導致實際速度變慢。開發人員需要與網頁設計人員合作才能解決這個問題。
共享的挑戰
總而言之,公司的所有部門通常都取決於促成轉換的網站,無論是為了產生收益還是其他因素。而且事實是,如果網頁花了這麼長的時間載入,導致使用者無法留下時間看到網頁,那麼反而不重要。
但精簡網頁必須共同承擔責任。開發人員可以使用各種圖片最佳化技巧,加快圖片載入速度。網頁設計人員可以建立頁面,將網頁寬度保持在規定等級以下。
傳送提案給網頁設計團隊
研究顯示,越少的圖片和元素較少,轉換率就會越高。舉例來說,Google 和 SOASTA 的研究發現,已完成轉換的使用者在未轉換的工作階段中,儲存的圖片比未轉換的工作階段少 38%。我們能否與我們合作,達成速度目標,並設定共同合作來增加網站上的轉換次數?我們可以一起實現的例子包括找出適當程度的圖片壓縮功能,同時在品質與速度之間取得平衡,或減少複雜版面配置或功能 (這類元素常常產生大量、緩慢的網站)。
準備與網頁設計團隊進行會議
- 追蹤網站上哪些網頁的載入時間最高,網頁權重最高。舉例來說,如果您經營電子商務網站,請務必檢查:除了首頁,也要檢查任何廣告活動頁面、最大的類別網頁、部分產品網頁,以及結帳程序。
- 為設計人員準備效能預算提案。另一種替代方法是盡可能先將網頁粗細設為指標,並將網頁權重設為 1 MB,並將所有網頁的目標設為 1 MB (如果品牌宣傳對轉換很重要,則為 1.5 MB)。
- 備妥清單,列出最終頁面高於目標網頁權重的網頁。
與網站設計團隊見面
- 致力於調查開發團隊如何透過各種圖片最佳化技術更快提供圖片,例如圖片壓縮、回應式圖片、調整大小、延遲載入、快取和伺服器最佳化。
- 建立測試頁面,同時以不同圖片畫質和尺寸發布圖片,並針對不同螢幕的效能和品質取得共識。提醒您,行動裝置訪客的工作階段長度通常較短,有一項研究指出,超過半數的行動工作階段在 30 秒內不會超過 30 秒。這類使用者可能不會詳細研究圖片,因而提高網站載入速度。
- 提出效能預算,網頁設計人員必須承諾,所有網頁的重量都小於 1 MB (或最大 1.5 MB)。
在分析團隊的協助下修正速度
企業需要資料來瞭解該重點,並做為決策的基礎。不過,雖然很多公司都提到網站速度的重要性,以及網站與收益和銷售之間的關聯,但仍有許多公司未將速度納入技術團隊以外的每週報表。如果開發人員開始與數據分析團隊協同合作,這一點可能改變。
共享的挑戰
實際情況是,未回報的內容不會聚焦於特定資訊。如果網站速度不屬於每週或每月報表給業務相關人員,很容易就會忘記,而且也很難將重點放在該工具上。但由於分析團隊通常沒有追蹤速度方面的經驗,因此需要開發人員提供協助。開發人員也需要分析團隊的協助,以便計算速度改善後對收益的影響。這些部門最依賴於彼此,而不是一個人可能一開始思考的。
傳送提案給分析團隊
許多個案研究顯示網站速度對收益和跳出率的影響。我們是否可能與您合作為公司設定網站速度追蹤,或者把速度視為利害關係人報告的其中一部分,以便獲得更多的認同?
為與分析團隊開會
- 定期追蹤速度。建議將 API 與 Lighthouse CI、PageSpeed Insights 或 WebPageTest 等工具搭配使用,這樣就能在受管研究室設定中定期收集統計資料,輕鬆針對不同時間範圍進行基準測試。
- 將速度的價值轉交給分析團隊,並詢問他們是否能執行分析,讓您可以在會議期間準備好分析圖表。
與分析團隊見面
- 查看根據速度值建立的圖表。相對行動轉換率是追蹤速度影響和網站改善情況的方法之一。詢問分析團隊是否願意開始追蹤
- 判斷 Google Analytics (分析) 中的載入時間指標是否足以製作簡化業務報表。 「速度值」使用這項指標。許多開發人員都知道,這只是眾多重要的速度指標之一,而這只是 Google Analytics (分析) 中的欄位資料,而非研究室資料。但是,這樣是否足以用於簡化業務報表? 查看上方分析的結果,看看是否可能在載入時間過長的 2 到 3 個月內,觀察到行動轉換率是否下降,以及當 2 到 3 個月的載入時間降低時,相對行動裝置轉換率是否上升。如果載入時間保持穩定,除非您大幅改善速度,否則很難確定分析是否有效。如果答案為是,請採取下一個替代方案。
- 針對開發人員使用的速度指標顯示圖表。向分析團隊進行說明,看看您是否發現轉換率或行動裝置相對轉換率。
- 讓分析團隊有時間思考如何利用速度計算與收益相關的收益,以及如何向相關人員回報這個問題。這通常是他們的新主題。然後再次開會,並試著採用同意的方式。和往常一樣,您必須修改資料收集作業,直到找到合適的項目為止,但這是開始合作的好方法。
後續步驟
在速度專案有大幅改善之後,請要求數據分析團隊執行速度的價值中所述的分析。該公司將向公司顯示自身帶來的轉換次數和收益增加的情形,藉此獎勵貴團隊以及與您合作的所有部門。這類報告可以附上在給相關人員的每週報告中,因此專案不會成為一次性的努力,而是會持續進行維護。