خلاصه کروم ۲۰۲۴ برای توسعه‌دهندگان: بازطراحی وب با هوش مصنوعی در DevTools، Gemini داخلی و قابلیت‌های جدید رابط کاربری

منتشر شده: ۱۳ دسامبر ۲۰۲۴

آنلاین بودن در زمانی که وب تازه شروع به کار کرده بود، به معنای انتظار صبورانه در اینترنت دایال‌آپ کند و ور رفتن با تکه‌های پرل و HTML بود. اما وب به شکلی تصاعدی در چیزی که مانند یک لحظه به نظر می‌رسد، تکامل یافته است. چه در حال دریافت سفارش‌های لحظه آخری باشید و چه از هوش مصنوعی برای خلاصه کردن انبوهی از مقالات طولانی استفاده کنید، اکنون یک لینک دریچه‌ای به سوی امکانات بی‌پایان است.

به همین دلیل است که بسیاری از ما عاشق وب هستیم. برای کمک به شما در جذب افراد بیشتر در سراسر جهان، ما ابزارهای جدیدی را برای همه توسعه‌دهندگان وب راه‌اندازی کرده‌ایم - چه frontend باشید و چه full stack، تازه‌کار باشید یا حرفه‌ای.

خلاصه‌ای از قابلیت‌های نوآورانه ما در سال ۲۰۲۴ را بررسی کنید که به شما امکان می‌دهد تجربیات وب خلاقانه‌تری را با زحمت کمتر بسازید.

هوش مصنوعی داخلی در کروم به توسعه‌دهندگان کمک می‌کند تا ویژگی‌های قدرتمندی را با Gemini ارائه دهند.

در کنفرانس Google I/O 2024، ما اعلام کردیم که چگونه با استفاده از هوش مصنوعی، وب را با Gemini Nano که مستقیماً در Chrome ساخته شده است، تقویت می‌کنیم. تا به امروز، بیش از ۱۳۰۰۰ نفر از شما به برنامه پیش‌نمایش اولیه پیوسته‌اید تا به ما در شکل‌دهی آینده وب کمک کنید. ما از مشارکت شما بسیار سپاسگزاریم و بی‌صبرانه منتظر همه تجربیات نوآورانه هوش مصنوعی هستیم که شما خواهید ساخت.

برای کمک به شما در استفاده حداکثری از هوش مصنوعی، ما چندین API داخلی را به صورت آزمایشی راه‌اندازی کرده‌ایم - مانند API آزمایشی Prompt ، API Translator ، API Summarizer و API Language Detector . همه آنها به شما امکان می‌دهند وظایف مبتنی بر هوش مصنوعی را بدون فراخوانی سرور در مرورگر اجرا کنید و نیازی به مدیریت و استقرار مدل‌های هوش مصنوعی خود ندارید. بیش از ۸۶۰۰ توسعه‌دهنده در چالش هوش مصنوعی داخلی گوگل کروم برای ساخت یک برنامه وب یا افزونه کروم با استفاده از این APIها ثبت‌نام کرده‌اند. ما برندگان را در اواسط ژانویه اعلام خواهیم کرد، پس منتظر باشید.

پالیسی‌بازار از رابط برنامه‌نویسی کاربردی تشخیص زبان (Language Detector API) برای تشخیص زبان در هنگام تغییر زبان توسط مشتری در طول مکالمه استفاده می‌کند.

هوش مصنوعی روی دستگاه با پیشرفت‌های WebAssembly (Wasm) و WebGPU تقویت می‌شود

ما معتقدیم که وب بهترین محیط اجرا برای شما جهت ساخت برنامه‌های مبتنی بر هوش مصنوعی است که بتوانند به همه دسترسی داشته باشند. برای تکمیل کار خود بر روی APIهای داخلی هوش مصنوعی، ما همچنین در دو فناوری که به شما امکان می‌دهند مدل‌های هوش مصنوعی خود را به وب بیاورید و آنها را با سرعت اجرا کنید، پیشرفت‌هایی ایجاد کرده‌ایم: WebGPU و Wasm.

ما مقادیر ممیز شناور ۱۶ بیتی را در WebGPU و محصولات نقطه‌ای عدد صحیح فشرده‌شده را معرفی کرده‌ایم که استفاده انعطاف‌پذیرتری از GPU دستگاه را با سایه‌زن‌های محاسباتی امکان‌پذیر می‌کند. پیشرفت‌های آینده برنامه‌ریزی‌شده برای WebGPU شامل زیرگروه‌ها و ماتریس‌های زیرگروه است. این ویژگی‌ها به برنامه‌ها اجازه می‌دهند تا به سرعت بین رشته‌های GPU ارتباط برقرار کنند و از ضرب ماتریس با اندازه ثابت نهایت استفاده را ببرند. ما همچنین در سال ۲۰۲۵ Memory64 را به Wasm معرفی خواهیم کرد تا امکان آدرس‌دهی مدل‌های بزرگتر هوش مصنوعی در حافظه فراهم شود.

