0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

新知同享 | Web 开发性能提升,优化体验

谷歌开发者 ? 来源:未知 ? 2023-09-09 19:10 ? 次阅读
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群


更加强大且开放的 Web

可以简化开发工作并支持 AI

一起来看 2023 Google 开发者大会上

Web 开发值得重点关注的升级与成果

了解 Web 如何实现加速开发,更加便捷


精彩大会现场一览



Web 开发不断发展,每年都带来性能提升和功能迭代,开启丰富多样的新体验,让开发者能够获享高级计算功能。谷歌提供工具和解决方案,帮助开发人员构建符合心意的网页,既能满足特定需求,又能为用户提供最优质的体验。



WebAssembly (即 WASM) 能够从 C++C#、Kotlin 甚至 Swift 编写的应用中提取代码,并让代码在 Web 平台上运行。WebAssembly 如今支持 Kotlin 和 Dart,可让 Android 和 Flutter 开发者利用其优势,在重用现有代码的同时,利用原生性能在 Web 上吸引新的用户。

WebAssembly 支持多个托管内存语言



WebGPU 可以释放 GPU 的能力,并且支持在 Web 上使用 AI。另外,WebGPU 还能节省资金,提高速度,并通过访问设备上的计算能力构建保护隐私的 AI 功能。目前,众多框架、应用、库已移植到 WebGPU 或正在移植中。

WebGPU 释放 GPU 硬件潜力



Baseline 由谷歌与 W3C 以及合作伙伴一起推出。它是一个稳定且可预测的 Web 视图,具有最新的一套跨浏览器功能,并且将会每年更新。使用最新的 Baseline 版本将确保您的应用程序可以在所有支持的浏览器上运行。

定期更新功能列表 Baseline


支持在现有 HTML 网页中嵌入 Flutter 内容,而不是让 Flutter 占据整个页面。此外,Flutter 也不需要使用内嵌框架。


在 Flutter 3.10 中引入元素嵌入功能。借助该功能,可以像在页面上集成任何其他 CSS 元素一样集成 Flutter 内容。除此之外,Flutter 3.10 还支持 Web 上的 fragment 着色器。而后,Flutter 3.13 对 Web 上的 Flutter 进行了诸多改进,使得加载速度更快,可访问性更好。




LEGO 利用 Web peripheral APIs (例如 Web Bluetooth 和 Web Serial) 将编程代码传输到模型上,构建了 Spike 教育套件。





谷歌正在与网络生态中的合作伙伴携手推动 Privacy Sandbox 计划,并且已在减少网络跟踪途径方面取得了进展。Privacy Sandbox 的目标是终结网上普遍的跨网站跟踪行为,同时让网站能够继续免费提供内容和服务。

Privacy Sandbox 计划的进展


谷歌针对 Cookie 的两个关键更新是 CHIPS (代表 Cookies Having Independent Partitioned State,即具有独立分区状态的 Cookie) 和 First-Party Set。这两者现在已可在 Chrome 中实现。2024 年,谷歌将开始弃用第三方 Cookie。Privacy Sandbox for the Web 将使用差分隐私、k-匿名性和设备端处理等最新隐私保护技术,从而逐步淘汰第三方 Cookie。

2024 年,谷歌将开始弃用第三方 Cookie




Angular 是一个用于构建用户界面的框架。它提供构建块来帮助开发者快速设置可维护、可扩展的应用程序,使开发人员能够构建运行在网络、移动设备或桌面上的应用程序。


Angular Signals 现已于 Angular v16 中推出开发者预览版。通过新的响应式模型,更好的服务器端渲染和水合,开发者能够充分受益于 Angular v16 内置的诸多改进。不但改善了开发者体验,还能够显著提高 Vitals 分数。


Angular Signals


即刻体验 Web 平台

一起见证 Web 平台更强大、更便捷的进步

持续关注 2023 Google 开发者大会

更多精彩内容更新


专题演讲视频持续更新中

扫码直达官网

探索大会更多精彩


?点击屏末||即刻访问2023 Google 开发者大会官方网站



原文标题:新知同享 | Web 开发性能提升,优化体验

文章出处:【微信公众号:谷歌开发者】欢迎添加关注!文章转载请注明出处。

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 谷歌
    +关注

    关注

    27

    文章

    6233

    浏览量

    108421

原文标题:新知同享 | Web 开发性能提升,优化体验

文章出处:【微信号:Google_Developers,微信公众号:谷歌开发者】欢迎添加关注!文章转载请注明出处。

