修正跨部門的網站速度

其他部門如何協助網站速度最佳化專案締造更出色的成效。

Lina Hansson
Lina Hansson
X 首頁

網站速度的常見迷思之一，就是開發團隊肩負重責大任。事實上，網站載入速度快需要多個部門的協助。開發人員幾乎不可能單憑己力解決問題，那麼該如何與同事一起加快速度呢？本文將說明如何 (做為網頁程式開發人員) 讓貴公司達成網站速度優先要務、由不同部門尋求協助，同時進行最佳化，以及提高對最佳化專案成效的認識。

由業務相關人員協助修正速度

許多公司都正面臨著消費者行為的干擾，在數位平台 (而非實體商店) 上消費的人口成長中，也表示公司必須迅速進行調整，否則收益可能會下滑。這需要新的組織程序與思維，並需要利害關係人堅持，才能順利進行。

共同挑戰

公司的管理方式很可能需要在幾個層級內改變。首先，速度專案 (即有機會創造的收益可能增加) 很難在沒有開發人員花時間處理的情況下提升成效。資源分配需要設置，而且與行銷和網頁設計人員等其他部門 (如行銷和網頁設計人員) 合作，如果相關人員和高階主管指出專案的優先順序是優先專案，就能更順暢地協同合作。

除了這個作業層級以外，利害關係人也務必瞭解，目前有兩項轉變：

換句話說，如果公司能根據數位平台專家的工作做出執行決策，就會有優勢。有一種建議可以邀請某位開發人員參加開會業務決策的會議，確保我們從一開始就將網站及其限制納入考量，進而保障增加的銷售量。

傳送提案給相關人員

一般來說，約 10% 的銷售活動都發生在數位平台，但研究顯示，最多有 85% 的實體商店銷售行為會先受到數位影響。對我們來說，擁有成效良好的網站，尤其是在行動裝置 (使用者也成為主要裝置) 上的網站，對我們公司的收益來說至關重要。我們提議推出速度專案，協助網站提高轉換，並設定通訊串流，以便妥善運用技術團隊的洞察資訊，再著手進行會影響網站的決策。

為與相關人員開會的準備

與利害關係人交流前，請務必備妥網站與競爭對手網站的資料，以及可證明建議調整可帶來高投資報酬率的資料。收集速度與速度重要性的資料。最好的情況是與公司的收益有關。方法如下：

  • 計算相對行動裝置轉換率。 請與您的分析團隊合作，按照「速度價值」一文的說明執行分析。如果您過去有一段時間 (至少 2-3 個月) 的載入時間遠高於另一個長度相同的時段，那麼網站速度變慢通常對行動轉換造成重大影響。透過分析，您可以計算在速度較差的期間，公司損失了多少收益，證明速度的價值。如果載入時間維持差不多，分析就會變得困難，而下列替代方案可以提供更多答案。
  • 根據統計模型估算速度值。您可以使用 Google 的 TestMySite 進行測試，然後計算速度提升網站對業務的影響。您只需要提供每月平均訪客人數、轉換率和平均訂單價值等資料，分析團隊就能協助您。
  • 提供最佳做法個案研究。 此外，您也可以利用其他公司的案例，這些公司提升網站速度與成效。 網頁載入時間對轉換率的影響：12 份個案研究提供了幾個範例。
  • 說明行動裝置的重要性。 要求分析團隊提供資料，瞭解行動裝置和電腦帶來的流量百分比。
  • 瞭解相關費用。上述計算方法能讓相關人員向利害關係人展示速度可能提升的收益，但為了讓利害關係人做出決策需要知道投資報酬率，因此如果已準備好預估成本，就能更快達成執行決策。因此請評估初始聚焦速度專案需要多少時間，以及之後需要多少時間進行維護。舉例來說，在快速思考：TUI 打破隔閡，加快網站速度時，開發人員已省下 20% 的時間，浪費在待處理記錄檔和活動中，因此能用於加快專案速度，以及其他改善網站的方式。

和相關人員開會

  • 呈現行動裝置和電腦分別帶來多少流量，以及近幾年來行動裝置帶來的成長。展現出提供良好行動體驗的重要性。
  • 展現速度對公司收益的影響。
  • 讓利害關係人知道開發人員如果會有時間保持運作，開發人員可以協助提高行動裝置訪客的收益。
  • 建議開發團隊應邀請開發團隊成員參加高階主管會議，並對網站做出決策。如今我們透過數位平台銷售產品得獎的是開始與數位專家溝通的公司。現代公司必須在部門之間，以及相關人員與開發人員之間設定通訊串流。哈佛商業評論的研究顯示，有六個 IT 專案的費用超過 200%。例如 Kmart 在 2000 年開始進行 $14 億美元的 IT 現代化專案時，就失去了對 Walmart 和 Target 的競爭位置。藉由及早設置溝通和維護作業，資料孤島可能會受到影響，而知識共享將成為競爭優勢。

