0
  • 聊天消息
  • 系統(tǒng)消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會員中心
創(chuàng)作中心

完善資料讓更多小伙伴認識你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

新知同享 | Web 開發(fā)性能提升,優(yōu)化體驗

谷歌開發(fā)者 ? 來源:未知 ? 2023-09-09 19:10 ? 次閱讀


更加強大且開放的 Web

可以簡化開發(fā)工作并支持 AI

一起來看 2023 Google 開發(fā)者大會上

Web 開發(fā)值得重點關(guān)注的升級與成果

了解 Web 如何實現(xiàn)加速開發(fā),更加便捷


精彩大會現(xiàn)場一覽



Web 開發(fā)不斷發(fā)展,每年都帶來性能提升和功能迭代,開啟豐富多樣的新體驗,讓開發(fā)者能夠獲享高級計算功能。谷歌提供工具和解決方案,幫助開發(fā)人員構(gòu)建符合心意的網(wǎng)頁,既能滿足特定需求,又能為用戶提供最優(yōu)質(zhì)的體驗。



WebAssembly (即 WASM) 能夠從 C++、C#、Kotlin 甚至 Swift 編寫的應用中提取代碼,并讓代碼在 Web 平臺上運行。WebAssembly 如今支持 Kotlin 和 Dart,可讓 Android 和 Flutter 開發(fā)者利用其優(yōu)勢,在重用現(xiàn)有代碼的同時,利用原生性能在 Web 上吸引新的用戶。

WebAssembly 支持多個托管內(nèi)存語言



WebGPU 可以釋放 GPU 的能力,并且支持在 Web 上使用 AI。另外,WebGPU 還能節(jié)省資金,提高速度,并通過訪問設(shè)備上的計算能力構(gòu)建保護隱私的 AI 功能。目前,眾多框架、應用、庫已移植到 WebGPU 或正在移植中。

WebGPU 釋放 GPU 硬件潛力



Baseline 由谷歌與 W3C 以及合作伙伴一起推出。它是一個穩(wěn)定且可預測的 Web 視圖,具有最新的一套跨瀏覽器功能,并且將會每年更新。使用最新的 Baseline 版本將確保您的應用程序可以在所有支持的瀏覽器上運行。

定期更新功能列表 Baseline


支持在現(xiàn)有 HTML 網(wǎng)頁中嵌入 Flutter 內(nèi)容,而不是讓 Flutter 占據(jù)整個頁面。此外,F(xiàn)lutter 也不需要使用內(nèi)嵌框架。


在 Flutter 3.10 中引入元素嵌入功能。借助該功能,可以像在頁面上集成任何其他 CSS 元素一樣集成 Flutter 內(nèi)容。除此之外,F(xiàn)lutter 3.10 還支持 Web 上的 fragment 著色器。而后,F(xiàn)lutter 3.13 對 Web 上的 Flutter 進行了諸多改進,使得加載速度更快,可訪問性更好。




LEGO 利用 Web peripheral APIs (例如 Web Bluetooth 和 Web Serial) 將編程代碼傳輸?shù)侥P蜕希瑯?gòu)建了 Spike 教育套件。





谷歌正在與網(wǎng)絡(luò)生態(tài)中的合作伙伴攜手推動 Privacy Sandbox 計劃,并且已在減少網(wǎng)絡(luò)跟蹤途徑方面取得了進展。Privacy Sandbox 的目標是終結(jié)網(wǎng)上普遍的跨網(wǎng)站跟蹤行為,同時讓網(wǎng)站能夠繼續(xù)免費提供內(nèi)容和服務。

Privacy Sandbox 計劃的進展


谷歌針對 Cookie 的兩個關(guān)鍵更新是 CHIPS (代表 Cookies Having Independent Partitioned State,即具有獨立分區(qū)狀態(tài)的 Cookie) 和 First-Party Set。這兩者現(xiàn)在已可在 Chrome 中實現(xiàn)。2024 年,谷歌將開始棄用第三方 Cookie。Privacy Sandbox for the Web 將使用差分隱私、k-匿名性和設(shè)備端處理等最新隱私保護技術(shù),從而逐步淘汰第三方 Cookie。

