臨陣磨槍,血拼季網站優化的最後三板斧

OneAPM官方技術部落格發表於2015-12-01

【編者按】本文作者 Dennis Callaghan 目前就職於 Callaghan&Partners。本文中,作者分享了購物高峰期提高網站效能的三個建議,幫助電商網站解決效能難題,提升使用者體驗,由 OneAPM工程師編譯整理。

血拼季臨近,零售商們需要提升 Web 效能以滿足高峰期的需求。本文提出三個優化建議,包括影像優化等,旨在幫助大家化解黑五的效能難題。

美國的節日購物季即將在感恩節後的週末拉開序幕,於 Cyber Monday 結束。現在,大多數電商網站已經完成網站編寫工作,但為了確保良好的使用者體驗,很多人都正忙著測試其網站效能。即使你和大多數網站一樣正處於code-freeze狀態,仍然可以在最後「抱抱佛腳」,進一步確保網站在購物高峰期,為客戶提供卓越的購買體驗。

我們曾諮詢過多名優秀的網站效能佈道師,在臨近購物季時,是否有一些有助於效能提高和優化的建議。他們其中大多人都幫助過電商大頭們解決過這類問題。下面是我們的總結:

1.訂閱網站加速服務

這是提升網站效能最簡單便捷的做法。使用網站加速服務不需要安裝任何硬體或軟體,也無需更改網站程式碼。它們執行在供應商的私人云中,作為邊緣服務託管在世界各地的主要城市。一旦訂閱,你的網站便可以利用他們的內容交付網路和快取服務,從而減少網路延遲、消除網路瓶頸、優化內容,為跨地區的客戶提供一致的效能體驗。這些服務都是即插即用型,只需要你的網址即可。CDN 公司,如 Akama、Cloudflare、 Fastly、 Instart Logic 和 Verizon Edgecast 等,都能提供 Web 加速服務,在優化的同時還可以防止安全威脅的入侵。一些 CDN 和網站加速服務甚至可以通過 HTTP/2 協議直接網站上執行。

2.優化影像和 HTML

眾所周知,影像太大常常會導致網頁癱瘓。在大多數網頁中,影像仍是最大的內容元素,根據 HTTP Archive 的資料可得,在平均 2.2MB 的網站內容中,影像大約佔 1.4 MB。那麼,影像應該多大才合適呢?對於桌面網站來說,最好不超過 80 KB,而移動網站或應用程式限制在20 KB左右。如果不希望影像被剪裁,可以利用控制檔案大小的免費工具,比如 Image Optimizer、RIOT 和 Site Report Card。

在 Friday/Cyber 的網頁中,優化「滾動條」圖片和「交易」頁面是重中之重——這是使用者們購物的必經之路。

除了影像,網站的其他部分也可以壓縮。在 Web 伺服器上啟用 gzip 壓縮,壓縮所有的 HTML、CSS、XML 和 JavaScript 檔案,可以減少多達 70% 的頻寬將網站檔案傳輸到客戶瀏覽器上。同時,壓縮檔案的載入速度仍比通過 HTTP 傳送未壓縮檔案的速度要快很多。

接下來,還需要確保 HTTP Keep Alive 已啟用並正常工作。它的功能在於允許瀏覽器重用現有的 TCP 連線到伺服器,避免建立新連結增加延遲。

3. 稽核第三方標籤

第三方標籤,無論是廣告、社交媒體或內容服務,都是 Web 效能的潛在陷阱。如果這些第三方服務當機,也會把你的網站拖下水。所以,必須確保標籤的位置以及它們所連結到的第三方服務是安全的。我們建議,在重大購物季來臨時,儘量精簡第三方標籤,因為保證網站的可用性和效能才是當務為急,但也不必完全遮蔽所有廣告。如果它的確會帶來不錯的商業收益,那確保廣告不播放 Flash、視訊或大影像即可。

如果選擇保留廣告標籤,就必須對第三方服務的可用性和效能進行監控,防止它們不會在面對某些區域或使用者當機。

如果你已經採納以上三個建議,在高峰期來臨之前,切記還需對網站進行負載測試,來模擬幾百萬客戶同時訪問對網站效能的衝擊情況。市面上有大量的商業應用可提供模擬服務,比如開源工具 Apache JMeter,之後也可以使用免費的商業軟體 Browser Insight 來定製前端效能監控解決方案,提升網站響應速度。

每年購物季來臨之際,效能問題也會如期而至,可能許多網站還因此而苦苦掙扎。但我們始終相信,前期準備越充分,那麼客戶體驗一定會更好。不妨行動起來,為你的網站效能「添磚加瓦」吧!

原文連結: 3 Last-Minute Tips to Optimize for Black Friday and Cyber Monday

相關文章