نمودار معیار از Transformers.js.
معیار WebGPU از Transformers.js نشان می‌دهد که WebGPU 32.51 برابر سریع‌تر از Wasm است.

رابط برنامه‌نویسی کاربردی View Transition با ناوبری روان، حس ارتباط بیشتر با سایت‌ها را بیش از پیش القا می‌کند.

با قابلیت‌های جدیدی مانند انتقال نمای بین اسناد ، می‌توانید ناوبری روان و یکپارچه‌ای را در چندین صفحه ایجاد کنید. تنها کاری که لازم است انجام دهید این است که چند خط CSS بنویسید تا از شر آن «چشمک‌های» مزاحم بارگذاری مجدد خلاص شوید. ناوبری روان و بومی حاصل به شما کمک می‌کند تا ضمن حفظ مزایای معماری‌های چند صفحه‌ای، تجربیات فراگیرتری ارائه دهید.

انتقال‌های View، پیمایش روان بین صفحات را ممکن می‌سازند. دموی انتقال‌های View را ببینید.

قابلیت popover و موقعیت‌یابی anchor در CSS، امکان پوشش‌های تعاملی را بدون جاوا اسکریپت فراهم می‌کند.

اکنون می‌توانید با استفاده از popover راهنماهای ابزار، منوها و سایر پوشش‌ها را ایجاد کنید و آنها را به صورت بصری با استفاده از CSS Anchor Positioning API به عناصر فعال‌کننده‌شان متصل کنید. تنها چیزی که نیاز دارید کمی CSS و HTML است تا مطمئن شوید پوشش‌ها حتی با اسکرول کردن یا تغییر اندازه پنجره‌ها، ثابت و قابل مشاهده می‌مانند. کاربران شما یک تجربه وب پویاتر و قابل اعتمادتر دریافت می‌کنند و شما از مدیریت z-index و محاسبات پیچیده موقعیت‌یابی جاوا اسکریپت رهایی می‌یابید. این یک برد-برد است.

API قواعد حدس و گمان با پیش‌رندر کردن صفحات، ناوبری تقریباً آنی را امکان‌پذیر می‌کند.

امسال با استفاده از رابط برنامه‌نویسی Speculation Rules، زمان بارگذاری صفحات از سریع به تقریباً فوری تغییر کرد. این رابط برنامه‌نویسی که پیاده‌سازی آن فقط به چند خط JSON نیاز دارد، به صفحات اجازه می‌دهد تا به‌طور کامل در پس‌زمینه از قبل رندر شوند، بنابراین هر زمان که کاربران شما بخواهند، آماده‌ی استفاده هستند.

بارگذاری web.dev بدون پیش‌رندر ۱.۶ ثانیه و با پیش‌رندر ۰.۲ ثانیه طول می‌کشد.

تعامل با Next Paint (INP) به یک عنصر حیاتی هسته وب تبدیل می‌شود

INP در ماه مارس جایگزین First Input Delay به عنوان یک Core Web Vitals شد تا به شما کمک کند تا واکنش‌گرایی صفحه را فراتر از اولین ورودی کاربر، به طور جامع‌تری اندازه‌گیری کنید. از آن زمان، تعداد سایت‌هایی که INP "خوب" در موبایل دارند، 9 درصد افزایش یافته است - که به تجربیات کاربری سریع‌تر و لذت‌بخش‌تر در سراسر وب تبدیل می‌شود.

تکمیل خودکار به شما امکان می‌دهد کاربران را با پرداخت‌های آنلاین روان‌تر خوشحال کنید.

فعال کردن قابلیت تکمیل خودکار فرم‌ها ، که به مرورگرها اجازه می‌دهد به طور خودکار فیلدهای فرم را با اطلاعات ذخیره شده کاربران پر کنند، می‌تواند افراد را به تکمیل فرم‌ها تشویق کند. هنگامی که تیم کروم داده‌های ناشناس و جمع‌آوری‌شده از هزاران فرم آنلاین را تجزیه و تحلیل کرد، متوجه شد که هنگام استفاده از قابلیت تکمیل خودکار، میزان رها کردن فرم به طور متوسط ​​۷۵ درصد کاهش می‌یابد. اگرچه عوامل زیادی در یک تجربه پرداخت مثبت نقش دارند، اما داده‌ها نشان می‌دهند که تکمیل خودکار می‌تواند نقش مفیدی داشته باشد.

تکمیل خودکار به ویژه برای جریان‌های پرداخت تجارت الکترونیک مفید است. در Shopify، پرداخت‌های مهمان با استفاده از تکمیل خودکار، نرخ تبدیل پرداخت ۴۵٪ بالاتری نسبت به پرداخت‌های مهمان بدون تکمیل خودکار دارند.

ابزارهای توسعه کروم (Chrome DevTools) با راهکارهای مبتنی بر هوش مصنوعی ارتقا می‌یابند

شاید به خاطر داشته باشید که ما Gemini را به Chrome DevTools با console insights معرفی کردیم که به شما امکان می‌دهد برای عیب‌یابی کارآمدتر به اشکال‌زدایی مبتنی بر هوش مصنوعی دسترسی داشته باشید. از زمان کنفرانس Google I/O 2024، این ویژگی به صورت جهانی در دسترس قرار گرفته است.

