搜索歷史

清空
搜索熱詞
      0
      • 聊天消息
      • 系統(tǒng)消息
      • 評論與回復(fù)
      VIP于 到期 續(xù)費(fèi)
      登錄后你可以
      • 下載海量資料
      • 學(xué)習(xí)在線課程
      • 觀看技術(shù)視頻
      • 寫文章/發(fā)帖/加入社區(qū)
      會員中心
      創(chuàng)作中心
      發(fā)布
      創(chuàng)作活動

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

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

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

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


      更加強(qiáng)大且開放的 Web

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

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

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

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


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



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



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

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



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

      WebGPU 釋放 GPU 硬件潛力



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

      定期更新功能列表 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 進(jìn)行了諸多改進(jìn)，使得加載速度更快，可訪問性更好。




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





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

      Privacy Sandbox 計劃的進(jìn)展


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

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




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


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


      Angular Signals


      即刻體驗(yàn) Web 平臺

      一起見證 Web 平臺更強(qiáng)大、更便捷的進(jìn)步

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

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


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

      掃碼直達(dá)官網(wǎng)

      探索大會更多精彩


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


      原文標(biāo)題：新知同享 | Web 開發(fā)性能提升，優(yōu)化體驗(yàn)

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

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

        關(guān)注

        27

        文章

        6080

        瀏覽量

        104352

      原文標(biāo)題：新知同享 | Web 開發(fā)性能提升，優(yōu)化體驗(yàn)

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

      收藏 人收藏

        評論

        相關(guān)推薦

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

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

        韓國服務(wù)器的性能如何提升

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

        如何修改Kernel Affinity提升openplc性能？

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

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

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

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

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

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

        使用Web組件的預(yù)連接、預(yù)加載、預(yù)渲染能力（詳細(xì)介紹可參考文章：Web組件開發(fā)性能提升指導(dǎo)），在應(yīng)用空閑時間提前進(jìn)行Web引擎初始化和頁面加
        發(fā)表于 05-09 14:49

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

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

        微軟推出ONNX Runtime Web，利用WebGPU優(yōu)化瀏覽器機(jī)器學(xué)習(xí)性能

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

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

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

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

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

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

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

        提高性能的 socket 選項(xiàng)

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

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

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

        Web應(yīng)用防火墻的性能優(yōu)化技術(shù)

        Web應(yīng)用防火墻（WAF）是企業(yè)網(wǎng)絡(luò)安全的重要屏障，其性能直接影響到網(wǎng)絡(luò)服務(wù)的質(zhì)量和安全。本文詳細(xì)探討了WAF性能優(yōu)化的幾種技術(shù)，旨在為網(wǎng)絡(luò)安全專業(yè)人員提供實(shí)用的參考。一、規(guī)則
        的頭像 發(fā)表于 10-14 08:33 ?556次閱讀
        <b class='flag-5'>Web</b>應(yīng)用防火墻的<b class='flag-5'>性能</b><b class='flag-5'>優(yōu)化</b>技術(shù)

        Web應(yīng)用防火墻的性能優(yōu)化技術(shù)

        Web應(yīng)用防火墻（WAF）是企業(yè)網(wǎng)絡(luò)安全的重要屏障，其性能直接影響到網(wǎng)絡(luò)服務(wù)的質(zhì)量和安全。本文詳細(xì)探討了WAF性能優(yōu)化的幾種技術(shù)，旨在為網(wǎng)絡(luò)安全專業(yè)人員提供實(shí)用的參考。 ? 規(guī)則
        的頭像 發(fā)表于 10-13 13:58 ?293次閱讀