第一次使用网络平台

一篇月度博文,概括介绍浏览器引入的一些新事物。

了解日本铁路公司东急如何通过通行密钥将登录速度提高了 12 倍,从而每天帮助数千名乘客。

  • 案例
  • 通行密钥

Eiji Kitamura

2024年10月14日

Google 表格中的计算最初是在服务器上完成的,然后使用 JavaScript 在客户端上完成,现在在客户端上通过 WebAssembly 垃圾回收进行计算。本案例研究介绍了具体方法和原因。

  • 案例

Michael Thomas

2024年6月26日

本案例研究介绍了 Google Meet 团队如何提高权限以及对用户产生的影响会议满意度。

  • 案例

Marian Harbach

2024年6月11日

了解 Web 如何实现沉浸式 3D 体验,帮助客户了解和探索实体产品。

  • 案例

Cecilia Cong

2024年5月28日

了解 Disney+ Hotstar 一款适用于智能电视和机顶盒设备的应用如何通过努力降低其 INP,显著提高观看者的互动度。

  • 案例

Bhuvaneswaran Mohan, Saurabh Rajpal

2024年5月22日

了解 Web 如何实现沉浸式 3D 体验,帮助客户了解和探索实体产品。

  • 案例
  • HTML

Melissa Mitchell

2024年3月18日

PubTech 的意见征求管理平台如何将客户网站上的 INP 降低多达 64%,同时将广告可见度提高多达 1.5%

  • 案例
  • JavaScript

Marco Prontera, Gilberto Cocchi

2024年2月28日

在过去的两年里,Goodnotes 工程团队一直致力于开展一项项目,将这款成功的 iPad 记事应用推广到其他平台。本案例研究介绍了今年 2022 款 iPad 应用如何利用 Web 技术打造 Web、ChromeOS、Android 和 Windows,以及 WebAssembly 如何重复使用团队已工作十多年的相同 Swift 代码。

  • 案例

Pedro Gomez

2024年2月7日

内容推荐服务提供商 Taboola 如何利用 LoAF 将其发布商合作伙伴网站的 INP 提升高达 36%。

  • 案例
  • JavaScript

Thierno Thiam

2024年2月1日

一款面向移动设备的热门视频编辑应用,介绍了如何打造功能齐全的网页版。

  • 案例

Cecilia Cong

2024年2月1日

pixiv 是一个在线社区服务,供插画家和插画爱好者通过其内容进行互动。用户可以通过该功能发布自己的插图。截至 2023 年 5 月,他们在全球拥有超过 8,400 万用户 ,发布的艺术作品超过 1.2 亿件 。 pixiv Sketch 是 pixiv 提供的服务之一。它用于使用手指或触控笔在网站上绘制图形。它支持多种用于绘制精美插图的功能,包括多种类型的画笔、图层和水桶绘制,并且用户还可以直播其绘制过程。 在本案例研究中,我们将了解 pixiv Sketch 如何通过使用

  • 案例
  • C
  • JavaScript

2024年1月29日

这篇博文介绍了 Mitra Tokopedia 如何利用机器学习技术改进其卖家 Web 应用,从而降低了运营成本。

  • 案例
  • JavaScript

2024年1月17日

本案例研究介绍了利用 PageSpeed Insights (PSI)、Chrome 开发者工具和 scheduler.yield API 等 Google 工具,在 React 中调试和改进 INP 的分步工作流程。

  • 案例
  • JavaScript

Mustafa Birinci

2023年12月11日

本案例研究探讨了非营利组织 Kiwix 如何使用渐进式 Web 应用技术和 File System Access API,让用户能够下载和存储大型互联网归档以供离线使用。

  • File System Access API
  • 渐进式 Web 应用
  • 案例
  • HTML
  • JavaScript

Thomas Steiner

2023年11月16日

了解 Yahoo!Japan 提高通行密钥采用率和用户体验的方法。

  • 案例
  • 通行密钥

Milica Mihajlija

2023年10月27日

预提取是一种通过下载近期可能需要的资源(甚至整个网页)来加快网页加载速度的技术。研究表明,加载时间越短,转化率就越高,用户体验就越好。

  • 案例
  • JavaScript

Guilherme Moser de Souza

2023年9月1日

Yahoo! JAPAN News 是日本最受欢迎的新闻平台之一,他们齐心协力提高了 bfcache 的命中率,结果显著改善了用户体验并提升了业务。具体而言,A/B 测试的结果表明,使用 bfcache 的网页的广告收入增加了 9%。

  • 案例

Yuriko Hirota

2023年7月25日

Amit Kumar

2023年5月10日

将 TBT 降低 30 倍并迁移到 Next.js 后,The Ecomonic Times 将 INP 缩减了近 4 倍,从而将跳出率降低了 50%,使网页浏览量提高了 43%。

  • 案例
  • JavaScript

Barun Kumar

2023年5月10日

这款休闲驾驶游戏采用程序随机生成的无限场景,发掘 WebGL 的潜力。 Slow Roads 是一款休闲驾驶游戏,侧重于无休止地按程序生成的场景,均以 WebGL 应用 的形式托管在浏览器中。对许多人来说,在浏览器的有限上下文中,这种密集的体验似乎不合适。事实上,纠正这种态度一直是我此项目的目标之一。在本文中,我将详细介绍我用来克服性能障碍的一些技术,以重点介绍 3D 网络在网络领域经常被忽视的潜力。 发布 Slow Roads

  • 案例

Anslo

2023年4月11日

这是我们全新推出的“打造更好的 YouTube 网站”系列的第 1 部分。

  • 案例

Addy Osmani

2022年10月20日

Rakuten 24 通过衡量实际用户的网页指标,还发现优质的 Largest Contentful Paint (LCP) 可将转化率提高 61.13%。

  • 案例

Hayoung Lee

2022年8月24日

案例研究,了解 GoDaddy 实施了更改以提升数百万个网站的网站性能,从而帮助他们获得良好的 PageSpeed Insights 和核心网页指标得分。

  • Core Web Vitals
  • 案例

Simon Le Parc

2022年7月14日

奢侈品零售商 Farfetch 如何通过投资改进核心网页指标,实现了更出色的业务成效。

  • Core Web Vitals
  • 案例

Manuel Garcia

2022年7月12日