讓行銷團隊協助您提高速度

共同挑戰

行銷團隊需要工具來處理廣告和資料，才能做出明智的決策，但大多數工具都會拖慢網站速度，而且經常導入會妨礙顯示的指令碼，因此進入網站的訪客必須等待畫面上出現任何內容。因此，市場上必須取得平衡；行銷部門需要資料和工具，但想要維持低跳出率和高轉換率的網站，就必須加快速度，才能讓行銷投資獲得良好的投資回報。

請謹慎使用指令碼，以便達到平衡：

  • 避免重複測量大致相同事物的重複項目。
  • 移除不再使用的工具，
  • 不要評估「實用」一詞。只評估重要業務項目。

由於開發人員很難知道行銷部門的依賴性，且行銷部門可能不知道哪些工具對網站特別複雜，因此您必須協同合作。

傳送提案給行銷團隊

用於追蹤和廣告的工具通常會阻止訪客進入網站時看到內容的速度。這能降低行銷投資的價值，因為我們支付了廣告費用，使用者會感興趣，之後點擊廣告後必須等待一段時間。這可能會讓他們感到厭煩。一項研究發現，當速度指標「Time to Interive」從 0.15 至 0.3 秒時，轉換率會從 50% 下降到 35% 左右。我們能一起解決這個問題，在必要工具與網站效能之間取得平衡，提高行銷投資的投資報酬率嗎？

為與行銷團隊開會的準備工作

  • 建立在網站上實作的指令碼清單。
  • 將清單傳送給行銷團隊，請他們事先查看內容，並按以下三個類別分類：
    • 重要業務。這些指令碼必須保持不變。
    • 建議內容。可能較少或移除的指令碼。舉例來說，公司有時會收集熱視圖或螢幕錄影，但這些資料只會在不常審查的情況下進行，不會導致使用者採取行動或提高轉換次數。在這類情況下，最好同意只執行兩週 (例如) 兩週、收集深入分析進行分析，然後清除指令碼，直到下個重點的資料收集時間為止。
    • 未使用或未擁有。請將其移除。
  • 比較每個指令碼與沒有網頁速度的網站速度，藉此確認每個指令碼拖慢網站速度的方式。 您可以在 WebPageTest 中透過「進階設定」中的「封鎖」分頁進行設定。也可以在 Chrome 開發人員工具中封鎖網路要求。

與行銷團隊會談

  • 瀏覽指令碼清單，並檢視每個指令碼。 例如，是否有任何建議包含的指令碼會嚴重損害網站效能？透過接收建議，行銷團隊可以更輕鬆地決定優先順序，並瞭解他們的看法對業務至關重要。
  • 討論下列主題：
    • 系統收集的資料帶來的效益，是否導致轉換次數升幅超過網站速度變慢造成的降幅？資料能做為決策依據。
    • 貴公司是否選擇了市面上速度最快的工具的供應商？行銷部門可能需要開發人員的協助，才能瞭解能否用更快的替代方案取代重要的業務工具。
    • 網站上是否有任何指令碼還有其他替代方案？舉例來說，與其使用熱視圖，您也可以試著開始執行可用性測試，藉此瞭解使用者行為背後的「原因」，往往有助於獲得更深入的分析。

同意後續步驟

  • 決定日後的程序。行銷在導入前是否應一律請開發人員檢查新工具，以及這些工具對速度的影響？還是應該設定效能預算，也就是學習如何檢查速度？只要達到速度目標，就能優先採用需要的工具？

與網頁設計團隊合作解決速度問題

網路效能的最大挑戰之一，是儘管許多地區的連線速度都可能提升，但網站效能越來越高，實際上也比較慢。如要解決這個問題，開發人員必須與網頁設計人員合作。

共同挑戰

最終，公司中的所有部門通常取決於帶來轉換的網站，無論是創造收益還是其他事務都一樣。而且，最重要的是，即使網頁必須經過很長的時間載入，導致使用者不會一直停留查看，它才是美觀的目標。

不過，精簡的網頁也是共同的責任。開發人員可使用多種圖片最佳化技術來加快圖片載入速度網頁設計人員可以建立網頁，協助將網頁權重維持在公認層級以下。

傳送提案給網頁設計團隊

研究顯示，圖片較少與元素較少的網頁能帶來較多轉換。舉例來說，Google 和 SOASTA 的研究發現，已轉換使用者的工作階段的圖片比未轉換的工作階段少 38%。我們能否攜手達成速度目標，並攜手打造有助於提高網站轉換率的聯合合作？舉例來說，我們可以共同達成多項目標，包括找出適當等級的圖片壓縮，並在品質和速度之間取得平衡，或是減少複雜的版面配置或功能 (導致經常造成載入速度緩慢的網站) 的情況。

