【編者按】本文作者DennisCallaghan目前就職於Callaghan&Partners。本文中,作者分享了購物高峰期提高網站效能的三個建議,幫助電商網站解決效能難題,提升使用者體驗,由 OneAPM工程師翻譯。
以下為譯文
血拼季臨近,零售商們需要提升Web效能以滿足高峰期的需求。本文提出三個最佳化建議,包括影像最佳化等,旨在幫助大家化解黑五的效能難題。
美國的節日購物季即將在感恩節後的週末拉開序幕,於CyberMonday結束。現在,大多數電商網站已經完成網站編寫工作,但為了確保良好的使用者體驗,很多人都正忙著測試其網站效能。即使你和大多數網站一樣正處於“code-freeze”狀態,仍然可以在最後“抱抱佛腳”,進一步確保網站在購物高峰期,為客戶提供卓越的購買體驗。
我們曾諮詢過多名優秀的網站效能佈道師,在臨近購物季時,是否有一些有助於效能提高和最佳化的建議。他們其中大多人都幫助過電商大頭們解決過這類問題。下面是我們的總結:
1.訂閱網站加速服務
這是提升網站效能最簡單便捷的做法。使用網站加速服務不需要安裝任何硬體或軟體,也無需更改網站程式碼。它們執行在供應商的私人云中,作為邊緣服務託管在世界各地的主要城市。一旦訂閱,你的網站便可以利用他們的內容交付網路和快取服務,從而減少網路延遲、消除網路瓶頸、最佳化內容,為跨地區的客戶提供一致的效能體驗。這些服務都是即插即用型,只需要你的網址即可。CDN公司,如Akama、Cloudflare、Fastly、InstartLogic和VerizonEdgecast等,都能提供Web加速服務,在最佳化的同時還可以防止安全威脅的入侵。一些CDN和網站加速服務甚至可以透過HTTP/2協議直接網站上執行。
2.最佳化影像和HTML
眾所周知,影像太大常常會導致網頁癱瘓。在大多數網頁中,影像仍是最大的內容元素,根據HTTPArchive的資料可得,在平均2.2MB的網站內容中,影像大約佔1.4MB。那麼,影像應該多大才合適呢?對於桌面網站來說,最好不超過80KB,而移動網站或應用程式限制在20KB左右。如果不希望影像被剪裁,可以利用控制檔案大小的免費工具,比如ImageOptimizer、RIOT和SiteReportCard。
在Friday/Cyber的網頁中,最佳化“捲軸”圖片和“交易”頁面是重中之重——這是使用者們購物的必經之路。
除了影像,網站的其他部分也可以壓縮。在Web伺服器上啟用gzip壓縮,壓縮所有的HTML、CSS、XML和JavaScript檔案,可以減少多達70%的頻寬將網站檔案傳輸到客戶瀏覽器上。同時,壓縮檔案的載入速度仍比透過HTTP傳送未壓縮檔案的速度要快很多。
接下來,還需要確保HTTPKeepAlive已啟用並正常工作。它的功能在於允許瀏覽器重用現有的TCP連線到伺服器,避免建立新連結增加延遲。
3.稽核第三方標籤
第三方標籤,無論是廣告、社交媒體或內容服務,都是Web效能的潛在陷阱。如果這些第三方服務當機,也會把你的網站拖下水。所以,必須確保標籤的位置以及它們所連結到的第三方服務是安全的。我們建議,在重大購物季來臨時,儘量精簡第三方標籤,因為保證網站的可用性和效能才是當務為急,但也不必完全遮蔽所有廣告。如果它的確會帶來不錯的商業收益,那確保廣告不播放Flash、影片或大影像即可。
如果選擇保留廣告標籤,就必須對第三方服務的可用性和效能進行監控,防止它們不會在面對某些區域或使用者當機。
如果你已經採納以上三個建議,在高峰期來臨之前,切記還需對網站進行負載測試,來模擬幾百萬客戶同時訪問對網站效能的衝擊情況。市面上有大量的商業應用可提供模擬服務,比如開源工具ApacheJMeter。
每年購物季來臨之際,效能問題也會如期而至,可能許多網站還因此而苦苦掙扎。但我們始終相信,前期準備越充分,那麼客戶體驗一定會更好。不妨行動起來,為你的網站效能“添磚加瓦”吧!