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