為與網頁設計團隊開會的會議做好準備

  • 追蹤網站上哪些網頁的載入時間最長、網頁權重最高。舉例來說，如果您經營的是電子商務網站，請確保您檢查的不僅是首頁，還有廣告活動頁面、最大型的類別網頁、一些產品網頁，以及結帳程序。
  • 為設計者準備效能預算提案。替代的替代方法是盡可能簡單使用網頁權重做為指標，並將所有頁面的目標設為 1 MB (如果品牌宣傳對轉換如此重要，則為 1.5 MB)。
  • 準備哪些網頁最終會高於目標網頁權重。

認識您的網頁設計團隊

  • 致力於調查開發團隊如何透過各種圖片最佳化技巧加快圖片提交速度，這些技巧包括圖片壓縮、回應式圖片、圖片大小調整、延遲載入、快取和伺服器最佳化。
  • 建立測試頁面，並以不同的圖片品質和尺寸發布圖片，達成協議，才能在不同螢幕的效能和品質之間取得平衡。請注意，使用行動裝置的訪客通常工作階段較短，一項研究顯示，有超過一半的行動工作階段在 30 秒內。這些使用者可能無法深入研究圖片，且可能會偏好網站載入速度較快。
  • 建議效能預算，讓網頁設計人員務必確保所有網頁的權重低於 1 MB (或不超過 1.5 MB)。

由數據分析團隊協助您解決速度問題

企業需要運用資料瞭解該為重點，以及製定決策。雖然許多公司都提到網站速度的重要性，以及網站速度與收益和銷售之間的關係，但有許多公司未在技術團隊以外的每週報表中納入速度資料。如果開發人員開始與分析團隊合作，則可變更這項設定。

共同挑戰

事實上，未報告的內容不會聚焦。如果網站速度沒有每週或每月向業務利益相關者報告，就很容易忘記了網站速度，您很難有投入資源來專注於這項工作。但由於分析團隊通常對追蹤速度沒有一定的經驗，因此需要開發人員的協助。而開發人員將需要分析團隊的協助，才能計算速度提升對收益的影響。這些部門更容易依附 彼此，不會一概而論

傳送提案給分析團隊

許多個案研究都顯示網站速度對收益和跳出率的影響。我們能否合作為本公司設定網站速度追蹤，也許能為利害關係人提供速度相關報告，以獲得更多客戶認同？

為與分析團隊開會的會議做好準備

  • 定期追蹤速度：建議您將 API 與 Lighthouse CI、PageSpeed Insights 或 WebPageTest 等工具搭配使用，方便您在控管的研究室設定中定期收集統計資料，輕鬆針對不同時間範圍進行基準測試。
  • 將速度的價值轉給分析團隊，並詢問他們是否能執行分析，以便在會議期間分析圖表。

與數據分析團隊會談

  • 查看根據「速度的值」建立的圖表。 相對行動轉換率是追蹤速度影響和網站改善成效的其中一種方法。詢問分析團隊是否願意開始追蹤這項活動。
  • 判斷 Google Analytics (分析) 中的載入時間指標是否足以製作精簡的業務報表。 速度值會使用這項指標。許多開發人員都知道，這只是許多重要的速度指標之一，而且在 Google Analytics (分析) 中，它也可以是現場資料，而非研究室資料。不過，這項工具是否足夠適用於簡化的業務報表？ 請查看上述分析結果，看看在至少 2 到 3 個月載入時間偏高的情況下，是否可觀察到相對行動裝置轉換率下降，以及 2-3 個月載入時間較低時，相對行動轉換率是否上升。如果您的載入時間維持穩定，那麼在速度提升之前，將很難知道分析是否有效。若是如此，請換下一個替代項目
  • 顯示開發人員所用速度指標的圖表。請向分析團隊說明，看看您發現的轉換率或相對行動裝置轉換率是否相關。
  • 讓分析團隊思考如何用速度來計算收益，以及如何向利害關係人回報這個問題。這通常是他們的新主題。 然後再次見面，並嘗試您認同的做法。一如往常，您需要修改資料收集方式，直到找到合適的合適項目為止，但這是展開合作的好方法。

後續步驟

在速度專案促成大幅改善後，請要求您的分析團隊執行「The value ofSpeed」(速度的價值) 一節所述的分析作業。讓公司知道該公司獲得多少轉換和收益，可獎勵您的團隊及所有與您合作的部門。您可以在每週報告中納入相關人員的每週報告，因此專案並非一次性的處理，而是會持續維護。