أنماط الملفات والأدلة
يشير ذلك المصطلح إلى مجموعة من الأنماط الشائعة للتعامل مع الملفات والأدلة.
- إنشاء برامج محادثة تعمل بلا إنترنت وعلى الجهاز
- إنشاء برنامج محادثات آلي يعمل على الجهاز وبلا اتصال بالإنترنت باستخدام Prompt API
- مزايا النماذج اللغوية الكبيرة وعيوبها
- إنشاء برنامج دردشة آلي متوافق مع الأجهزة المحلية وغير المتصلة بالإنترنت باستخدام WebLLM
- تحسين المهام الطويلة
- تطبيق تأثيرات على الصور باستخدام خاصية mask-image في CSS
- Baseline 2024: مزيد من الأدوات لمساعدة مطوّري الويب
- فيديو كسول التحميل
- وحدات التحميل المُسبق
- قياس ميزة الملء التلقائي للمتصفّح في نماذجك
- الجزء 2: إنشاء ميزة رصد المحتوى الضار من خلال الذكاء الاصطناعي من جهة العميل
- الجزء 1: الذكاء الاصطناعي من جهة العميل لمكافحة انتشار اللغة غير اللائقة على الإنترنت
- إجمالي وقت الحظر (TBT)
- Web Vitals
- الطرق الأكثر فعالية لتحسين "مؤشرات أداء الويب الأساسية"
- بدء قياس "مؤشرات أداء الويب"
- تحسين سرعة عرض أكبر جزء من المحتوى على الصفحة
- مقارنة إمكانية النموذج اللغوي الكبير مع التلخيص
- أصبحت خاصية CSS content-visibility متاحة الآن في "المستوى الأساسي"
- كيفية تحديد الحدود الدنيا لمقاييس "مؤشرات أداء الويب الأساسية"
- سير عمل "مؤشرات أداء الويب الأساسية" باستخدام أدوات Google
- تشخيص التفاعلات البطيئة في المختبر يدويًا
- الخط القاعدي
- ميزة "التخزين المؤقت للصفحات"
- تحسين تداخل CSS باستخدام CSSNestedDeclarations
- First Input Delay (FID)
- تصحيح أخطاء الأداء في الحقل
- قياس أداء CSS @property
- تحسين الأداء وتجربة المستخدم للذكاء الاصطناعي من جهة العميل
- الربط بين "مؤشرات أداء الويب الأساسية" والأرباح الإعلانية باستخدام أدوات Google
- مساحة التخزين على الويب
- حان الوقت للتحميل الكسول لإطارات iframe خارج الشاشة
- إنشاء تطبيقات ويب تقدّمية متعدّدة على النطاق نفسه
- بروتوكول Web Push
- ما الذي يتطلبه تثبيت التطبيق؟
- ما الذي يجعل تطبيق ويب تقدّميًا جيدًا؟
- كيفية تعامل Chrome مع تحديثات بيان تطبيق الويب
- إضافة بيان تطبيق ويب
- الحدّ من النصوص البرمجية على المواقع الإلكترونية (XSS) من خلال تطبيق سياسة أمان المحتوى الصارمة (CSP)
- الوصول إلى الأجهزة على الويب
- السماح بإعادة استخدام مفاتيح المرور في جميع مواقعك الإلكترونية من خلال "طلبات المصدر ذات الصلة"
- طريقة \"التحميل الكسول\" للصور على مستوى المتصفّح على الويب
- اختيار التنسيق الصحيح للصورة
- المقاييس المخصّصة
- قياس الأداء وتصحيح الأخطاء باستخدام "إحصاءات Google 4" وBigQuery
- أفضل الممارسات المتعلقة بأذونات الويب
- أفضل الممارسات لإشعارات ملفات تعريف الارتباط
- تخصيص إشعارات الوسائط وعناصر التحكّم في التشغيل باستخدام واجهة برمجة التطبيقات Media session API
- استخدام Tabindex
- البحث عن التفاعلات البطيئة في الحقل
- وقت وصول أول بايت (TTFB)
- هندسة الطلبات العملية للنماذج اللغوية الكبيرة الأصغر حجمًا
- مدى استجابة الصفحة لتفاعلات المستخدم (INP)
- الألوان المعتمدة على نظام ألوان CSS باستخدام light-dark()
- أنماط أداء WebAssembly لتطبيقات الويب
- تخطيطات الشبكة المتحركة بتنسيق CSS
- تشغيل لعبة الديناصور في Chrome باستخدام لوحة الألعاب
- سمة inert
- الأخلاقيات والذكاء الاصطناعي
- التعرّف على فريق Web.dev AI
- ما هو الذكاء الاصطناعي؟
- ترقية البحث في موقعك الإلكتروني: إجابات سياقية باستخدام الذكاء الاصطناعي التوليدي
- تحديد موفِّر مفتاح المرور باستخدام AAGUID
- التحويل إلى Wasm وتحسينه باستخدام Binaryen
- التقاط الصوت والفيديو بتنسيق HTML5
- مكوّن الويب
- نظرة معمّقة على عملية "إثبات هوية المستخدم"
- لماذا تختلف بيانات CrUX عن بيانات RUM؟
- أدوات تسهيل الاستخدام لمطوّري البرامج على الويب
- تحميل JavaScript لجهة خارجية
- Largest Contentful Paint (LCP)
- منع إنشاء مفتاح مرور جديد إذا كان متوفّرًا حاليًا
- العمل باستخدام IndexedDB
- 5 مقتطفات CSS يجب أن يعرفها كل مطوّر واجهة أمامية في 2024
- تحسين الوقت المطلوب للوصول إلى أول بايت
- ما هي أجزاء عنوان URL؟
- نظرة تفصيلية على بيانات الاعتماد القابلة للاكتشاف
- عرض الأداء
- ResizeMonitorer: إنها مثل document.onresize للعناصر
- تحسين عملية ترميز وحجم نقل مواد العرض النصية
- لوحة خارج الشاشة: يمكنك تسريع عمليات لوحة الرسم مع عامل على الويب.
- First Contentful Paint (FCP)
- شبكات توصيل المحتوى (CDN)
- ما الذي يجعل تجربة تسجيل الخروج جيدة؟
- وقت التفاعل (TTI)
- تحسين تحميل الموارد باستخدام Fetch Priority API
- الفئات الزائفة من نوع :user-valid و :user-invalid
- تحسين "مؤشرات أداء الويب الأساسية" لصالح صنّاع القرار في الأنشطة التجارية
- الفروق الطفيفة في سلاسل ترميز Base64 في JavaScript
- الشبكة الفرعية لخدمة مقارنة الأسعار
- تحميل الإعلانات بفعالية بدون التأثير في سرعة الصفحة
- أربعة أنواع شائعة لتغطية الرمز
- من أجل الاختبار أو عدم الاختبار، ينبغي أن يستند المنظور التقني
- تحديد حالات الاختبار والأولويات
- مقاييس الأداء التي تركّز على المستخدم
- تحميل الصور المتجاوبة مسبقًا
- تعديل أسلوب الخط وفقًا لإعدادات المستخدم المفضّلة باستخدام لغة CSS
- هرم أم سلطعون؟ العثور على استراتيجية اختبار تناسب
- ثلاثة أنواع شائعة من التشغيل الآلي للاختبار
- التخلص من عمليات التنزيل غير الضرورية
- تحويل ملف mkbitmap إلى WebAssembly
- ما هو WebAssembly وأين أتى؟
- نظام الملفات الخاصة وأصل
- استضافة بيانات المستخدم بأمان في تطبيقات الويب الحديثة
- نشر AVIF للمواقع الإلكترونية الأكثر استجابة
- تحسين التفاعل مع سرعة عرض المحتوى على الصفحة التالية
- الميزات الأساسية التي يمكنك استخدامها اليوم
- تقييم النص البرمجي والمهام الطويلة
- تحسين مهلة الإدخال
- مدى تأثير أحجام DOM الكبير على التفاعل، وما يمكنك القيام به حيال ذلك
- عرض HTML والتفاعل من جهة العميل
- تحسين متغيّرات التصميم التراكمية
- إنشاء تجارب WordPress داخل المتصفح باستخدام WordPress Playground وWebAssembly
- Cumulative Layout Shift (CLS)
- وظيفة جديدة للمطوّرين تقدّمها لك WebAssembly
- تطبيقات الويب التقدّمية (PWA) في متاجر التطبيقات
- ما هي خرائط المصدر؟
- 6 مقتطفات CSS يجب أن يعرفها كل مطور واجهة أمامية في عام 2023
- الدوال المثلثية في CSS
- تنفيذ عمليات فعالة لكل إطار فيديو في الفيديو باستخدام الدالة requestVideoFrameCallback()
- أبرز مشاركات منتدى GDE: لارس كنودسن
- نصيحة سريعة بشأن خدمة مقارنة الأسعار (CSS) نص متدرج متحرك
- أنماط جديدة لتطبيقات الوسائط
- جارٍ إنشاء Chrometober.
- إنشاء مكوِّن تلميح
- إنشاء مفتاح مرور لتسجيل الدخول بدون كلمة مرور
- تسجيل الدخول باستخدام مفتاح مرور من خلال الملء التلقائي للنموذج
- إنشاء مكون زر الإجراء العائم (FAB)
- أفضل الممارسات للخطوط
- اختبار تباين ألوان تصميم الويب
- أبرز مشاركات منتدى GDE: ألبا سيلفنتي فوينتيس
- نصيحة سريعة بشأن خدمة مقارنة الأسعار (CSS) أداة تحميل الصور المتحركة
- إنشاء شريط التنقل الرئيسي لموقع ويب
- هل هو :مشروط؟
- نمط قائمة تصميمات الإعلانات
- بناء وهم شبكة متعرجة
- أفضل الممارسات المتعلّقة بالعلامات ومدراء العلامات
- كيفية استخدام تطبيق Nordhealth للخصائص المخصّصة في مكونات الويب
- تحكم أكثر دقة في عمليات تحويل CSS مع خصائص التحويل الفردية
- الصور المتحركة لحدود CSS
- الآلية التي تتّبعها بي بي سي لطرح آلية HSTS لتحسين مستوى الأمان والأداء
- لماذا يمكن أن تختلف بيانات المختبر عن البيانات الميدانية (وماذا تفعل حيال ذلك)
- وضع مربح للجانبين
- نهاية Internet Explorer
- وداعًا لـ HTML5Rocks
- وصفات تحضير الكعك للطرف الأول
- مزامنة تشغيل الصوت والفيديو على الويب
- استخدام التدرجات المخروطية لإنشاء حدود رائعة
- اختيار مكتبة أو إطار عمل JavaScript
- تنفيذ معالجة الأخطاء عند استخدام واجهة برمجة تطبيقات الجلب
- الفرق بين مكتبات JavaScript وأطرها
- دليل مطور الواجهة الأمامية للمحطة
- واجهة برمجة تطبيقات لخطوط الويب السريعة والرائعة
- GOV.UK تسقط jQuery من الواجهة الأمامية.
- بناء مكون زر
- لا تكافح ماسح فحص التحميل المسبق في المتصفّح.
- سد الفجوة
- أفضل الممارسات لقياس "مؤشرات أداء الويب" في هذا الحقل
- العثور على الشجاعة والإلهام في منتدى المطوّرين
- الخطوط المتغيرة في الحياة الواقعية
- إنشاء تدرجات رائعة في CSS بسرعة باستخدام أداة إنشاء التدرجات في CSS
- مناقشة تفصيلية عن أهم المشاكل التي يواجهها مطوِّرو البرامج على الويب
- إضفاء صورة مثالية على موقعك الإلكتروني باستخدام image.tooling.report
- نطاق المتغيّر العام والمحلي
- إنشاء مكوّن مربّع حوار
- تصحيح أخطاء تشغيل الوسائط على الويب
- تسليط الضوء على منتدى GDE: نيشو جويل
- تأثيرات الأداء الناتجة عن استخدام ميزة "التحميل الكسول" بشكل مفرط
- إنشاء مكوِّن شريط التحميل
- حفظ بيانات الاعتماد من "نماذج Google"
- الوصول إلى الإصدار الرئيسي 100 من متصفِّح Chrome وFirefox قريبًا
- إنشاء رمز مفضّل تكيُّفي
- الرسم على اللوحة في Emscripten
- تحسين الأمان والخصوصية من خلال تحديث ذاكرة التخزين المؤقت عبر HTTP
- عناصر HTML إضافية
- جارٍ نقل تطبيقات USB إلى الويب. الجزء الثاني: gPhoto2
- تسجيل خطأ في الشبكة (NEL)
- اكتشاف ميزة WebAssembly
- جارٍ نقل تطبيقات USB إلى الويب. الجزء 1: libusb
- إنشاء مكوِّن تبديل المظهر
- تضمين مقتطفات JavaScript بلغة C++ باستخدام Emscripten
- تطبيقات الويب التقدّمية (PWA) على Oculus Quest 2
- خبير تصميم المباني
- حاسبة التصميم
- النسخ العميق في JavaScript باستخدام OrganizationClone
- بناء مكون نخب
- صندوق واجهة المستخدم
- إنشاء مكوِّن قائمة للعبة ثلاثية الأبعاد
- نحو مقياس سلاسة الرسوم المتحركة
- الميزات الجديدة في إحصاءات PageSpeed
- الإعلان عن كل شيء في مؤتمر Chrome Dev Summit لعام 2021
- تدفقات مستخدم أداة Lighthouse
- رحلة استخدام برنامج Photoshop إلى الويب
- إنشاء مكوِّن متعدد الاختيارات
- كيفية تقييم أداء التحميل في الميدان باستخدام توقيت التنقّل وتوقيت الموارد
- معالجة DOM الآمن باستخدام واجهة برمجة تطبيقات Sanitizer
- أفضل الممارسات لاستخدام التضمينات التابعة لجهات خارجية
- كيفية تأثير بنية SPA في "مؤشرات أداء الويب الأساسية"
- نظرة معمّقة على أحداث JavaScript
- تجميع موارد لا تعتمد على JavaScript
- بناء مكون انقسام الزر
- استخدام النصوص البرمجية لوحدة CSS لاستيراد أوراق الأنماط
- إنشاء أحد مكونات المبدل
- لون تمييز CSS
- عناوين تعديلات العميل لميزات الوسائط المفضّلة للمستخدم
- إنشاء مكوِّن أشرطة التنقّل
- استخدام سلاسل WebAssembly من C وC++ وRust
- تطبيق ويب تقدّمي (PWA) مع البث بلا إنترنت
- أُطر عمل الوسائط
- تشفير الوسائط
- أساسيات بث الوسائط
- ضبط حجم CSS لـ @font-face
- بناء نظام ألوان
- استخدام AVIF لضغط الصور على موقعك
- لغة CSS في "مؤشرات أداء الويب"
- تطوّر متغيّرات التصميم التراكمية في أدوات الويب
- أدوات اختيار الفئة الزائفة وفعالة في CSS جديدة: :is() و:where()
- يتوفّر الآن تدريب جديد على تطبيق الويب التقدّمي
- تصميم الويب سريع الاستجابة الجديد في عالم قائم على المكونات
- النقل إلى تلميحات برنامج وكيل المستخدم
- Excalidraw وFugu: تحسين تجربة المستخدم الأساسية
- المرجع السريع لعناوين الأمان
- وحدات ES في مشغّلي الخدمات
- إنشاء مكوّن لعرض الوسائط
- تحسين "مؤشرات أداء الويب" باستخدام أداة Lighthouse
- استخدام واجهات برمجة التطبيقات غير المتزامنة للويب من WebAssembly
- يمكنك تخصيص عناصر التحكّم في النوافذ المركّبة في شريط عناوين تطبيق PWA.
- التحكّم في النصوص البرمجية التابعة لجهات خارجية
- ملء نماذج OTP ضمن إطارات iframe من مصادر متعددة باستخدام WebOTP API
- تجاوز العوائق باستخدام واجهة برمجة التطبيقات DataTransfer API
- إنشاء صور متحركة مقسّمة باستخدام نص
- تطوير مقياس CLS
- رضا المطوّرين على الويب
- إنشاء مكوّن "الإعدادات"
- تصحيح الأخطاء في متغيّرات التصميم
- JavaScript: ما معنى ذلك؟
- استنتاج أفكار من مطوّر تطبيقات على الويب حول التطبيقات المصغَّرة
- مشاريع مفتوحة المصدر للتطبيقات الصغيرة
- هيكل المشروع ودورة الحياة والتجميع
- تطبيق مبادئ برمجة التطبيقات الصغيرة على نموذج مشروع
- برمجة طريقة التطبيق المصغّر
- ما هما H5 وQuickApp؟
- ترميز التطبيقات المصغّرة وتصميمها وبرمجتها وتحديثها
- مكونات التطبيق المصغّر
- أحداث البث: الدليل النهائي
- إنشاء مكوّن علامات التبويب
- دليل لتفعيل ميزة حظر الوصول من نطاقات أخرى
- طلب عزل الأداء باستخدام عنوان Origin-Agent-Cluster
- خاصية نسبة العرض إلى الارتفاع في CSS
- أصبح WebRTC معيار W3C ومجموعة مهندسي شبكة الإنترنت (IETF)
- أفضل ممارسات لوحات العرض الدوّارة
- حالات استخدام HTTPS في التطوير المحلي
- استخدام HTTPS في التطوير المحلي
- الملاحظات المطلوبة: التوصل إلى مقياس أفضل لمتغيّرات التصميم للصفحات طويلة العمر
- بناء مكون التنقل الجانبي
- درس تطبيقي حول الترميز: إنشاء مكوِّن Sidenav
- التوسيط في CSS
- درس تطبيقي حول الترميز: التوسيط في CSS
- أحب ذاكرة التخزين المؤقت ❤️
- وظائف عرض محتوى عبر المتصفحات وHoudini.how
- إتاحة عمليات التدقيق الآلي باستخدام AutoWebPerf
- أفضل الممارسات المتعلّقة بنموذج الدفع والعنوان
- أفضل الممارسات لنموذج كلمة المرور لمرة واحدة عبر الرسائل القصيرة SMS
- الدرس التطبيقي حول الترميز الخاص بأفضل الممارسات في نموذج الاشتراك
- الدرس التطبيقي حول الترميز الخاص بأفضل الممارسات المتعلّقة بنموذج العناوين
- الدرس التطبيقي حول الترميز الخاص بأفضل الممارسات لنموذج الدفع
- أفضل الممارسات المتعلّقة بنموذج الاشتراك
- بث التحديثات على الصفحات التي تتضمن مشغّلي الخدمات
- نظرة عامة على العاملين
- التواصل الثنائي مع عاملي الخدمة
- دليل التخزين المؤقت الأمري
- إيقاف ميزة تسريع الماوس لتوفير تجربة أفضل لعدد اللقطات في الثانية
- إنشاء مكوِّن القصص
- درس تطبيقي حول الترميز: إنشاء مكوِّن للقصص
- الموقع الإلكتروني نفسه المخطط
- التحميل الكسول على مستوى المتصفّح لأنظمة إدارة المحتوى (CMS)
- درس تطبيقي حول الترميز: إنشاء خادم إشعارات فورية
- درس تطبيقي حول الترميز: إنشاء عميل للإشعارات الفورية
- نظرة عامة على الإشعارات الفورية
- قياس الاستخدام في وضع عدم الاتصال
- أمثلة على الصور المتحركة العالية الأداء في CSS
- آلية Signed Exchange (SXG)
- CSS min() وmax() وclamp()
- تحسينات على التنسيق المنطقي باستخدام اختصارات ذات صلة بالتدفق
- كيفية إنشاء صور متحركة CSS عالية الأداء
- معالجة طلبات النطاق في مشغّل الخدمات
- ما سبب بطء بعض الصور المتحركة؟
- التحكّم في تحريك الكاميرا وإمالتها وتكبيرها/تصغيرها
- ما هي تجارب المصدر التابعة لجهات خارجية؟
- تسرّب ذاكرة النافذة المنفصلة
- إنشاء صفحة احتياطية بلا اتصال بالإنترنت
- Core Web Vitals
- إنشاء أشكال صور مثيرة للاهتمام باستخدام خاصية مسار المقطع في CSS's
- رموز نقطية مخصصة باستخدام CSS ::marker
- مساعدة المستخدمين على تغيير كلمات المرور بسهولة من خلال إضافة عنوان URL معروف لتغيير كلمات المرور
- معالجة معلومات الدفع الاختيارية مع مشغّل الخدمات
- إدارة معاملات الدفع مع عامل الخدمات
- ARIA: سم أم علاج؟
- تصحيح أخطاء تسرّبات الذاكرة في WebAssembly باستخدام Emscripten
- content-visibility: خاصيّة CSS الجديدة التي تحسِّن أداء العرض
- جارٍ إزالة حظر الوصول إلى الحافظة
- أفضل الممارسات المتعلقة بسياسة المُحيلين والمحيلين
- الويب على أجهزة Android
- إنشاء تطبيق ويب تقدّمي (PWA) في Google، الجزء 1
- رصد الأداء باستخدام Lighthouse CI
- تصميم تجربة المستخدم الخاصة بمفاتيح المرور على حسابات Google
- @property: منح قوى خارقة لمتغيرات CSS
- تقديم معلومات الشحن والاتصال من تطبيق دفع على Android
- العلاقة بين سرعة الموقع الإلكتروني ومقاييس النشاط التجاري
- تسجيل تطبيق دفع مستند إلى الويب
- نظرة عامة حول تطبيقات الدفع المستندة إلى الويب
- التخزين المؤقت لعامل الخدمات والتخزين المؤقت باستخدام بروتوكول HTTP
- معالجة طلبات التنقّل
- استخدام تقرير تجربة المستخدم في Chrome للاطّلاع على الأداء في هذا الحقل
- عرض مثالي لوحدات البكسل باستخدام devicePixelContentBox
- عشرة تخطيطات حديثة في سطر واحد من CSS
- ملخص مباشر لـ web.dev
- أفضل الممارسات المتعلّقة بنموذج تسجيل الدخول
- تحسين تطبيق الويب التقدّمي تدريجيًا
- استخدام ميزات المتصفّح على جميع الأنظمة الأساسية لإنشاء نموذج تسجيل الدخول
- أدوات المطوّرين على الويب لتصحيح أخطاء JavaScript في "بحث Google "
- إنشاء تجارب بحث مرنة باستخدام Workbox
- إضافة الوسائط إلى صفحة ويب
- إضافة روابط جريئة في فيديوهات لم يربطها أحد من قبل: أجزاء من النص
- جعل تطبيق الويب التقدّمي (PWA) أشبه بتطبيق
- كيفية الإبلاغ عن خطأ جيد في المتصفِّح
- قياس الأداء باستخدام نموذج RAIL
- تسريع عمليات التنقّل في React باستخدام الرابط السريع
- حماية الموارد من هجمات الويب باستخدام ميزة "جلب البيانات الوصفية"
- إعادة ترتيب المحتوى
- تحسينات على Web Animations API في Chromium 84
- مسار معاملة الدفع
- تعزيز قدرات تطبيقات الدفع باستخدام "دفعات الويب"
- دليل مطوّري تطبيقات الدفع المتوافقة مع Android
- إعداد طريقة دفع
- مزيد من خيارات الخط المتغيّرة لخط واجهة مستخدم النظام macOS في Chromium 83
- إنجاز المهام بسرعة باستخدام اختصارات التطبيقات
- كيف يمكن لتطبيقات الويب التقدمية أن تحقق نجاح نشاطك التجاري
- جارٍ التحضير لإزالة Appcache
- كيفية تحديد استراتيجية التثبيت
- التخزين الدائم
- كيفية استفادة مؤسسة CommonJS من حِزمك
- إنشاء ملفات صوتية لتطبيقات الويب في Chrome
- سبب حاجتك إلى استخدام ميزات فعالة مع "حصر إمكانية الوصول من مصادر خارجية"
- تحسين أداء تحميل الصفحات في Next.js وGatsby باستخدام ميزة التقسيم الدقيق
- "نفس الموقع" و "اقتباسه المصدر نفسه"
- جعل موقعك الإلكتروني "معزولاً من مصادر متعددة" باستخدام COOP وCOEP
- راقِب إجمالي استخدام الذاكرة في صفحة الويب من خلال قياسUserAgentspecificMemory()
- مدونة web.dev الهندسية رقم 1: كيفية إنشاء الموقع واستخدام مكونات الويب
- تم تحسين النمط التلقائي للوضع الداكن من خلال خاصية CSS لنظام الألوان والعلامة الوصفية المقابلة لها.
- احرص على أن يكون موقعك الإلكتروني متاحًا وقابلاً للاستخدام للجميع خلال أزمة فيروس كورونا المستجد (كوفيد-19).
- أهداف نقر يسهل الوصول إليها
- حلّ مشكلة التحميل الزائد على الخادم
- تصميم سريع الاستجابة يسهل الوصول إليه
- إمكانية الوصول إلى الألوان والتباين
- منع الثغرات الأمنية في البرمجة النصية للمواقع الإلكترونية المستندة إلى DOM باستخدام ميزة "الأنواع الموثوق بها"
- استخدام تطبيق ويب تقدّمي (PWA) في تطبيق Android
- منع تغيير التنسيق وميض النص غير المرئي (FOIT) من خلال التحميل المُسبق للخطوط الاختيارية
- كيفية إعداد Signed HTTP Exchanges (SXG) باستخدام nginx
- كيفية توزيع Signed HTTP Exchanges (SXG) باستخدام nginx
- تحسين صور خلفية CSS باستخدام طلبات البحث عن الوسائط
- إصلاح سرعة موقع الويب بشكل متعدد الوظائف
- محاذاة التمرير بعد تغيير التنسيق
- كيفية إعداد Signed Exchange باستخدام Web Packager
- كيفية توفير تجربة التثبيت داخل التطبيق
- الواقع المعزّز: قد تكون على عِلم به
- استخدام الواقع الافتراضي على الويب، الجزء الثاني
- وضع العناصر الافتراضية في عرض العالم الحقيقي
- تطوير المنظومة المتكاملة لإطار عمل الويب
- ما هي تطبيقات الويب التقدّمية؟
- دمج تطبيقات الويب التقدّمية (PWA) في واجهات المستخدم المدمَجة للمشاركة باستخدام Workbox
- التوافق مع الرموز التكيُّفية في تطبيقات الويب التقدّمية (PWA) مع رموز قابلة للإخفاء
- تحسين إغلاق الصفحة في تنسيق XMLHttpRequest() متزامنًا
- توفير سلاسل محادثات على الويب باستخدام عمال الوحدات
- التحميل التكيُّفي: تحسين أداء الويب على الأجهزة البطيئة
- التطورات في أدوات السرعة: أبرز الأخبار من مؤتمر Chrome Developer Summit لعام 2019
- استخدام عاملي الويب لتشغيل JavaScript من سلسلة التعليمات الرئيسية للمتصفِّح
- الملاحظات والآراء من استطلاع تحسين الصور لصيف 2019
- إنشاء خادم للإشعارات الفورية
- الجلب المسبق للمسار في Next.js
- تقسيم الرمز باستخدام عمليات الاستيراد الديناميكية في Next.js
- كيف تضمن صفحات AMP السرعة في تطبيق Next.js
- الأداء كافتراضي باستخدام Next.js
- الدمج مع واجهة مستخدم مشاركة نظام التشغيل مع Web Share API
- إتاحة الواقع الافتراضي على الويب
- فهم ملفات تعريف الارتباط
- وصفات حلوى SameSite
- الإعلانات السريعة مهمة
- استخدام الإشعارات الفورية للتفاعل مع المستخدمين وإعادة جذبهم
- بدء استخدام notifications API
- استخدام عامل الخدمات لإدارة الإشعارات
- إصلاح عدم ثبات التنسيق
- تقنيات لتحميل تطبيق الويب بسرعة، حتى على هاتف عادي
- خصائص مخصّصة أكثر ذكاءً مع واجهة برمجة تطبيقات Houdini الجديدة
- هناك طريقتان للجلب المسبق: العلامات <link> وعناوين HTTP
- الجلب المُسبَق للموارد لتسريع عمليات الانتقال المستقبلية
- إصلاح المحتوى المختلط
- ما هو المحتوى المختلَط؟
- ابتكار ميزات جديدة تتجاوز الصور باستخدام الفيديوهات الأساسية على الويب
- إضافة رمز Apple touch إلى "تطبيق الويب التقدّمي"
- موقع ويب جاهز للّاعب
- تطبيقات الويب التقدّمية في المواقع الإلكترونية المتعددة المصادر
- تقليل حجم الخط على الويب
- تحسين تحميل WebFont وعرضه
- إنشاء تطبيق ويب تقدّمي باستخدام Angular CLI
- استخدام شبكات توصيل المحتوى (CDN) للصور لتحسين الصور
- تحديد لغة JavaScript البطيئة التابعة لجهة خارجية
- تحميل لغة JavaScript من جهة خارجية بكفاءة
- أداء JavaScript من جهة خارجية
- تحسين JavaScript للجهات الخارجية
- عناصر تحكّم أكثر فعالية في النموذج
- أنشِئ اتصالات بالشبكة مبكرًا لتحسين سرعة الصفحة التي يتم رصدها.
- إنشاء خلفيات تشبه أنظمة التشغيل باستخدام فلتر الخلفية
- الحفاظ على التجديد من خلال ميزة إعادة التحقق
- إنشاء قائمة افتراضية للقوائم الكبيرة باستخدام Angular CDK
- تحسين رصد التغيير في Angular
- توجيه استراتيجيات التحميل المُسبق في Angular
- تنقُّل أسرع على الويب باستخدام ميزة الجلب المُسبَق وبشكل توقّعي
- تكييف عرض الفيديو مع عرض الصور استنادًا إلى جودة الشبكة
- تدقيق إمكانية الوصول في تطبيق Angular باستخدام أداة تحليل الرموز
- ميزانيات الأداء باستخدام واجهة سطر الأوامر في Angular
- الاستعداد مع مشغّل الخدمات في Angular
- Preferred-color-scheme: مرحبًا يا صديقي الظلام يا صديقي القديم
- تقسيم الرمز على مستوى المسار بتنسيق Angular
- البدء: تحسين تطبيق Angular
- أهم النصائح لتحسين أداء الويب
- مكونات الويب: المكون السري الذي يساعد على تعزيز الويب
- استخدام Lighthouse لميزانيات الأداء
- قيمة السرعة
- تعديلات على واجهات برمجة تطبيقات Web Payments
- تثبيت شريط العناوين لتطبيقات الويب التقدّمية على الكمبيوتر المكتبي
- كيف يمكن للأداء تحسين الإحالات الناجحة؟
- أنماط الترويج لتثبيت تطبيق الويب التقدّمي (PWA)
- كيف يمكنني إشعار المستخدمين بأنّ تطبيق الويب التقدّمي (PWA) الخاص بي قابل للتثبيت؟
- عقلية عامل الخدمات
- سياسات الصور لأوقات التحميل السريع وغيرها
- استخراج ملفات CSS المهمة
- استخراج محتوى CSS المهم وتضمينه باستخدام "حرج"
- هل تعمل مهام JavaScript الطويلة على تأخير وقت التفاعل؟
- السرعة على نطاق واسع: ما هي الميزات الجديدة في أداء الويب؟
- نقدّم لك PROXX
- البحث المرئي باستخدام مجموعة أدوات تصور الويب
- ملفات تعريف الارتباط المستخدَمة في SameSite
- العرض التكيُّفي استنادًا إلى جودة الشبكة
- التدريب العملي على البوابات: التنقل السلس على الويب
- تصغير حمولات الشبكة وضغطها باستخدام brotli
- web.dev في مؤتمر I/O لعام 2019
- كيف يمكن قياس السرعة؟
- ما هي السرعة؟
- كيف تبقى سريعًا؟
- تقسيم الرمز باستخدام React.lazy وSuspense
- تدقيق تسهيل الاستخدام باستخدام react-axe وeslint-plugin-jsx-a11y
- إنشاء قائمة افتراضية للقوائم الكبيرة باستخدام نافذة التفاعل
- ميزة "التخزين المؤقت" في "إنشاء تطبيق React باستخدام Workbox"
- أضِف بيان تطبيق ويب باستخدام ميزة "إنشاء تطبيق React".
- البدء: تحسين تطبيق React
- عرض المسارات مسبقًا باستخدام ميزة "تفاعل الانطباق"
- درس تطبيقي حول الترميز: تحميل مواد العرض المهمة مسبقًا لتحسين سرعة التحميل
- يفضل الحركة الأقل: في بعض الأحيان تكون الحركة الأقل أكثر
- تأجيل محتوى CSS غير المهم
- الثقة جيدة، والملاحظة أفضل: الإصدار 2 من أداة مراقبة تقاطع
- أساسيات تصميم الويب سريع الاستجابة
- أوراق أنماط قابلة للبناء
- العرض على الويب
- استخدام الحزمة مع Travis CI
- دمج ميزانيات الأداء في عملية الإنشاء
- ضبط ميزانيات للأداء باستخدام حزمة الويب
- استخدام برنامج تتبُّع Lighthouse لضبط ميزانية للأداء
- Emscripten وnpm
- هل تم تثبيت تطبيقك؟ ستخبرك إحدى هذه الأدوات الخطوات التالية: getثبِّتمنتجات ذات صلة() .
- عرض الرمز الحديث في المتصفِّحات الحديثة لتحميل الصفحات بشكلٍ أسرع
- التكيّف مع المستخدمين من خلال تلميحات العملاء
- التركيز على النمط
- استخدام HTML الدلالي للاستفادة من ميزات لوحة المفاتيح بسهولة
- أساسيات الوصول إلى لوحة المفاتيح
- ما المقصود بإمكانية الوصول؟
- العناوين والمعالم
- الدلالات وقارئات الشاشة
- التصنيفات وبدائل النصوص
- التحكم في التركيز باستخدام Tabindex
- إزالة الرموز غير المستخدَمة
- تقليل حمولات JavaScript من خلال تقسيم الرمز
- ما هي الهجمات الأمنية؟
- استبدال ملفات GIF بفيديو
- تقليل حمولات JavaScript من خلال تقسيم الرمز
- كيفية قياس تحسين محركات البحث باستخدام Lighthouse
- استخدام صور WebP
- جعله قابلاً للتثبيت
- آلية عمل البحث
- الاتجاه الفني
- تحديد عرض عدة فتحات
- تحديد الموارد التي تم تحميلها من الشبكة
- إطار العمل: مجموعة أدوات مشغّلي الخدمات عالية المستوى
- عرض الصور بالأبعاد الصحيحة
- استكشاف لوحة شبكة "أدوات مطوري البرامج"
- استكشاف فرص تحسين الأداء باستخدام Lighthouse
- تجنب وميض النص غير المرئي
- ميزانيات الأداء 101
- ميزانية الأداء الأولى
- العمل مع عاملي الخدمة