تعرَّف على لوحة بيانات Web Platform Dashboard وكيفية إجراء طلب بحث في واجهة برمجة التطبيقات HTTP API للحصول على بيانات عن الميزات التي وصلت إلى Baseline من أجل إنشاء أدوات لسير عمل التطوير.

• Baseline
• JavaScript

في ظل الأهمية المتزايدة لـ "مؤشرات أداء الويب الأساسية"، يركِّز مالكو المواقع الإلكترونية والمطوّرون بشكل متزايد على الأداء وتجارب المستخدمين الرئيسية. توفر Google العديد من الأدوات للمساعدة في تقييم الصفحات وتحسينها ومراقبتها، ولكن غالبًا ما يرتبك المستخدمون بشأن مصادر البيانات المختلفة وكيفية استخدامها بفعالية. يقترح هذا الدليل سير عمل يجمع بين العديد من الأدوات ويوضح أين وكيف يكون منطقيًا خلال عملية التطوير.

اطّلِع على الأحداث المختلفة التي حدثت في Baseline خلال شباط (فبراير) 2025.

• Baseline 2025
• مدوّنة

أصبحت سمة ruby-align الآن جزءًا من Baseline

• Baseline 2024
• مدوّنة
• HTML

تاريخ النشر: 20 شباط (فبراير) 2025 إنّ تنزيل نماذج الذكاء الاصطناعي الكبيرة بشكل موثوق به هو مهمة صعبة. إذا فقد المستخدمون الاتصال بالإنترنت أو أغلقوا موقعك الإلكتروني أو تطبيقك على الويب، سيفقدون ملفّات النماذج التي تم تنزيلها جزئيًا وسيضطرون إلى

• الذكاء الاصطناعي (AI) وتعلُّم الآلة
• JavaScript

تعرّف على معلومات حول تلميح الموارد rel=prefetch وكيفية استخدامه.

• HTML
• JavaScript

تعرَّف على طريقة تحديد متغيّرات التصميم وإصلاحها.

• JavaScript

متغيّرات التصميم التراكمية (CLS) هي مقياس يحدّد عدد المرّات التي يواجه فيها المستخدمون تغيّرات مفاجئة في محتوى الصفحة. سنتناول في هذا الدليل تحسين الأسباب الشائعة لمتغيّرات التصميم التراكمية (CLS)، مثل الصور وإطارات iframe بدون سمات أو محتوى ديناميكي.

• CSS
• HTML

تم طرح scrollbar-color وscrollbar-gutter في CSS في جميع محركات المتصفّحات الرئيسية، ما يجعلهما متوفّرَين في Baseline حديثًا.

• Baseline 2024
• مدوّنة
• CSS

في طبعته الأولى، يتناول الملخّص الشهري لبرنامج Baseline الأحداث التي حدثت في Baseline في كلّ من Google ومجتمع مطوّري الويب في كانون الثاني (يناير) 2025.

• Baseline 2025
• مدوّنة

يمكن أن تساعد واجهة برمجة التطبيقات WasmFS وميزة mimalloc في Emscripten كثيرًا في تخصيص المساحة وتحسين أداء I/O. يوضّح هذا الدليل كيف يمكن أن تؤدي هذه الميزات إلى تحسين السرعة بمقدار 10 مرات أو أكثر في بعض الحالات.

تمّ الآن طرح ميزتَي WebAssembly Garbage Collection وWasm tail call optimizations في جميع محرّكات المتصفّحات الرئيسية، ما يجعلهما متوفّرتين في Baseline حديثًا.

• Baseline 2025
• مدوّنة
• C

تقدّم هذه المشاركة مقياس "سرعة عرض أكبر جزء من المحتوى على الصفحة" (LCP) وتوضّح كيفية قياسه.

• JavaScript

أصبحت دالة Promise.try متوفّرة الآن في جميع محرّكات المتصفّحات الرئيسية، ما يجعلها متاحة في Baseline.

• Baseline 2025
• مدوّنة
• JavaScript