2024 年,谷歌將開始棄用第三方 Cookie




Angular 是一個用于構(gòu)建用戶界面的框架。它提供構(gòu)建塊來幫助開發(fā)者快速設(shè)置可維護、可擴展的應用程序,使開發(fā)人員能夠構(gòu)建運行在網(wǎng)絡(luò)、移動設(shè)備或桌面上的應用程序。


Angular Signals 現(xiàn)已于 Angular v16 中推出開發(fā)者預覽版。通過新的響應式模型,更好的服務器端渲染和水合,開發(fā)者能夠充分受益于 Angular v16 內(nèi)置的諸多改進。不但改善了開發(fā)者體驗,還能夠顯著提高 Vitals 分數(shù)。


Angular Signals


即刻體驗 Web 平臺

一起見證 Web 平臺更強大、更便捷的進步

持續(xù)關(guān)注 2023 Google 開發(fā)者大會

更多精彩內(nèi)容更新


專題演講視頻持續(xù)更新中

掃碼直達官網(wǎng)

探索大會更多精彩


?點擊屏末||即刻訪問2023 Google 開發(fā)者大會官方網(wǎng)站



原文標題:新知同享 | Web 開發(fā)性能提升,優(yōu)化體驗

文章出處:【微信公眾號:谷歌開發(fā)者】歡迎添加關(guān)注!文章轉(zhuǎn)載請注明出處。

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學習之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請聯(lián)系本站處理。 舉報投訴
  • 谷歌
    +關(guān)注

    關(guān)注

    27

    文章

    6099

    瀏覽量

    104773

原文標題:新知同享 | Web 開發(fā)性能提升,優(yōu)化體驗

文章出處:【微信號:Google_Developers,微信公眾號:谷歌開發(fā)者】歡迎添加關(guān)注!文章轉(zhuǎn)載請注明出處。

