RUMvision 如何將基準資訊與 RUM 資料整合。

• 基準
• 個案研究

瞭解 Ray-Ban 如何使用 Speculation Rules API 改善 LCP，以及這如何改善 Ray-Ban 的電子商務平台業務成效。

• 個案研究
• JavaScript

QuintoAndar 將 Interaction to Next Paint (INP) 縮短 80%，大幅改善網站成效，轉換量也因此年增 36%。

• 個案研究
• JavaScript

本個案研究說明 Netflix 採用容器查詢的好處。

• 個案研究
• CSS
• JavaScript

瞭解東京市的鐵路公司 Tokyu 如何使用密碼金鑰快速登入 12 倍，每天協助數千名通勤者。

• 個案研究
• 密碼金鑰

Google 試算表的計算程序最初是在伺服器上完成，再由用戶端以 JavaScript 執行，現在則改在 WebAssembly 垃圾收集機制中完成。此個案研究會說明做法和原因。

• 個案研究

本個案研究說明 Google Meet 團隊如何改善權限，以及對使用者帶來的影響會議滿意度

• 個案研究

瞭解網路如何實現沉浸式 3D 體驗，協助客戶瞭解及探索實體產品。

• 個案研究

瞭解 Disney&#43；Hotstar 是智慧型電視與機上盒裝置適用的應用程式，如何大幅降低觀眾參與度，大幅提升觀眾參與度。

• 個案研究

瞭解網路如何實現沉浸式 3D 體驗，協助客戶瞭解及探索實體產品。

• 個案研究
• HTML

PubTech' 同意聲明管理平台將客戶網站的 INP 減少多達 64%，同時使廣告可視度提升多達 1.5%

• 個案研究
• JavaScript

過去兩年來，Goodnotes 工程團隊正在進行一項專案，將這款成功的 iPad 筆記應用程式拓展至其他平台。本個案研究探討了該年度在 2022 年推出的 iPad 應用程式，如何使用網頁技術和 WebAssembly 開發網站、ChromeOS、Android 和 Windows，並重複使用該團隊所開發的相同 Swift 程式碼。

• 個案研究

內容推薦供應商 Taboola 如何使用 LoAF，為發布商合作夥伴網站改善高達 36% 的 INP。

• 個案研究
• JavaScript

看看行動版目前市面上最熱門的影片編輯應用程式之一，如何打造出功能完備的網頁版。

• 個案研究

pixiv 是專為插畫師和插畫愛好者打造的線上社群服務，讓他們透過內容彼此交流。讓使用者發布自己的插圖。截至 2023 年 5 月，他們在全球擁有超過 8400 萬名使用者 ，並發布超過 1 億 件藝術作品。 pixiv Sketch 是 pixiv 提供的服務之一。這項功能可讓使用者以手指或觸控筆在網站上繪製圖片。它支援多種功能，可繪製精彩的插圖，包括多種筆刷、圖層和桶塗工具，還可讓使用者直播繪圖過程。 在本案例研究中，我們將探討 pixiv Sketch 如何運用

• 個案研究
• JavaScript
• C

本文說明 Mitra Tokopedia 如何運用機器學習技術改善賣家的網頁應用程式，進而降低營運成本。

• 個案研究
• JavaScript

本個案研究將逐步說明如何運用 PageSpeed Insights (PSI)、Chrome 開發人員工具和 scheduler.yield API，在 React 採用的 React 中，逐步偵錯及改善 INP。

• 個案研究
• JavaScript

本個案研究探討非營利組織 Kiwix 如何採用漸進式網頁應用程式技術和 File System Access API，讓使用者下載及儲存大型網際網路封存檔案供離線使用。

• File System Access API
• 漸進式網頁應用程式
• 個案研究
• HTML
• JavaScript

瞭解 Yahoo!JAPAN' 改善密碼金鑰採用率和使用者體驗的做法。

• 個案研究
• 密碼金鑰

預先擷取是一種技術，可透過下載資源 (甚至是整個網頁) 加快網頁載入速度，不久後使用者可能會用到。研究顯示，載入時間越快，轉換率越高，轉換率就會越好。

• 個案研究
• JavaScript

Yahoo! JAPAN News 是日本最受歡迎的新聞平台之一，不但成功提高影格速率，也帶來了顯著的使用者體驗和企業改善成效。具體來說，他們執行的 A/B 測試結果顯示，使用 bfcache 的網頁廣告收益提升了 9%。

• 個案研究

INP 最佳化措施讓 redBus 的銷售量增加了約 7%

• 個案研究

將 TBT 減少 30 倍並遷移至 Next.js 之後，Ecomonic Times 的 INP 降低了將近四倍，跳出率則降低 50%，網頁瀏覽量則增加 43%。

• 個案研究
• JavaScript

透過這款休閒駕駛遊戲的無限程序化生成景觀，發掘 WebGL 的潛力。 Slow Roads 是一款休閒駕駛遊戲，重點是無限產生的程序化風景，全部以 WebGL 應用程式 形式在瀏覽器中代管。對許多人來說，這種密集的體驗在瀏覽器的有限環境中似乎不太合適，而修正這種態度正是我參與這個專案的目標之一。本文將說明我如何克服成效障礙，並凸顯網路中 3D 技術經常被忽略的潛力，以便達成目標。

• 個案研究

這是第一系列的單元 1：打造更棒的 YouTube 網路。

• 個案研究

透過評估實際使用者人數，Rakuten 24 也發現，大幅提升內容繪製 (LCP) 成效後，轉換率可提升 61.13%。

• 個案研究

這份報告探討 GoDaddy 採取了哪些變更措施，改善數百萬個網站的網站效能，進而提升 PageSpeed Insights 和網站體驗核心指標的分數。

• Core Web Vitals
• 個案研究

豪華零售商 Farfetch' 如何投資網站體驗核心指標來改善業務成果。

• Core Web Vitals
• 個案研究

Yahoo! JAPAN 導入了無密碼的身分識別系統。瞭解他們的做法和付出的努力。

• 個案研究
• HTML
• JavaScript
• 密碼金鑰

這份個案研究旨在評估網站體驗核心指標的整體成效分數及其整體影響與效益。

• 個案研究