ما همچنین پنل کمک هوش مصنوعی را راه‌اندازی کرده‌ایم که از Gemini برای کمک به شما در درک جزئیات فنی صفحه‌تان مانند سبک‌بندی، درخواست‌های شبکه، منابع و عملکرد استفاده می‌کند.

بینش‌های کنسول و پنل کمک هوش مصنوعی.
بینش‌های کنسول و پنل دستیار هوش مصنوعی، دو مورد از پیشرفت‌های فراوان DevTools در سال ۲۰۲۴ هستند.

شاید متوجه شده باشید که پنل Performance امسال پیشرفت‌های زیادی داشته است، از جمله امکان نظارت بر Core Web Vitals به صورت بلادرنگ و اضافه کردن حاشیه‌نویسی‌ها . علاوه بر این، ما قدرت Lighthouse را با بینش‌های عملکرد به پنل Performance آورده‌ایم.

با این پیشرفت‌های مبتنی بر هوش مصنوعی، بهبود پنل عملکرد و ده‌ها به‌روزرسانی برای بهبود کیفیت زندگی مانند نشان‌های اسکرول ، Chrome DevTools بیش از هر زمان دیگری مفید است. حتی پیشرفت‌های بیشتری، مانند ارتقاء عملکرد با مدل‌های جدید Gemini 2.0، در سال 2025 از راه خواهند رسید.

نسخه پایه ۲۰۲۴ ویژگی‌های جدید وب برای توسعه‌دهندگان در مرورگرهای مختلف را به ارمغان می‌آورد

از درون‌یابی گرادیان گرفته تا ویژگی‌های سفارشی ثبت‌شده، Baseline 2024 تاکنون شامل ۳۹ ویژگی وب جدید و قابل اجرا در مرورگرهای مختلف است. وقتی یک ویژگی حداقل ۳۰ ماه بخشی از Baseline بوده باشد، دیگر نیازی به نگرانی در مورد قابلیت همکاری نخواهید داشت. اما اگر می‌خواهید تصمیم بگیرید که آیا استفاده از یک ویژگی جدید ارزش از دست دادن بخشی از دسترسی را دارد یا خیر، برای ویژگی‌های هر نسخه Baseline و سهم کاربران جهانی، به آرشیو بینش‌های RUM آکامای مراجعه کنید.

مورد علاقه‌ترین اطلاعیه Baseline در سال جاری، داشبورد وضعیت پلتفرم وب است که تمام ویژگی‌های وب را به همراه سطح پشتیبانی آنها از مرورگرهای مختلف ارائه می‌دهد. نکته هیجان‌انگیزتر این است که داده‌هایی که داشبورد وضعیت پلتفرم وب را پشتیبانی می‌کنند، باز و در دسترس شما هستند تا از آنها استفاده کنید و در ابزارهای خود ادغام کنید. یک نمونه عالی از این مورد، بنر Baseline است.

مرورگرهای اصلی با Interop 2024 ویژگی‌های بیشتری را به صورت پایه ارائه می‌دهند

برای کمک به ارائه ویژگی‌های بیشتر به Baseline، ما بار دیگر با شرکای خود در Interop 2024 همکاری کرده‌ایم. ویژگی‌های هدف امسال شامل popover، CSS nesting، font-size-adjust و relative color syntax است.

Interop همچنین امتیازات مربوط به نسخه‌های آزمایشی و پایدار مرورگرها را مشخص می‌کند. امتیاز کلی Interop برای مرورگرهای پایدار در حال حاضر ۸۷ است و Chrome Stable با نزدیک شدن به پایان سال، امتیاز ۹۸ را کسب کرده است. می‌توانید پیشرفت مرورگرها را در داشبورد Interop دنبال کنید. ما در حال حاضر برای Interop 2025 برنامه‌ریزی می‌کنیم که در ماه فوریه اعلام خواهد شد.

شکل‌دهی به رشد وب با هم در سال جدید

هر چقدر هم که پیشرفت ما در سال ۲۰۲۴ هیجان‌انگیز باشد، می‌دانیم که آینده حتی روشن‌تر است. و این همه به لطف اشتیاق جمعی، بازخورد و نوآوری شما - جامعه توسعه‌دهندگان ما - است. در رویدادهایی در سراسر جهان، از کنفرانس BrazilJS و DevFest پاریس گرفته تا Google I/O 2024 و اولین اجلاس هوش مصنوعی وب ، یک چیز بارها و بارها برای ما روشن بود: همه شما به قدرت و پتانسیل وب به اندازه ما اعتقاد دارید.

شما ایده‌های جسورانه‌تری از همیشه دارید. ما متعهد هستیم که به شما در تحقق آنها کمک کنیم. پس برای اطلاع از آخرین به‌روزرسانی‌های ما، در X ، YouTube و LinkedIn با ما در ارتباط باشید - و بیایید با هم قدرت وب را از نو تصور کنیم .