個案研究
發揮 CSS 容器查詢的強大功能:Netflix 團隊的經驗
本個案研究說明 Netflix 採用容器查詢的好處。
Tokyu 如何透過密碼金鑰,讓登入速度提升 12 倍
瞭解東京市的鐵路公司 Tokyu 如何使用密碼金鑰快速登入 12 倍,每天協助數千名通勤者。
為何 Google 試算表將其計算工作站從 JavaScript 移植到 WasmGC
Google 試算表的計算程序最初是在伺服器上完成,再由用戶端以 JavaScript 執行,現在則改在 WebAssembly 垃圾收集機制中完成。此個案研究會說明做法和原因。
更流暢、更全面的控管功能:Google Meet 如何改善音訊和視訊權限
本個案研究說明 Google Meet 團隊如何改善權限,以及對使用者帶來的影響會議滿意度
BILIBILI 選擇了 MediaPipe' 裝置端網路 AI 解決方案,改善影片串流的使用者體驗,同時使工作階段持續時間增加 30%
瞭解網路如何實現沉浸式 3D 體驗,協助客戶瞭解及探索實體產品。
Disney+ Hotstar 如何把 INP 減少 61%,讓客廳裝置上的每週卡片觀看次數增加 61%
瞭解 Disney+;Hotstar 是智慧型電視與機上盒裝置適用的應用程式,如何大幅降低觀眾參與度,大幅提升觀眾參與度。
透過 Google 硬體在網頁上推出互動式 3D 體驗:新一代產品教育體驗
瞭解網路如何實現沉浸式 3D 體驗,協助客戶瞭解及探索實體產品。
PubTech' 同意聲明管理平台將客戶網站的 INP 減少多達 64%,同時使廣告可視度提升多達 1.5%
PubTech' 同意聲明管理平台將客戶網站的 INP 減少多達 64%,同時使廣告可視度提升多達 1.5%
隨處提供好記
過去兩年來,Goodnotes 工程團隊正在進行一項專案,將這款成功的 iPad 筆記應用程式拓展至其他平台。本個案研究探討了該年度在 2022 年推出的 iPad 應用程式,如何使用網頁技術和 WebAssembly 開發網站、ChromeOS、Android 和 Windows,並重複使用該團隊所開發的相同 Swift 程式碼。
CapCut 使用 WebAssembly 和 WebCodecs 打造功能完整的網頁應用程式,讓自然流量增加 83%
看看行動版目前市面上最熱門的影片編輯應用程式之一,如何打造出功能完備的網頁版。
內容推薦供應商 Taboola 如何使用 LoAF,為發布商合作夥伴網站改善高達 36% 的 INP。
內容推薦供應商 Taboola 如何使用 LoAF,為發布商合作夥伴網站改善高達 36% 的 INP。
運用網路技術輔助插圖:pixiv 如何在繪圖應用程式上運用網頁技術
pixiv 是線上社群服務,供插畫家和插畫愛好者透過內容彼此交流。讓使用者發布自己的插圖。截至 2023 年 5 月,他們在全球擁有超過 8400 萬名使用者 ,並發布超過 1 億 件藝術作品。 pixiv Sketch 是 pixiv 提供的服務之一。這項功能可讓使用者使用手指或觸控筆在網站上繪製圖片。它支援多種功能,可繪製精彩的插圖,包括多種筆刷、圖層和桶子繪圖,還可讓使用者直播繪圖過程。 在本案例研究中,我們將探討 pixiv Sketch 如何運用 WebGL、WebAssembly 和
Tokopedia 如何運用機器學習技術改善賣家網頁應用程式,進而降低營運成本
本文說明 Mitra Tokopedia 如何運用機器學習技術改善賣家的網頁應用程式,進而降低營運成本。
Trendyol 指出 INP 減少 50% 的方式,使點閱率提升 1%
本個案研究將逐步說明如何運用 PageSpeed Insights (PSI)、Chrome 開發人員工具和 scheduler.yield API,在 React 採用的 React 中,逐步偵錯及改善 INP。
Kiwix PWA 如何讓使用者儲存網際網路上的 GB 資料以供離線使用
本個案研究探討非營利組織 Kiwix 如何採用漸進式網頁應用程式技術和 File System Access API,讓使用者下載及儲存大型網際網路封存檔案供離線使用。
Yahoo!JAPAN 將密碼金鑰採用率提高至 11%,並降低簡訊動態密碼費用
瞭解 Yahoo!JAPAN' 改善密碼金鑰採用率和使用者體驗的做法。
Terra 如何運用預先擷取功能,將廣告點閱率提升 30%,並加速最大內容繪製速度。
預先擷取是一種技術,可透過下載資源 (甚至是整個網頁) 加快網頁載入速度,不久後使用者可能會用到。研究顯示,載入時間越快,轉換率越高,轉換率就會越好。
往返快取如何協助 Yahoo!JAPAN News 在行動裝置上將收益提高 9%
Yahoo! JAPAN News 是日本最受歡迎的新聞平台之一,不但成功提高影格速率,也帶來了顯著的使用者體驗和企業改善成效。具體來說,他們執行的 A/B 測試結果顯示,使用 bfcache 的網頁廣告收益提升了 9%。
RedBus 如何改善網站's Interaction to Next Paint (INP) 和銷售量提升 7%
INP 最佳化措施讓 redBus 的銷售量增加了約 7%
經濟時間修正 INP
將 TBT 減少 30 倍並遷移至 Next.js 之後,Ecomonic Times 的 INP 降低了將近四倍,跳出率則降低 50%,網頁瀏覽量則增加 43%。
《Slow Roads》如何吸引遊戲玩家和開發人員,並強調瀏覽器中 3D 令人驚豔的功能
進入這款休閒駕駛遊戲的無限美景,探索 WebGL 的潛力。 慢路道路 是休閒駕駛遊戲,著重於程序無止盡的場景,且全部都在瀏覽器中以 WebGL 應用程式 代管。對許多人來說,這種密集體驗似乎在瀏覽器使用情境有限的情況下無法派上用場;事實上,解決這個不利的體驗確實是我這項專案的目標之一。本文將詳細說明我曾為我的使命找到效能障礙的幾項技術,重點是在網路上呈現 3D 技術可能讓人眼花撩亂的潛力。
打造更優質的網路環境:更快速的 YouTube
這是第一系列的單元 1:打造更棒的 YouTube 網路。
Rakuten 24';針對網站體驗核心指標進行投資,將每位訪客收益提升 53.37%,轉換率則提高 33.13%
透過評估實際使用者人數,Rakuten 24 也發現,大幅提升內容繪製 (LCP) 成效後,轉換率可提升 61.13%。
GoDaddy's 網站 + 行銷服務如何將客戶網站體驗核心指標提升 75%
這份報告探討 GoDaddy 採取了哪些變更措施,改善數百萬個網站的網站效能,進而提升 PageSpeed Insights 和網站體驗核心指標的分數。
豪華零售商 Farfetch 的轉換率更高,網站體驗指標就會提升
豪華零售商 Farfetch' 如何投資網站體驗核心指標來改善業務成果。
Yahoo! JAPAN's 免密碼驗證的做法減少了 25% 的提問,登入時間減少 2.6 倍
Yahoo! JAPAN 導入了無密碼的身分識別系統。瞭解他們的做法和付出的努力。
RebelMouse 如何運用網站體驗核心指標提升忠誠度和參與度
這份個案研究旨在評估網站體驗核心指標的整體成效分數及其整體影響與效益。
Adobe Experience Manager 搭配 WorkBox 的現代化網路體驗
漸進式網頁應用程式可充分發揮新式網路的功能。Adobe 使用了 Workbox 將這類功能導入 Adobe Experience Manager。
MishiPay';PWA 提升了交易 10 倍,並省下 2.5 年的佇列
瞭解 MishiPay's PWA 如何將交易次數提升 10 倍,並節省 2.5 年的佇列。
《The Economic Times》(經濟時間) 如何通過網站體驗核心指標的要求,同時達到整體跳出率提高 43% 的水準
在 The Economic Times 網站上最佳化網站體驗核心指標,大幅提升了使用者體驗,並大幅降低整個網站的跳出率。