收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    鸿蒙5开发宝藏案例分享---Grid性能优化案例

    发现鸿蒙宝藏:优化Grid组件性能的实战技巧! 大家好呀!最近在鸿蒙开发者社区挖到一个超实用的性能优化案例—— 解决Grid组件加载慢、滚动
    发表于 06-12 17:47

    鸿蒙5开发宝藏案例分享---Web开发优化案例分享

    互动: 大家在实际项目中有没有用到过这些优化技巧?效果如何?或者有没有遇到什么坑?欢迎在评论区一起交流讨论!也欢迎大家分享自己挖到的鸿蒙开发宝藏知识!一起学习,共同进步!?** #HarmonyOS #ArkWeb #性能
    发表于 06-12 17:20

    鸿蒙5开发宝藏案例分享---Web加载时延优化解析

    鸿蒙开发宝藏:Web加载完成时延优化实战 大家好呀!今天在翻鸿蒙开发者文档时,发现了一个隐藏的 性能优化
    发表于 06-12 17:11

    鸿蒙5开发宝藏案例分享---Web页面内点击响应时延分析

    鸿蒙Web性能优化宝藏指南!那些官方没明说的实战技巧 各位鸿蒙开发者好!最近在排查Web页面卡顿时,意外在HarmonyOS
    发表于 06-12 17:09

    鸿蒙5开发宝藏案例分享---性能优化案例解析

    鸿蒙性能优化宝藏指南:实战工具与代码案例解析 大家好呀!今天在翻鸿蒙开发者文档时,意外挖到一个 性能优化宝藏库 ——原来官方早就提供了超多实
    发表于 06-12 16:36

    快手上线鸿蒙应用高性能解决方案:数据反序列化性能提升90%

    近日,快手在Gitee平台上线了鸿蒙应用性能优化解决方案“QuickTransformer”,该方案针对鸿蒙应用开发中广泛使用的三方库“class-transformer”进行了深度优化
    发表于 05-15 10:01

    芯科科技Web-BasedFlash工具助力优化Matter开发流程

    很高兴向大家介绍新发布的Web-BasedFlash工具以优化Matter开发流程,该工具旨在简化展示Matter硬件功能和性能的过程,使开发
    的头像 发表于 02-20 09:52 ?529次阅读

    hyper cpu,Hyper CPU优化提升虚拟机性能

    提升虚拟机性能。 ? ?在虚拟化环境中,CPU性能优化对于提升虚拟机的整体性能至关重要。Hyp
    的头像 发表于 02-06 10:25 ?1131次阅读
    hyper cpu,Hyper CPU<b class='flag-5'>优化</b>:<b class='flag-5'>提升</b>虚拟机<b class='flag-5'>性能</b>

    前端性能优化提升用户体验的关键策略

    在互联网飞速发展的今天,用户对于网页的加载速度和响应性能要求越来越高。前端性能优化成为了提升用户体验、增强网站竞争力的关键策略。一个性能良好
    的头像 发表于 01-22 10:08 ?512次阅读

    SSM框架的性能优化技巧 SSM框架中RESTful API的实现

    SSM框架的性能优化技巧 SSM(Spring + Spring MVC + MyBatis)框架的性能优化提升Java
    的头像 发表于 12-17 09:10 ?839次阅读

    HarmonyOS Web开发性能优化指导

    有效提高应用流畅度、提升用户体验。 综上所述,Web页面加载优化对于提升用户体验、提高网站性能、增加页面浏览量和提高转化率具有重要意义。
    发表于 12-06 08:41

    HarmonyOS Web页面加载的原理和优化方法

    在移动互联网时代,应用的页面渲染速度对于用户体验至关重要。相对于原生页面,Web页面的性能存在多方面的技术挑战。本文以HarmonyOS的ArkWeb组件为基础,介绍了Web页面加载中的影响因素以及对应的
    的头像 发表于 12-05 15:14 ?1123次阅读
    HarmonyOS <b class='flag-5'>Web</b>页面加载的原理和<b class='flag-5'>优化</b>方法

    HTTP海外访问优化提升跨国网络性能的秘诀

    HTTP海外访问优化提升跨国网络性能的关键,涉及多个方面的技术和策略。
    的头像 发表于 10-15 08:04 ?750次阅读

    SK海力士将开发性能高30倍HBM

    在人工智能浪潮的推动下,SK海力士再次展现其技术前瞻性与创新实力。公司副社长柳成洙(Ryu Seong-su)近日宣布了一项重大研发计划,旨在打造一款性能远超现有水平的HBM(高带宽内存)。据透露,这款新一代HBM产品的性能目标直指当前同类产品的20至30倍,无疑将在内存
    的头像 发表于 08-21 10:51 ?743次阅读

    韩国服务器的性能如何提升

    韩国服务器的性能可以通过硬件升级、网络优化、缓存优化和软件优化提升。具体方法如下,rak小编为您整理发布韩国服务器的
    的头像 发表于 08-15 11:33 ?485次阅读