خط پایه به تازگی در دسترس است

آنچه اخیراً بخشی از Baseline Newly Available شده است را کشف کنید.

RUMvision 如何将基准信息与其 RUM 数据相结合。

  • مقدار پایه
  • مطالعه موردی

Karlijn Lowik, Erwin Hofman

۱۰ فوریهٔ ۲۰۲۵

了解 Ray-Ban 如何使用 Speculation Rules API 提升了 LCP,以及该 API 如何提升了 Ray-Ban 电子商务平台的业务绩效。

  • مطالعه موردی
  • جاوا اسکریپت

Daniele Merola, Giorgio Pellegrino, Hadyan Andika

۲۸ ژانویهٔ ۲۰۲۵

QuintoAndar 将 Interaction to Next Paint (INP) 缩短了 80%,从而显著提升了网站性能,使转化次数同比增长了 36%。

  • مطالعه موردی
  • جاوا اسکریپت

Mari Viana, Daniel Ericeira, Luciano Holanda

۲۲ ژانویهٔ ۲۰۲۵

此案例研究介绍了在 Netflix 采用容器查询的好处。

  • مطالعه موردی
  • جاوا اسکریپت
  • CSS

Jeremy Weeks, Julia Murzy, Leo Pekker, Stefan Heymanns

۱۰ دسامبر ۲۰۲۴

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

  • مطالعه موردی
  • گذرکلیدها

Eiji Kitamura

۱۴ اکتبر ۲۰۲۴

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

  • مطالعه موردی

Michael Thomas

۲۶ ژوئن ۲۰۲۴

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

  • مطالعه موردی

Marian Harbach

۱۱ ژوئن ۲۰۲۴

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

  • مطالعه موردی

Cecilia Cong

۲۸ مهٔ ۲۰۲۴

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

  • مطالعه موردی

Bhuvaneswaran Mohan, Saurabh Rajpal

۲۲ مهٔ ۲۰۲۴

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

  • مطالعه موردی
  • HTML

Melissa Mitchell

۱۸ مارس ۲۰۲۴

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

  • مطالعه موردی
  • جاوا اسکریپت

Marco Prontera, Gilberto Cocchi

۲۸ فوریهٔ ۲۰۲۴

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

  • مطالعه موردی

Pedro Gomez

۷ فوریهٔ ۲۰۲۴

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

  • مطالعه موردی

Cecilia Cong

۱ فوریهٔ ۲۰۲۴

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

  • مطالعه موردی
  • جاوا اسکریپت

Thierno Thiam

۱ فوریهٔ ۲۰۲۴

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

  • مطالعه موردی
  • جاوا اسکریپت
  • C

۲۹ ژانویهٔ ۲۰۲۴

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

  • مطالعه موردی
  • جاوا اسکریپت

۱۷ ژانویهٔ ۲۰۲۴

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

  • مطالعه موردی
  • جاوا اسکریپت

Mustafa Birinci

۱۱ دسامبر ۲۰۲۳

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

  • File System Access API
  • برنامه وب پیش‌رو
  • مطالعه موردی
  • HTML
  • جاوا اسکریپت

Thomas Steiner

۱۶ نوامبر ۲۰۲۳

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

  • مطالعه موردی
  • گذرکلیدها

Milica Mihajlija

۲۷ اکتبر ۲۰۲۳

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

  • مطالعه موردی
  • جاوا اسکریپت

Guilherme Moser de Souza

۱ سپتامبر ۲۰۲۳

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

  • مطالعه موردی

Yuriko Hirota

۲۵ ژوئیهٔ ۲۰۲۳

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

  • مطالعه موردی
  • جاوا اسکریپت

Barun Kumar

۱۰ مهٔ ۲۰۲۳

INP 优化帮助 redBus 将销售额提高约 7%

  • مطالعه موردی

Amit Kumar

۱۰ مهٔ ۲۰۲۳

通过这款休闲驾驶游戏中无限的程序化生成景色,探索 WebGL 的潜力。 Slow Roads 是一款休闲驾驶游戏,其重点是无休止的程序化生成的场景,所有这些场景都作为 WebGL 应用 托管在浏览器中。对许多人来说,在浏览器的有限环境中,这种沉浸式体验似乎不合时宜。事实上,改变这种态度是本项目的目标之一。在本文中,我将详细介绍我在解决性能问题时所用的一些技术,以便突出 Web 3D 经常被忽视的潜力。

  • مطالعه موردی

Anslo

۱۱ آوریل ۲۰۲۳