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