氣象頻道

天氣頻道詳細資料

摘要

The Weather Channel 運用 Progressive Web App 成功使行動版網站獲得成功,並在 178 個國家/地區推出 62 種語言版本。

成果

  • 漸進式網頁應用程式,目前支援 62 種語言,並支援 178 個國家/地區
  • 載入時間縮短 80%
  • 由於測試成功的全球性測試結果,該團隊在 2017 年將 PWA 擴展到美國的美國網站

下載 PDF 個案研究

關於 The Weather Channel

The Weather Channel 自 1980 年代以來持續進行預測,現在為世界各地的人們 透過許多平台提供服務它是 weather.com 網站 提供來自各個國家/地區的流量,也是美國前 20 名的網站此外,IBM Business 的母公司 The Weather Company 每天平均處理 400 億次的預測要求,協助人們規劃每日生活,並根據天氣做出更明智的決策。

挑戰

The Weather Channel 始終採用最先進的技術,讓這項服務成為天氣報告的首選平台。團隊的目標是在關鍵時刻提供及時準確的資訊。天氣波動,而且在人們需要時傳送重要資料並不容易,因此團隊也希望改善自家的行動網路體驗。

以行動裝置來說,The Weather Channel 已向原生應用程式使用者推送了一段時間的重要資訊。但這只佔行動裝置流量的一半,另外 50% 是透過行動網路存取他們的網站。針對使用者未搭載最新智慧型手機、沒有穩定的連線能力,或是下載應用程式會帶來高額費用的市場,行動版網站也是極為重要的探索入口網站。

天氣希望能循序漸進地使用網頁應用程式技術,以循序漸進的方式解決這個問題。團隊致力在惡劣情況下,打造出即時天氣通知的網站,最棘手的問題是在惡劣天氣發生時建立瀏覽器推播通知。他們也想與未下載應用程式、但可能受到惡劣天氣影響的行動使用者再次互動。

解決方法

為了快速調度資源,The Weather Channel 針對 Android 與 Chrome 電腦版的行動裝置使用者,實作了推播通知。這種使用體驗看起來和感覺就像原生應用程式,即使瀏覽器未執行也沒問題。該團隊運用稱為 Service Worker 的技術,快速提供離線處理及傳送訊息。短短三個月內,The Weather Channel 就有將近 1 百萬名使用者選擇接收網路推播通知,其中有 52% 是來自行動裝置。

成功測試推送後,他們會完整完成建構漸進式網頁應用程式 (PWA)。由於美國網站十分複雜,天氣因此先轉向國際網站,如今已在 178 個國家/地區推出漸進式網頁應用程式,提供 62 種語言版本。將網站升級至 PWA 後,他們的載入時間縮短 80%。

Weather Channel 的市場遍及全球,因此,隨著這個做法,當我們擴大使用者族群時,關鍵就在於利用其當地語言,為世界各地的使用者提供最可靠的天氣資訊,提供 PWA 體驗。在技術層面上,他們透過單一程式碼集支援超過 60 種語言,可以有效達到這個目標。

Weather.com 網站開發部門副總裁 Wendy Frazier 表示:「網站體驗 (尤其是天氣預報和通知) 必須及時且與內容相關,並且適時提供最相關的資訊。」我們也使用最創新的技術, 協助使用者瞭解正在前往哪個平台的天氣。」

她補充道:「這是我們第一次可以在任何地方觸及人們,這讓我們的使命 擴展了保護大眾的安全及瞭解相關資訊。」「能夠達成這項目標相當值得,不過只要為當地曝光,並以當地語言提供與使用者的關聯性,就夠了。我們擁有最準確的預測和最優質的資料,而漸進式技術讓我們能夠在使用者偏好的體驗中提供天氣資訊。」