1 新知同享 | Web 开发性能提升,优化体验-德赢Vwin官网 网
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 开发性能提升,优化体验

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

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

    关注

    27

    文章

    6161

    浏览量

    105295

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

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

收藏 人收藏

    评论

    相关推荐

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

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

    HarmonyOS Web开发性能优化指导

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

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

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

    NPU技术如何提升AI性能

    设计的处理器,与传统的CPU和GPU相比,它在执行深度学习任务时具有更高的效率和更低的能耗。NPU通过专门优化的硬件结构和指令集,能够更快地处理神经网络中的大量并行计算任务。 1. 优化硬件架构 NPU技术通过优化硬件架构来
    的头像 发表于 11-15 09:11 411次阅读

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

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

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

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

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

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

    如何修改Kernel Affinity提升openplc性能

    如何修改Kernel Affinity提升openplc性能
    发表于 05-22 06:36

    鸿蒙原生应用元服务开发WEB-缓存与存储管理

    在访问网站时,网络资源请求是相对比较耗时的。开发者可以通过Cache、Dom Storage等手段将资源保持至本地,以提升访问同一网站的速度。 Cache 使用cacheMode()配置页面资源
    发表于 05-17 11:23

    HarmonyOS开发案例:【Web组件实现抽奖】

    基于ArkTS的声明式开发范式的样例,主要介绍了Web组件如何加载本地和云端H5小程序。
    的头像 发表于 05-09 18:31 1370次阅读
    HarmonyOS<b class='flag-5'>开发</b>案例:【<b class='flag-5'>Web</b>组件实现抽奖】

    HarmonyOS NEXT应用开发性能优化入门引导

    使用Web组件的预连接、预加载、预渲染能力(详细介绍可参考文章:Web组件开发性能提升指导),在应用空闲时间提前进行Web引擎初始化和页面加
    发表于 05-09 14:49

    微软推出ONNX Runtime Web,利用WebGPU优化浏览器机器学习性能

    作为微软的 JavaScript 库,ONNX Runtime Web 使得网络开发者能在浏览器环境下部署机器学习模型,并提供多种硬件加速的后端支持。
    的头像 发表于 03-05 14:23 1079次阅读

    美国站群服务器优化提升性能与可靠性的关键功能

    随着互联网的迅猛发展,网站的性能和可靠性成为了企业成功的关键因素之一。美国作为全球互联网的中心,其站群服务器在全球范围内都有着广泛的应用。本文将探讨美国站群服务器优化的关键功能,以提升性能
    的头像 发表于 01-25 11:56 338次阅读

    web前端开发和前端开发的区别

    、CSS和JavaScript等技术来构建用户界面,实现用户与应用程序的交互。Web前端开发包括网页设计、网页编码、前端框架使用以及优化页面性能等任务。 前端
    的头像 发表于 01-18 09:54 3494次阅读

    如何提升单片机开发技术?

    提升技术的最好方式。通过参与实际项目的开发,可以掌握更多的实践经验和技能。在实际项目中,我们可以遇到各种各样的问题,需要不断地调试和优化程序,这样能够更好地提升自己的技术水平。 三
    发表于 01-05 10:14