檔案和目錄模式
用於處理檔案和目錄的一組常見模式。
- 運用實際使用者資料，讓基線資料可做為行動依據
- 發揮 CSS 容器查詢的強大功能：Netflix 團隊的經驗
- Tokyu 如何透過密碼金鑰，讓登入速度提升 12 倍
- 為何 Google 試算表將其計算工作站從 JavaScript 移植到 WasmGC
- 更流暢、更全面的控管功能：Google Meet 如何改善音訊和視訊權限
- BILIBILI 選擇了 MediaPipe' 裝置端網路 AI 解決方案，改善影片串流的使用者體驗，同時使工作階段持續時間增加 30%
- Disney+ Hotstar 如何把 INP 減少 61%，讓客廳裝置上的每週卡片觀看次數增加 61%
- 透過 Google 硬體在網頁上推出互動式 3D 體驗：新一代產品教育體驗
- PubTech' 同意聲明管理平台將客戶網站的 INP 減少多達 64%，同時使廣告可視度提升多達 1.5%
- 隨處提供好記
- 內容推薦供應商 Taboola 如何使用 LoAF，為發布商合作夥伴網站改善高達 36% 的 INP。
- CapCut 使用 WebAssembly 和 WebCodecs 打造功能完整的網頁應用程式，讓自然流量增加 83%
- 運用網路技術輔助插圖：pixiv 如何在繪圖應用程式上運用網頁技術
- Tokopedia 如何運用機器學習技術改善賣家網頁應用程式，進而降低營運成本
- Trendyol 指出 INP 減少 50% 的方式，使點閱率提升 1%
- Kiwix PWA 如何讓使用者儲存網際網路上的 GB 資料以供離線使用
- Yahoo!JAPAN 將密碼金鑰採用率提高至 11%，並降低簡訊動態密碼費用
- Terra 如何運用預先擷取功能，將廣告點閱率提升 30%，並加速最大內容繪製速度。
- 往返快取如何協助 Yahoo!JAPAN News 在行動裝置上將收益提高 9%
- RedBus 如何改善網站's Interaction to Next Paint (INP) 和銷售量提升 7%
- 經濟時間修正 INP
- 《Slow Roads》如何吸引遊戲玩家和開發人員，並強調瀏覽器中 3D 令人驚豔的功能
- 打造更優質的網路環境：更快速的 YouTube
- Rakuten 24'；針對網站體驗核心指標進行投資，將每位訪客收益提升 53.37%，轉換率則提高 33.13%
- GoDaddy's 網站 + 行銷服務如何將客戶網站體驗核心指標提升 75%
- 豪華零售商 Farfetch 的轉換率更高，網站體驗指標就會提升
- Yahoo! JAPAN's 免密碼驗證的做法減少了 25% 的提問，登入時間減少 2.6 倍
- RebelMouse 如何運用網站體驗核心指標提升忠誠度和參與度
- Adobe Experience Manager 搭配 WorkBox 的現代化網路體驗
- MishiPay'；PWA 提升了交易 10 倍，並省下 2.5 年的佇列
- 《The Economic Times》(經濟時間) 如何通過網站體驗核心指標的要求，同時達到整體跳出率提高 43% 的水準
- Terra 如何運用深色模式來提高使用者參與度
- QuintoAndar 如何改善網頁效能，進而提高轉換率和單次工作階段頁數
- Kapwing：功能強大的網路影片編輯工具
- SVGcode：將光柵圖片轉換為 SVG 向量圖形的 PWA
- 改善 Mail.ru 首頁的網站體驗核心指標資料，轉換率平均提升 10%
- Renault 如何透過評估及最佳化「最大內容繪製」來提升跳出率和轉換率
- Swappie 如何運用網站體驗核心指標，將行動收益提升 42%
- 網站體驗核心指標的業務影響
- 瞭解網站體驗核心指標如何確保 Netzwelt' 廣告收益增加 18%
- Blibli' PWA 的每位使用者收益比先前的行動網站多了 10 倍
- 改善 Telegraph Media Group 的累計版面配置位移
- 橘色：全新 PWA 在行動裝置上的轉換率提高了 52%
- Mainline Menswear 導入 PWA，結果轉換率提升 55%
- Zalando 如何運用 Lighthouse CI 將效能意見回饋從 1 天縮短至 15 分鐘
- Lowe's 網站是成效最好的電子商務網站之一
- Vodafone：LCP 提升 31% 後，銷售量提升了 8%
- Wix 如何透過改善基礎架構來提升網站效能
- CLS 最佳化功能如何提升 Yahoo!JAPAN News' 單次工作階段的網頁瀏覽量提高 15%
- 律動：LCP 提升 70% 與載入放棄次數降低 76% 有關
- 淘汰 Excalidraw Electron，改用網頁版
- PWA 使用者購買 Gravit Designer PRO 的機率是 2.5 倍
- Clipchamp'；影片編輯器 PWA 安裝量每月成長 97%
- JD.ID 運用快取策略、安裝功能和推播通知，將行動裝置轉換率提高 53%
- Rakuten 24 在 PWA 上投入心力，讓使用者留存率提升 450%
- NDTV 針對網站體驗核心指標進行最佳化調整，使 LCP 提升了 55%
- 著重網站效能如何提升 Tokopedia' 的點閱率增加了 35%
- ZDF 如何運用離線模式和深色模式建立影片 PWA
- Goibibo's PWA 如何使轉換率提高 60%
- Mercado Libre 如何針對網站體驗指標進行最佳化調整 (TBT/FID)
- 毫秒創造百萬收益
- Wake Lock API 個案研究：BettyCrocker.com 上的購買意願指標提升了 300%
- Google 如何透過過時的重新驗證方式改善廣告成效
- 在 eBay.com 上享受購物速度
- OYO Lite：臺灣大哥大，提供最優質的網頁和 Android 應用程式
- AirSHIFT 改善 React 應用程式' 執行階段效能的五種方法
- Truebil 如何透過網站成長茁壯
- OpenSooq 如何藉由投資網路提升參與度
- 我們如何將 Google 地球與網路搭配使用(')
- 為服務工作人員提供 Google 搜尋
- Nikkei 的多頁 PWA 提升了品質和成效
- George.com 推出全新的漸進式網頁應用程式，改善行動客戶體驗
- BookMyShow 新推出的 Progressive Web App 轉換率提高了 80%
- Ele.me 透過多頁漸進式網頁應用程式改善效能載入時間
- 在 WebVR 中運用舞池
- Lancôme 以 PWA 重新打造行動網站，轉換率提高了 17%
- Infobae 推出漸進式網頁應用程式，讓使用者停留在行動版網站的時間超過一倍
- MakeMyTrip.com 推出的全新 PWA 讓轉換率提升 3 倍
- Jumia 的轉換率提高 33%，使用者安裝 PWA 的人數增加 12 倍
- Mynet 採用 AMP 型 PWA 後，行動版網站體驗速度加快 4 倍，收益也因此增加 25%
- Twitter Lite PWA 大幅提升參與度並減少數據用量
- 0 小時 1
- OLX 運用漸進式網頁應用程式，讓行動版網站上的使用者再次互動率提升 250%
- Ola 採用漸進式網頁應用程式，為十億名印度使用者提升機動性
- Voot 的漸進式網頁應用程式
- PWA 設定聖誕老人追蹤器
- 在 WebVR 中轉譯文字
- Bear 71 和 WebVR
- 適用於 WebVR 的 Matterport VR
- WebVR Lab 的核心互動功能
- 陸路
- 氣象頻道
- 嘉年華遊輪公司
- 監護人專用 Smart Lock
- AliExpress 專用 Smart Lock
- Housing.com 採用新的 PWA 後，轉換次數提升了 40%，跳出率也降低了 40%
- 評估服務工作站的實際效能影響
- The Washington Post
- 打造 2016 年 Google I/O 大會漸進式網頁應用程式
- eXtra 電子產品
- 朱米亞
- BaBe
- Konga
- 5 英里
- Suumo
- 虛擬藝術課程
- Net-A-Porter
- Flipkart 使用漸進式網頁應用程式，使網站停留時間三倍
- 使用 Polymer 建立光劍
- Google+
- 超自然界
- AirHorner.com
- 實際工作環境中的 Service Worker
- Madeon 冒險機器
- 蜂鳥圖書館
- Adsy.me
- 小艾爾切米
- Hacker News 閱讀器
- 2014 年 Chrome 開發人員高峰會
- 瑪麗.皮克斯 (Merry Pixmas)
- 可擴充向量圖形
- 網路篩選器
- 2014 年哈比人體驗
- 透過 Chrome 建構內容
- 中土世界的前端
- 哈比人體驗
- 個案研究 - 建築賽車
- 個案研究 - The Sounds of Racer
- 個案研究 -《Inside World Wide Maze》
- 建立擲骰子
- 新一代網路版面配置 - 國家地理森林巨人
- 個案研究 - 2013 年 Google I/O 大會實驗
- 個案研究 - 自動重新調整 HTML5 遊戲大小
- 個案研究 -《找出奧茲家》
- 個案研究 - 使用 Chrome 的 JAM
- 創下 100,000 顆星
- 個案研究 - 使用 Chrome 的 JAM
- Movi Kanti Revo - 第 1 部分 - 建置 3D 世界
- 個案研究 - SONAR，HTML5 遊戲開發
- 個案研究 - Building Technitone.com
- 個案研究 - Bouncy Mouse
- 個案研究 - HTML5 MathBoard
- 個案研究 - 打造 Stanisław Lem Google Doodle
- 個案研究 - 串流會議的即時更新
- 個案研究 - 將 Wordico 從 Flash 轉換為 HTML5
- 個案研究 - Onslaught！運動場
- 個案研究 - 20thingsilearned.com 的《Page Flip Effect》
- 個案研究 - 瞭解 HTML5 畫布
- 個案研究 - deviantART muro 中的 HTML5 使用
- 個案研究 - 在 Chrome 中使用拖曳功能進行下載
- How Ray-Ban doubled conversion rate and reduced exit rate by 13% through prerendering using the Speculation Rules API
- How QuintoAndar reduced INP by 80%, increasing conversions by 36%
- How YouTube improved video performance with the Media Capabilities API
- Forbes
- Wego
- Alibaba
- AliExpress