為確保您安裝的「代碼管理工具」發揮最佳效能,最好的方法就是避免在每個容器中使用過多的代碼。如果容器中有大量代碼、觸發條件及/或已定義變數,或有大量自訂 HTML 代碼,代碼管理工具的「版本」頁面上可能就會顯示「大小」指標;如果指標值超過 70%,建議您採取行動調整容器設定。
清理容器
將多個類似但設定略有不同的代碼併成一個代碼,並使用變數動態設定特定欄位的值。舉例來說,假設您有 10 個類似的代碼,每個代碼各有 1 個用於 10 個不同頁面的觸發條件。那麼,您可以將這 10 個代碼併成 1 個代碼/觸發條件組合,根據對照表變數設定相關欄位的值。
請移除所有不必要的代碼和變數。如果某個代碼、觸發條件或變數從未使用,代表該項目並無在容器中占據空間的必要。
雖然使用「對照表變數」合併代碼是個好辦法,但過長的對照表也一樣會降低效能。在多數情況下,您可以運用規則運算式表格變數縮減太長的對照表變數。
將跨多個網站 (或超大型網站的區塊) 的大型容器分割為較小的容器;360 客戶可以使用區域功能有條件地載入多個容器。謹慎使用自訂程式碼
減少或避免使用自訂 HTML 標記和自訂 JavaScript 變數。多數情況下,使用支援的代碼範本更有效率。如果情況允許,建議直接使用內建的代碼範本、觸發條件和變數,盡量避免自訂程式碼。
如果您有必要使用自訂 HTML 代碼和/或 JavaScript 變數,請設法改善程式碼的執行效能。
避免在 Google 代碼管理工具中加入靜態 JavaScript 程式碼。靜態 JavaScript 在外部檔案中可由 CDN 供應,並可在網路瀏覽器中快取,運作上會更有效率。
導入伺服器端代碼
如果您需要在網站上維護大量代碼,不妨考慮將部分代碼移至標記伺服器。
伺服器端代碼提供下列好處:
- 大幅減少使用者瀏覽器中載入的第三方程式碼數量,進而改善網頁速度。
- 瀏覽器不再需要直接與供應商網域通訊,因此可制訂更嚴格的內容安全政策。
- 系統可以從發送給供應商的資料中移除個人資料 (例如使用者的 IP 位址),加強保障隱私權。
- Cookie 是在您自己的網域進行設定,且不是由網頁上的 JavaScript 設定,這使 Cookie 變得更安全可靠。
如果您想要自行試用伺服器端代碼,請參加免費課程:伺服器端代碼基礎知識。