وصف موجز

• JavaScript

تاريخ النشر: 13 كانون الثاني (يناير) 2024 هناك العديد من المشاريع الرائعة التي يمكنك إنشاؤها باستخدام الذكاء الاصطناعي، باستخدام نماذج التعلم الآلي الكلاسيكية والنماذج اللغوية الكبيرة الأحدث. باستخدام النماذج اللغوية الكبيرة، يمكن للأجهزة إنشاء محتوى

• الذكاء الاصطناعي (AI) وتعلُّم الآلة
• مدوّنة

تاريخ النشر: 13 كانون الثاني (يناير) 2024 هذه هي المقالة الأولى في سلسلة من ثلاث مقالات عن النماذج اللغوية الكبيرة ومحادثات الدردشة. سبق أن تم نشر الجزء 2 حول إنشاء chatbot باستخدام WebLLM والجزء 3 حول استخدام Prompt API. أصبحت النماذج اللغوية

• الذكاء الاصطناعي (AI) وتعلُّم الآلة

لقد أخبرتك "عدم حظر سلسلة التعليمات الرئيسية" و"تقسيم المهام الطويلة"، ولكن ماذا يعني تنفيذ هذه الإجراءات؟

• JavaScript

تبدأ معاملة دفع باستخدام خدمة "دفعات الويب" عندما تكتشف تطبيق الدفع الخاص بك. تعرَّف على كيفية إعداد طريقة دفع وتجهيز تطبيق الدفع للتجار والعملاء لإجراء عمليات الدفع.

• JavaScript

يمنحك إخفاء CSS خيار استخدام صورة كطبقة قناع. وهذا يعني أنه يمكنك استخدام صورة أو رسم SVG أو تدرج كقناع لإنشاء تأثيرات مثيرة للاهتمام بدون محرر صور.

• CSS

مجموعة بيانات ميزات الويب ولوحة بيانات حالة منصّة الويب والتطبيق المصغّر لحالة الأساس وغير ذلك اطّلِع على "البيانات الأساسية" لعام 2024.

• مدوّنة

توضّح هذه المشاركة طريقة "التحميل الكسول" والخيارات المتاحة لك لتفعيل هذه الطريقة في الفيديو.

• HTML
• JavaScript

يوفر التحميل المُسبق للوحدات طريقة لتحميل وحدات JavaScript بشكل تلقائي.

• HTML

لتحسين تجربة المستخدم، من الضروري فهم كيفية تفاعل المستخدمين مع نماذجك. تلعب ميزة الملء التلقائي في المتصفّح دورًا مهمًا في هذه العملية. تعرَّف على كيفية جمع البيانات وتحليلها حول كيفية استخدام المستخدِمين ميزة الملء التلقائي في نماذجك.

• JavaScript

تحمي ميزة رصد المحتوى الضار المستخدمين وتوفّر بيئة أكثر أمانًا على الإنترنت. في الجزء الثاني، نتعرّف على كيفية إنشاء أداة ذكاء اصطناعي من جهة العميل لرصد اللغة غير اللائقة والحدّ منها من مصدرها.

• الذكاء الاصطناعي (AI) وتعلُّم الآلة
• JavaScript

توضّح هذه المشاركة مقياس "إجمالي وقت الحظر" (TBT) وتشرح كيفية قياسه.

تعرَّف على كيفية قياس "مؤشرات أداء الويب" لموقعك الإلكتروني في كلّ من البيئات الواقعية والمختبرية.

مجموعة من أفضل الممارسات التي حدّدها Chrome على أنّها أكبر الفرص لتحسين أداء الويب وتحسين "مؤشرات أداء الويب الأساسية"

دليل مفصّل حول كيفية تقسيم سرعة عرض أكبر جزء من المحتوى على الصفحة (LCP) وتحديد الجوانب الرئيسية التي يجب تحسينها.

• JavaScript
• HTML

مقاييس أساسية لإنشاء موقع إلكتروني سليم

• JavaScript