支持请求研究
充分发挥 CSS 容器查询的强大功能:Netflix 团队的经验教训
此案例研究介绍了在 Netflix 采用容器查询的好处。
东急店如何利用通行密钥使登录速度提升到原来的 12 倍
了解日本铁路公司东急如何通过通行密钥将登录速度提高了 12 倍,从而每天帮助数千名乘客。
Google 表格为何将其计算工作器从 JavaScript 移植到 WasmGC
Google 表格中的计算最初是在服务器上完成的,然后使用 JavaScript 在客户端上完成,现在在客户端上通过 WebAssembly 垃圾回收进行计算。本案例研究介绍了具体方法和原因。
减少摩擦,提升控制力:Google Meet 如何改进音频和视频权限
本案例研究介绍了 Google Meet 团队如何提高权限以及对用户产生的影响会议满意度。
BILIBILI 利用 MediaPipe 的设备端 Web AI 解决方案,改善视频流用户体验并将会话时长增加 30%
了解 Web 如何实现沉浸式 3D 体验,帮助客户了解和探索实体产品。
Disney+ Hotstar 将 INP 降低 61% 后,客厅设备上的每周卡片观看次数增加了 100%
了解 Disney+ Hotstar 一款适用于智能电视和机顶盒设备的应用如何通过努力降低其 INP,显著提高观看者的互动度。
利用 Google 硬件在 Web 上使用交互式 3D 模型:新一代产品培训体验
了解 Web 如何实现沉浸式 3D 体验,帮助客户了解和探索实体产品。
PubTech 的意见征求管理平台如何将客户网站上的 INP 降低多达 64%,同时将广告可见度提高多达 1.5%
PubTech 的意见征求管理平台如何将客户网站上的 INP 降低多达 64%,同时将广告可见度提高多达 1.5%
随时随地使用 Goodnotes
在过去的两年里,Goodnotes 工程团队一直致力于开展一项项目,将这款成功的 iPad 记事应用推广到其他平台。本案例研究介绍了今年 2022 款 iPad 应用如何利用 Web 技术打造 Web、ChromeOS、Android 和 Windows,以及 WebAssembly 如何重复使用团队已工作十多年的相同 Swift 代码。
内容推荐服务提供商 Taboola 如何利用 LoAF 将其发布商合作伙伴网站的 INP 提升高达 36%。
内容推荐服务提供商 Taboola 如何利用 LoAF 将其发布商合作伙伴网站的 INP 提升高达 36%。
CapCut 使用 WebAssembly 和 WebCodecs 构建功能齐全的 Web 应用,将自然流量提高了 83%
一款面向移动设备的热门视频编辑应用,介绍了如何打造功能齐全的网页版。
插画师必备网络的力量:pixiv 如何利用网络技术打造他们的绘图应用
pixiv 是一个在线社区服务,供插画家和插画爱好者通过其内容进行互动。用户可以通过该功能发布自己的插图。截至 2023 年 5 月,他们在全球拥有超过 8, 400 万用户 ,发布的艺术作品超过 1.2 亿 件。 pixiv Sketch 是 pixiv 提供的服务之一。它用于使用手指或触控笔在网站上绘制图形。它支持多种功能,可用于绘制精美的插图,包括多种类型的画笔、图层和填充工具,还允许用户直播绘制过程。 在本案例研究中,我们将了解 pixiv Sketch 如何通过使用
Tokopedia 如何利用机器学习技术改进其卖家 Web 应用,从而降低运营成本
这篇博文介绍了 Mitra Tokopedia 如何利用机器学习技术改进其卖家 Web 应用,从而降低了运营成本。
Trendyol 如何将 INP 降低 50%,使点击率提高 1%
本案例研究介绍了利用 PageSpeed Insights (PSI)、Chrome 开发者工具和 scheduler.yield API 等 Google 工具,在 React 中调试和改进 INP 的分步工作流程。
Kiwix PWA 如何允许用户存储来自互联网的 GB 级数据以供离线使用
本案例研究探讨了非营利组织 Kiwix 如何使用渐进式 Web 应用技术和 File System Access API,让用户能够下载和存储大型互联网归档以供离线使用。
Yahoo!Japan 将通行密钥的采用率提高到了 11%,并降低了短信动态密码费用
了解 Yahoo!Japan 提高通行密钥采用率和用户体验的方法。
预提取如何帮助 Terra 将广告点击率提高 30% 并加快 Largest Contentful Paint。
预提取是一种通过下载近期可能需要的资源(甚至整个网页)来加快网页加载速度的技术。研究表明,加载时间越短,转化率就越高,用户体验就越好。
往返缓存如何帮助 Yahoo!JAPAN News 将移动广告收入提高 9%
Yahoo! JAPAN News 是日本最受欢迎的新闻平台之一,他们齐心协力提高了 bfcache 的命中率,结果显著改善了用户体验并提升了业务。具体而言,A/B 测试的结果表明,使用 bfcache 的网页的广告收入增加了 9%。
redBus 如何改进其网站的 Interaction to Next Paint (INP) 并将销售额提高 7%
INP 优化帮助 redBus 将销售额提高约 7%
《经济时报》挑战 INP 问题
将 TBT 降低 30 倍并迁移到 Next.js 后,The Ecomonic Times 将 INP 缩减了近 4 倍,从而将跳出率降低了 50%,使网页浏览量提高了 43%。
“慢路”如何吸引玩家和开发者,并聚焦于浏览器中的 3D 令人惊讶的功能
这款休闲驾驶游戏采用程序随机生成的无限场景,发掘 WebGL 的潜力。 Slow Roads 是一款休闲驾驶游戏,侧重于无休止地按程序生成的场景,均以 WebGL 应用 的形式托管在浏览器中。对许多人来说,在浏览器的有限上下文中,这种密集的体验似乎不合适。事实上,纠正这种态度一直是我此项目的目标之一。在本文中,我将详细介绍我用来克服性能障碍的一些技术,以重点介绍 3D 网络在网络领域经常被忽视的潜力。 发布 Slow Roads
打造更出色的网络:更快的 YouTube
这是我们全新推出的“打造更好的 YouTube 网站”系列的第 1 部分。
Rakuten 24 如何投资于核心网页指标,将每位访问者带来的收入提高了 53.37%,将转化率提高了 33.13%
Rakuten 24 通过衡量实际用户的网页指标,还发现优质的 Largest Contentful Paint (LCP) 可将转化率提高 61.13%。
GoDaddy's “网站 + 营销”服务如何将客户的核心网页指标提升了 75%
案例研究,了解 GoDaddy 实施了更改以提升数百万个网站的网站性能,从而帮助他们获得良好的 PageSpeed Insights 和核心网页指标得分。
奢侈品零售商 Farfetch 实现了更高的转化率,提升了核心网页指标
奢侈品零售商 Farfetch 如何通过投资改进核心网页指标,实现了更出色的业务成效。
Yahoo! JAPAN 的免密码身份验证技术将咨询量减少了 25%,将登录时间缩短了 2.6 倍
Yahoo! JAPAN 实现了无密码身份系统。了解他们的做法以及努力的后果。
RebelMouse 如何通过优化核心网页指标来提高忠诚度和互动度
此案例研究用于衡量核心网页指标获得高性能得分的全部影响和益处。
使用 WorkBox 在 Adobe Experience Manager 上实现现代网络体验
渐进式 Web 应用利用现代网络的强大功能。Adobe 使用 Workbox 将这些功能带到了 Adobe Experience Manager。
MishiPay 的 PWA 将交易次数提高了 10 倍,并节省了 2.5 年的排队时间
了解 MishiPay 的 PWA 如何将交易量增加 10 倍,并节省 2.5 年的排队时间。
《经济时报》如何超越核心网页指标阈值,并使跳出率总体提高了 43%
在《经济时报》网站上优化核心网页指标后,不仅显著提升了用户体验,还显著降低了整个网站的跳出率。