收藏 人收藏

    評論

    相關(guān)推薦

    HTTP海外訪問優(yōu)化提升跨國網(wǎng)絡(luò)性能的秘訣

    HTTP海外訪問優(yōu)化提升跨國網(wǎng)絡(luò)性能的關(guān)鍵,涉及多個方面的技術(shù)和策略。
    的頭像 發(fā)表于 10-15 08:04 ?167次閱讀

    SK海力士將開發(fā)性能高30倍HBM

    在人工智能浪潮的推動下,SK海力士再次展現(xiàn)其技術(shù)前瞻性與創(chuàng)新實力。公司副社長柳成洙(Ryu Seong-su)近日宣布了一項重大研發(fā)計劃,旨在打造一款性能遠超現(xiàn)有水平的HBM(高帶寬內(nèi)存)。據(jù)透露,這款新一代HBM產(chǎn)品的性能目標直指當前同類產(chǎn)品的20至30倍,無疑將在內(nèi)存
    的頭像 發(fā)表于 08-21 10:51 ?451次閱讀

    韓國服務器的性能如何提升

    韓國服務器的性能可以通過硬件升級、網(wǎng)絡(luò)優(yōu)化、緩存優(yōu)化和軟件優(yōu)化提升。具體方法如下,rak小編為您整理發(fā)布韓國服務器的
    的頭像 發(fā)表于 08-15 11:33 ?178次閱讀

    如何修改Kernel Affinity提升openplc性能

    如何修改Kernel Affinity提升openplc性能
    發(fā)表于 05-22 06:36

    鴻蒙原生應用元服務開發(fā)WEB-緩存與存儲管理

    在訪問網(wǎng)站時,網(wǎng)絡(luò)資源請求是相對比較耗時的。開發(fā)者可以通過Cache、Dom Storage等手段將資源保持至本地,以提升訪問同一網(wǎng)站的速度。 Cache 使用cacheMode()配置頁面資源
    發(fā)表于 05-17 11:23

    HarmonyOS開發(fā)案例:【Web組件實現(xiàn)抽獎】

    基于ArkTS的聲明式開發(fā)范式的樣例,主要介紹了Web組件如何加載本地和云端H5小程序。
    的頭像 發(fā)表于 05-09 18:31 ?1264次閱讀
    HarmonyOS<b class='flag-5'>開發(fā)</b>案例:【<b class='flag-5'>Web</b>組件實現(xiàn)抽獎】

    HarmonyOS NEXT應用開發(fā)性能優(yōu)化入門引導

    使用Web組件的預連接、預加載、預渲染能力(詳細介紹可參考文章:Web組件開發(fā)性能提升指導),在應用空閑時間提前進行Web引擎初始化和頁面加
    發(fā)表于 05-09 14:49

    消費級路由器:優(yōu)化網(wǎng)絡(luò)環(huán)境,提升設(shè)備性能

    消費級路由器是優(yōu)化網(wǎng)絡(luò)環(huán)境和提升設(shè)備性能的關(guān)鍵。選擇合適的品牌和型號、合理設(shè)置路由器、規(guī)劃網(wǎng)絡(luò)布局以及選擇和維護設(shè)備都很重要。同時,避免超負荷使用和加強安全防范也必不可少。
    的頭像 發(fā)表于 04-10 15:02 ?277次閱讀

    微軟推出ONNX Runtime Web,利用WebGPU優(yōu)化瀏覽器機器學習性能

    作為微軟的 JavaScript 庫,ONNX Runtime Web 使得網(wǎng)絡(luò)開發(fā)者能在瀏覽器環(huán)境下部署機器學習模型,并提供多種硬件加速的后端支持。
    的頭像 發(fā)表于 03-05 14:23 ?886次閱讀

    美國站群服務器優(yōu)化提升性能與可靠性的關(guān)鍵功能

    隨著互聯(lián)網(wǎng)的迅猛發(fā)展,網(wǎng)站的性能和可靠性成為了企業(yè)成功的關(guān)鍵因素之一。美國作為全球互聯(lián)網(wǎng)的中心,其站群服務器在全球范圍內(nèi)都有著廣泛的應用。本文將探討美國站群服務器優(yōu)化的關(guān)鍵功能,以提升性能
    的頭像 發(fā)表于 01-25 11:56 ?282次閱讀

    web前端開發(fā)和前端開發(fā)的區(qū)別

    、CSS和JavaScript等技術(shù)來構(gòu)建用戶界面,實現(xiàn)用戶與應用程序的交互。Web前端開發(fā)包括網(wǎng)頁設(shè)計、網(wǎng)頁編碼、前端框架使用以及優(yōu)化頁面性能等任務。 前端
    的頭像 發(fā)表于 01-18 09:54 ?2925次閱讀

    如何提升單片機開發(fā)技術(shù)?

    提升技術(shù)的最好方式。通過參與實際項目的開發(fā),可以掌握更多的實踐經(jīng)驗和技能。在實際項目中,我們可以遇到各種各樣的問題,需要不斷地調(diào)試和優(yōu)化程序,這樣能夠更好地提升自己的技術(shù)水平。 三
    發(fā)表于 01-05 10:14

    MySQL性能優(yōu)化方法

    MySQL 性能優(yōu)化是一項關(guān)鍵的任務,可以提高數(shù)據(jù)庫的運行速度和效率。以下是一些優(yōu)化方法,包括具體代碼和詳細優(yōu)化方案。
    的頭像 發(fā)表于 11-22 09:59 ?498次閱讀

    提高性能的 socket 選項

    Sockets API 的使用、兩個可以提高性能的 socket 選項以及 GNU/Linux 優(yōu)化。 為了能夠開發(fā)性能卓越的應用程序,請遵循以下技巧: 最小化報文傳輸?shù)难訒r。 最小化系統(tǒng)調(diào)用的負載。 為
    的頭像 發(fā)表于 11-13 11:02 ?575次閱讀

    對與性能比較低的51單片機,結(jié)構(gòu)化編程性能提升多少?

    對與性能比較低的51單片機,結(jié)構(gòu)化編程性能提升多少
    發(fā)表于 10-26 06:21