![](https://web.dev/static/images/case-studies-header.png?authuser=8&%3Bhl=ar&hl=ar)
دراسات الحالة
إتاحة اتخاذ إجراءات بشأن "الأداء الأساسي" باستخدام بيانات المستخدمين الفعليين
كيفية دمج RUMvision لمعلومات Baseline مع بيانات RUM
الاستفادة من إمكانات طلبات البحث عن حاويات CSS: دروس من فريق Netflix
توضّح دراسة الحالة هذه مزايا استخدام طلبات بحث الحاويات في Netflix.
قصة نجاح مدينة طوكيو في تسجيل الدخول بسرعة أكبر 12 مرة باستخدام مفاتيح المرور
تعرَّف على كيفية نجاح شركة "طوكيو"، وهي شركة سكك حديدية في اليابان، في تسجيل الدخول بشكل أسرع بمعدل 12 مرة باستخدام مفاتيح المرور، وذلك لمساعدة آلاف المسافرين يوميًا.
سبب نقل تطبيق "جداول بيانات Google" عامل العمليات الحسابية من JavaScript إلى WasmGC
كان يتم إجراء العمليات الحسابية في "جداول بيانات Google" في البداية على الخادم، ثم على العميل في JavaScript، والآن على العميل في WebAssembly Garbage Group. توضح دراسة الحالة هذه كيف ولماذا.
تسهيل الاستخدام والتحكُّم بشكل أكبر: كيفية تحسين Google Meet لأذونات الصوت والفيديو
تصف دراسة الحالة هذه كيف حسَّن فريق Google Meet الأذونات وتأثيرها على المستخدمين. الرضا عن الاجتماع.
تستخدم قناة BILIBILI تقنية MediaPipe's التي تعتمد على الذكاء الاصطناعي في الويب على الجهاز لتحسين تجربة المستخدم في بث الفيديو وزيادة مدة الجلسة بأكثر من %30.
تعرَّف على كيفية تفعيل الويب للتجارب الثلاثية الأبعاد الشاملة لمساعدة العملاء في فهم المنتجات المادية واستكشافها.
قصة نجاح شركة Disney+ Hotstar في زيادة عدد مشاهدات البطاقات الأسبوعية بنسبة% 100 على أجهزة غرفة المعيشة من خلال خفض INP بنسبة %61
اكتشِف كيف ساهم تطبيق Disney+ Hotstar للتلفزيون الذكي وأجهزة الاستقبال الرقمية في زيادة تفاعل المشاهدين بشكل كبير بفضل الجهود التي بذلها للحدّ من معدّل INP.
تصميم ثلاثي الأبعاد تفاعلي على الويب باستخدام أجهزة Google: تجارب تعليمية من الجيل التالي للمنتجات
تعرَّف على كيفية تفعيل الويب للتجارب الثلاثية الأبعاد الشاملة لمساعدة العملاء في فهم المنتجات المادية واستكشافها.
قصة نجاح "منصة إدارة الموافقة" من PubTech ' في تقليل INP على مواقع عملائها بنسبة تصل إلى 64% وتحسين إمكانية عرض الإعلانات بنسبة تصل إلى 1.5%
قصة نجاح "منصة إدارة الموافقة" من PubTech ' في تقليل INP على مواقع عملائها بنسبة تصل إلى 64% وتحسين إمكانية عرض الإعلانات بنسبة تصل إلى 1.5%
الملاحظات الجيدة في كل مكان
على مدى العامين الماضيين، كان فريق هندسة Goodnotes يعمل على مشروع لجلب تطبيق تدوين الملاحظات الناجح لأجهزة iPad إلى منصات أخرى. تتناول دراسة الحالة هذه كيفية وصول تطبيق iPad للعام 2022 لهذا العام إلى الويب ونظام التشغيل ChromeOS وAndroid وWindows الذي يعمل بتقنيات الويب وWebAssembly مع إعادة استخدام رمز Swift نفسه الذي كان الفريق يعمل عليه لأكثر من عشر سنوات.
كيف استخدَم مقدِّم اقتراحات المحتوى، Taboola، ميزة LoAF لتحسين INP بنسبة تصل إلى 36% للمواقع الإلكترونية الشريكة للناشرين.
كيف استخدَم مقدِّم اقتراحات المحتوى، Taboola، ميزة LoAF لتحسين INP بنسبة تصل إلى 36% للمواقع الإلكترونية الشريكة للناشرين.
يساعد CapCut في زيادة عدد الزيارات الواردة من نتائج البحث المجانية بنسبة 83% من خلال إنشاء تطبيق ويب يعمل بكامل طاقته باستخدام WebAssembly وWebCodecs.
كيف أنشأ أحد تطبيقات تعديل الفيديوهات الأكثر رواجًا المتاحة للأجهزة الجوّالة إصدار ويب يعمل بكامل طاقته؟
قوة الويب بالنسبة إلى الرسامين: كيفية استخدام pixiv لتقنيات الويب في تطبيق الرسم الخاص بهم
pixiv هي خدمة منتدى على الإنترنت تتيح لرسامي الرسوم المخطّطة والمهتمين بالرسوم المخطّطة التواصل مع بعضهم البعض من خلال المحتوى الذي ينشرونه. يتيح هذا التطبيق للمستخدمين نشر رسوماتهم التوضيحية. ويضم التطبيق أكثر من 84 مليون مستخدم في جميع أنحاء
قصة نجاح شركة Tokopedia في تقليل التكاليف التشغيلية من خلال تحسين تطبيق الويب الخاص بالبائع باستخدام تكنولوجيا تعلُّم الآلة
توضّح هذه المشاركة كيف قلّلت شركة Mitra Tokopedia من تكاليف التشغيل من خلال تحسين تطبيق الويب للبائع باستخدام تعلُّم الآلة.
كيف خفّضت Trendyol مقياس INP بنسبة 50%، ما أدى إلى زيادة بنسبة 1% في نسبة النقر إلى الظهور
توضّح دراسة الحالة هذه سير العمل المفصّل بشأن تصحيح الأخطاء وتحسين INP في React التي تستخدمها Trendyol من خلال الاستفادة من أدوات Google مثل PageSpeed Insights (PSI) وأدوات مطوّري البرامج في Chrome وScheduler.yield API.
كيف يسمح تطبيق Kiwix PWA للمستخدمين بتخزين وحدات غيغابايت من البيانات من الإنترنت لاستخدامها بلا اتصال بالإنترنت
تستكشف دراسة الحالة هذه كيفية استخدام Kiwix، وهي مؤسسة غير ربحية، لتقنية تطبيق الويب التقدمي وواجهة برمجة التطبيقات File System Access API لتمكين المستخدمين من تنزيل أرشيفات الإنترنت الكبيرة وتخزينها للاستخدام بلا اتصال بالإنترنت.
كيف Yahoo! شركة JAPAN ساهمت في زيادة معدّل استخدام مفاتيح المرور بنسبة 11% وخفض تكاليف استخدام كلمات المرور لمرة واحدة (OTP).
مزيد من المعلومات حول Yahoo! النهج الذي تتبعه شركة JAPAN لتحسين استخدام مفاتيح المرور وتجربة المستخدم.
كيف ساعد الجلب المُسبَق شركة Terra من زيادة نسبة النقر إلى الظهور للإعلانات بنسبة% 30 وتسريع سرعة عرض أكبر جزء من المحتوى على الصفحة.
الجلب المُسبَق هو أسلوب يُستخدم لتسريع تحميل الصفحات من خلال تنزيل الموارد، أو حتى الصفحات الكاملة، التي من المرجّح أن تكون مطلوبة في المستقبل القريب. أظهرت الأبحاث أنّ سرعة التحميل تؤدّي إلى زيادة معدّلات الإحالات الناجحة وتحسين تجارب المستخدمين.
إلى أي مدى ساعدت ميزة "التخزين المؤقت للصفحات" في Yahoo! شركة JAPAN News تزيد أرباحها بنسبة 9% على الأجهزة الجوّالة
Yahoo! حققت شركة JAPAN News، إحدى أكثر المنصات الإخبارية شهرة في اليابان، مجهودًا بالتنسيق وعلى وجه التحديد، أظهرت نتائج اختبار A/B الذي أجراه الفريق أنّ الصفحات التي تستخدم ميزة "التخزين المؤقت للصفحات" حققت زيادة بنسبة% 9 في أرباح الإعلانات.
البحث في مجلة Times الاقتصادية عن إصلاح INP
وقد ساعد خفض TBT بمقدار 30 مرة والنقل إلى موقع Next.js في خفض INP بأربع مرات تقريبًا، ما أدّى إلى انخفاض بنسبة 50% في معدل الارتداد وزيادة بنسبة 43% في عدد مشاهدات الصفحة.
كيفية نجاح شركة redBus في تحسين مدى تفاعل المستخدمين مع الطلاء التالي (INP) وزيادة المبيعات بنسبة %7
ساعدت تحسينات INP في زيادة مبيعات شركة redBus بنحو 7%
إنّ لعبة Slow Roads تثير فضول اللاعبين والمطوّرين على حد سواء، وتسلّط الضوء على الإمكانيات المدهشة للتقنية الثلاثية الأبعاد في المتصفّح.
استكشِف الإمكانات التي تتيحها WebGL من خلال محاكاة أجواء لا حصر لها تم إنشاؤها بإجرائي في لعبة القيادة البسيطة هذه. الطرق البطيئة هي لعبة قيادة بسيطة تركّز على المناظر الطبيعية التي تتم بشكل لا نهائي، والتي تتم استضافتها في المتصفّح باعتبارها تطبيق
إنشاء شبكة ويب أفضل: أداء أسرع على YouTube
هذا هو الجزء الأول من سلسلة جديدة حول تحسين تجربة استخدام YouTube على الويب.
كيفية نجاح استثمار شركة Rakuten 24 في "مؤشرات أداء الويب الأساسية" في زيادة الأرباح لكل زائر بنسبة% 53.37 ومعدل الإحالات الناجحة بنسبة %33.13
ومن خلال قياس مؤشرات أداء الويب للمستخدمين الفعليين، توصّلت Rakuten 24 أيضًا إلى أنّ سرعة عرض أكبر جزء من المحتوى على الصفحة (LCP) يمكن أن يؤدّي إلى زيادة معدّل الإحالات الناجحة بنسبة %61.13.
كيفية تحسين "مؤشرات أداء الويب الأساسية" للعملاء بنسبة %75 باستخدام المواقع الإلكترونية والتسويق على GoDaddy
دراسة حالة للتغييرات التي نفّذتها GoDaddy لتحسين أداء المواقع الإلكترونية لملايين المواقع الإلكترونية، ما ساعدها في تحقيق نتائج جيدة في "إحصاءات PageSpeed" و"مؤشرات أداء الويب الأساسية"
متجر بيع بالتجزئة الفاخر (Farfetch) يحقّق معدلات إحالات ناجحة أعلى لتحسين "مؤشرات أداء الويب الأساسية"
كيف أدّى استثمار متجر Farfetch' الفاخر لتحسين "مؤشرات أداء الويب الأساسية" إلى نتائج أفضل للنشاط التجاري
Yahoo! بفضل المصادقة بدون كلمة مرور في اليابان، انخفضت الاستفسارات بنسبة 25%، كما زادت من وقت تسجيل الدخول بمقدار 2.6 مرة.
Yahoo! حققت اليابان نظامًا لإثبات الهوية بدون كلمات مرور. التعرف على نهجهم ونتائج الجهد.
الطريقة التي نجح بها فريق RebelMouse في زيادة ولاء المستخدمين وتفاعلهم من خلال تحسين "مؤشرات أداء الويب الأساسية"
دراسة حالة لقياس التأثير الكامل للنتائج العالية الأداء وفوائدها في "مؤشرات أداء الويب الأساسية"
تجربة ويب حديثة في برنامج Adobe Experience Manager مع WorkBox
تستفيد تطبيقات الويب التقدّمية من ميزات شبكة الويب الحديثة، حيث استخدمت Adobe Workbox للاستفادة من هذه الإمكانات في Adobe Experience Manager.
تطبيق PWA الخاص بشركة MishiPay يزيد من المعاملات 10 مرات ويتيح إضافة الفيديوهات إلى "قائمة المحتوى التالي" لمدة سنتين ونصف
تعرَّف على كيفية زيادة تطبيق الويب التقدّمي (PWA) من MishiPay لـ 10 مرات وتوفير إمكانية الإضافة إلى "قائمة المحتوى التالي" لمدة سنتين ونصف.
كيفية نجاح صحيفة The Economic Times في تجاوز الحدود المفروضة على "مؤشرات أداء الويب الأساسية" وتحقيق معدّل ارتداد أفضل بنسبة% 43 بشكل عام
من خلال تحسين "مؤشرات أداء الويب الأساسية" على موقع The Economic Times الإلكتروني، استطاعت تحسين تجربة المستخدم بشكل ملحوظ وخفض معدّل الارتداد بشكل كبير على الموقع الإلكتروني بأكمله.
كيف حسّنت Terra تفاعل المستخدمين بفضل "الوضع الداكن"
في هذه المقالة، سنحلِّل رحلة Terra بدءًا من تحديد حجم المجموعة النموذجية "الوضع الداكن" ووصولاً إلى تطبيق مظهر داكن مخصّص، وقياس تأثير هذا التنفيذ في مؤشرات الأداء الرئيسية الرئيسية.
كيفية نجاح شركة QuintoAndar في زيادة معدلات الإحالات الناجحة والصفحات لكل جلسة من خلال تحسين أداء الصفحات
أدى مشروع ركّز على تحسين "مؤشرات أداء الويب الأساسية" والنقل إلى Next.js إلى زيادة بنسبة% 5 في معدلات الإحالات الناجحة وزيادة بنسبة% 87 في عدد الصفحات في كل جلسة.
Kapwing: أداة فعّالة لتعديل الفيديوهات على الويب
تتيح شركات مثل Kapwing إنشاء كل محتوى الفيديو هذا على الويب مباشرةً، وذلك باستخدام واجهات برمجة تطبيقات فعّالة (مثل IndexedDB وWebCodecs) وأدوات الأداء.
SVGcode: تطبيق ويب تقدّمي (PWA) لتحويل الصور النقطية إلى رسومات متجه SVG
تحويل صور ملوّنة أو صور نقطية أحادية اللون (PNG أو JPG أو JPEG أو WEBP أو AVIF أو GIF أو...) إلى صور ملوّنة أو صور متجهات أحادية اللون (SVG).
أدى تحسين "مؤشرات أداء الويب الأساسية" على صفحة Mail.ru الرئيسية إلى تحقيق زيادة بنسبة 10% في المتوسط في معدلات الإحالات الناجحة.
أدّت عدة أشهر من العمل بهدف تحسين "مؤشرات أداء الويب الأساسية" على الصفحة الرئيسية لتطبيق Mail.ru إلى تحقيق زيادة بنسبة% 60 في الشريحة المئوية الخامسة والسبعين في متغيّرات التصميم التراكمية (CLS)، ما أدى إلى زيادة متوسط وقت الجلسة بنسبة% 2.7 ومعدلات الإحالات الناجحة للأقسام الأساسية بأكثر من %10.
الطريقة التي حسّنت بها شركة Renault ارتدادها ومعدلات الإحالات الناجحة من خلال قياس وتحسين "سرعة عرض أكبر جزء من المحتوى على الصفحة"
تشرح هذه المشاركة طريقة تعامل Renault وشريكها العالمي مع البيانات بخمسة وخمسين عامًا من أجل قياس وتحسين "مؤشرات أداء الويب الأساسية". وحلّل الفريق البيانات الواردة من 10 ملايين زيارة على صفحاته المقصودة، ووجد هناك ارتباطًا قويًا بين "سرعة عرض أكبر جزء من المحتوى على الصفحة" والإحالات الناجحة، وتمكّن من مضاعفة الجهود المبذولة لتحسين أداء الموقع. سوف نلقي نظرة على نقاط البيانات هذه ونفهم كيف نظمت الفرق عمليات التحسين.
كيفية نجاح شركة Swappie في زيادة أرباح الأجهزة الجوّالة بنسبة% 42 من خلال التركيز على "مؤشرات أداء الويب الأساسية"
تشرح دراسة الحالة هذه كيف نجح فريق Swappie في زيادة الإحالات الناجحة والأرباح من خلال تحسين تطبيق الويب الخاص بهم للتوافق مع "مؤشرات أداء الويب الأساسية".
تأثير "مؤشرات أداء الويب الأساسية" في الأعمال التجارية
ستساعدك هذه المقالة في فهم كيفية ارتباط "مؤشرات أداء الويب الأساسية" بمقاييس النشاط التجاري الرئيسية من خلال استكشاف أمثلة على الشركات التي سبق لها تحقيق تأثير إيجابي في مستخدميها ونشاطها التجاري.
كيف ساهم الالتزام بـ "مؤشرات أداء الويب الأساسية" في زيادة أرباح الإعلانات لدى شركة Netzwellt بنسبة %18
اكتشِف كيف حسّنت شركة نشر الأخبار الألماني Netzwellt "مؤشرات أداء الويب الأساسية" من أجل تحسين تجربة المستخدم وزيادة أرباح الإعلانات.
يحقّق تطبيق PWA الخاص بشركة Blibli أرباح أكثر 10 مرات لكل مستخدم مقارنةً بالموقع الإلكتروني السابق المتوافق مع الأجهزة الجوّالة.
كيف نجح Blibli في تحقيق انخفاض بنسبة 42% في معدل الارتداد، وتحسُّنًا بمقدار 8 مرات في معدل الإحالات الناجحة عبر الأجهزة الجوّالة، وزيادة عدد الصفحات بمقدار 2.5 مرة لكل جلسة.
تحسين متغيّرات التصميم التراكمية في Telegraph Media Group
"كيف استطاعت Telegraph، وهي الموقع الإخباري الرائد في المملكة المتحدة، تحسين متغيّرات التصميم التراكمية (CLS)" لنسبة 75% من 0.25 إلى 0.1 خلال شهرين؟
Orange: يحقق PWA الجديد إحالات ناجحة أفضل بنسبة 52% على الأجهزة الجوّالة
يحقّق تطبيق الويب التقدّمي الجديد أيضًا متوسط وقت تحميل أسرع بمقدار 30% من الموقع القديم، وقد حسّن معدّل الارتداد بنسبة% 12 وعمق الجلسة بنسبة %18.
شركة Mainline للملابس الرجالية تستخدم PWA وتشهد زيادة في معدل الإحالات الناجحة بنسبة 55%
تطبّق شركة Mainline Menswear تطبيق ويب تقدّميًا (PWA)، وتشهد زيادة في معدل الإحالات الناجحة بنسبة 55% للمستخدمين الذين ثبَّتوا التطبيق مع إمكانات التخزين المؤقت وإمكانية الوصول بلا اتصال بالإنترنت.
كيف استطاعت شركة Zalando تقليل وقت الملاحظات المتعلّقة بالأداء من يوم واحد إلى 15 دقيقة باستخدام أداة Lighthouse CI
تبيّن لفريق الويب في Zalando أن دمج Lighthouse CI في العالم قد أتاح نهجًا استباقيًا لتعزيز الأداء، وذلك من خلال عمليات التحقّق من الحالة المبرمَجة التي يمكنها مقارنة الالتزام الحالي بالفرع الرئيسي لمنع تراجع الأداء.
موقع Lowe's على الويب من بين أسرع مواقع التجارة الإلكترونية أداءً
ومن خلال إنشاء نظام مبرمَج لاختبار الأداء ومراقبته، يختبر فريق سرعة الموقع في شركة Lowe's الطلبات مقارنة بميزانيات الأداء، ويمنع تراجع الأداء في مرحلة الإنتاج.
Vodafone: تحسين بنسبة% 31 في سرعة LCP لزيادة المبيعات بنسبة %8
من خلال إجراء اختبار A/B تركّز بشكل خاص على تحسين "مؤشرات أداء الويب"، وجدت شركة Vodafone أنّ التحسين بنسبة% 31 في سرعة LCP أدّى إلى زيادة المبيعات بنسبة% 8، وتحسُّن بنسبة% 15 في معدّل الزيارات بالنسبة إلى الشركة، بالإضافة إلى تحسُّن بنسبة% 11 في معدّل زيارة سلة التسوّق.
كيفية تحسين Wix لأداء المواقع الإلكترونية من خلال تطوير البنية الأساسية
دراسة حالة لبعض التغييرات الرئيسية التي تم إدخالها على Wix لتحسين أداء تحميل المواقع الإلكترونية لملايين المواقع، ما يفسح المجال أمامها للحصول على نتائج جيدة في "إحصاءات PageSpeed" ونتائج "مؤشرات أداء الويب الأساسية"
كيف ساهمت تحسينات متغيّرات التصميم التراكمية في Yahoo! مشاهدات صفحات أخبار اليابان لكل جلسة بنسبة 15%
باستخدام Search Console وLighthouse، لمراقبة "مؤشرات أداء الويب الأساسية"، اكتشف الفريق فرصًا لتحسين نتيجة متغيّرات التصميم التراكمية (CLS) بمقدار 0.2، ما أدّى إلى زيادة بنسبة% 15 في عدد مشاهدات الصفحة لكل جلسة، وزيادة مدة الجلسة بنسبة% 13، وانخفاض معدل الارتداد بنسبة 1.72 نقطة مئوية.
Agrofy: تحسُّن بنسبة% 70 في سرعة LCP مرتبط بانخفاض معدّل ترك التحميل بنسبة% 76
اقرأ كيف حسّنت شركة Agrofy معدّل التراجع عن التحميل من خلال التركيز على "مؤشرات أداء الويب الأساسية".
إيقاف إصدار Excalidraw Electron لصالح إصدار الويب
لوح معلومات Excalidraw هو لوح معلومات افتراضي تعاوني يتيح لك بسهولة رسم الرسوم التخطيطية التي تبدو مرسومة يدويًا. في مشروع Excalidraw، قرّرنا إيقاف Excalidraw Desktop، وهو برنامج Electron لـ Excalidraw، لصالح إصدار الويب الذي يمكنك العثور عليه دائمًا على excalidraw.com. وبعد إجراء تحليل دقيق، قرّرنا أن تطبيق الويب التقدّمي (PWA) هو المستقبل الذي نريد البناء عليه.
يزداد احتمال شراء مستخدمي تطبيق الويب التقدّمي (PWA) لمشتريات Gravit Designer PRO بمقدار 2.5 مرات
علاوةً على ذلك، إنّ مستخدمي تطبيقات الويب التقدّمية (PWA) أكثر نشاطًا بنسبة% 24 مقارنةً بجميع أنواع عمليات التثبيت الأخرى، كما أصبحوا مستخدمين متكررين أكثر بنسبة% 31 من جميع الأنظمة الأساسية الأخرى، وغير ذلك.
زيادة بنسبة 97% في عمليات تثبيت تطبيقات الويب التقدّمية (PWA) لمحرّر الفيديو في Clipchamp
كيفية استفادة 12 مليون مستخدم من تطبيقات الويب التقدّمية (PWA) وWebAssembly وChromeOS لمحرِّر فيديو مستنِد إلى الويب أداء أفضل وتجربة أكثر تفاعلاً
شركة JD.ID تحسِّن معدل الإحالات الناجحة على الجهاز الجوّال بنسبة 53% باستخدام استراتيجيات التخزين المؤقت والتثبيت والإشعارات الفورية
كيفية نجاح شركة JD.ID في زيادة معدّل الإحالات الناجحة الإجمالي على الأجهزة الجوّالة بنسبة 53% وزيادة mCVR للمستخدمين الذين ثبّتوا التطبيق بنسبة %200 والمستخدمين النشطين يوميًا بنسبة %26.
استثمار Rakuten 24 في تطبيق الويب التقدّمي (PWA) يزيد من الاحتفاظ بالمستخدمين بنسبة 450%
وأدّى جعل تطبيق الويب قابلاً للتثبيت إلى زيادة عدد الزيارات، والاحتفاظ بالزوّار، والمبيعات لكل عميل، والإحالات الناجحة.
حقّقت NDTV تحسّنًا بنسبة 55% في سرعة LCP من خلال تحسين مقياس "مؤشرات أداء الويب الأساسية"
وباستخدام أدوات مثل PageSpeed Insights وweb.dev/measure وWebPageTest، حلل فريق NDTV مجالات التحسين المحتملة واستثمر في مؤشرات أداء الويب الأساسية لتحقيق النجاح في النشاط التجاري.
كيفية مساهمة التركيز على أداء الويب في تحسين نسبة النقر إلى الظهور في Tokopedia بمقدار 35%
إنشاء لوحة بيانات لأداء الويب وتحسين JavaScript والموارد والصفحة الرئيسية لتحقيق نجاح النشاط التجاري
كيف أنشأت شركة ZDF فيديو بتنسيق PWA فيديو باستخدام "وضع عدم الاتصال بالإنترنت" و"الوضع الداكن"
تعرَّف على كيفية إنشاء شركة ZDF لتطبيق ويب تقدّمي (PWA) بميزات حديثة مثل إتاحة استخدامه بلا إنترنت وإمكانية التثبيت والوضع الداكن.
كيفية تحسين PWA من Goibibo للإحالات الناجحة بنسبة 60%
تعرَّف على كيفية نجاح شركة Goibibo، وهي أكبر شركة سفر على الإنترنت في الهند، في تحقيق زيادة بنسبة% 60 في الإحالات الناجحة من خلال توفير تجارب موثوقة للمستخدمين بين تطبيقات الويب التقدّمية (PWA) وتطبيقات iOS/Android.
الطريقة التي حسّنت بها شركة Mercado Libre "مؤشرات أداء الويب" (TBT/FID)
ملخّص للعمل الذي أنجزه فريق تصميم الواجهة الأمامية في Mercado Libre لتحسين مقياس FID باستخدام "TBT" كمقياس للوكيل.
المللي ثانية تكسب الملايين
ويمكن أن يؤدي التحسين الذي تبلغ مدته 0.1 ثانية في 4 مقاييس للسرعة إلى تحسين معدّلات التقدّم في مسار الإحالة الناجحة الكامل للشراء.
دراسة حالة حول Wake Lock API: زيادة بنسبة% 300 في مؤشرات الرغبة في الشراء على BettyCrocker.com
دراسة حالة لتجارب موقع الطهي BettyCrocker.com's في تنفيذ واجهة برمجة تطبيقات Wake Lock.
الطريقة التي اعتمدتها Google لتحسين أداء الإعلانات باستخدام ميزة "القديمة أثناء إعادة التحقق"
توضّح دراسة الحالة هذه كيف حسّنت Google مقاييس النشاط التجاري الرئيسية للإعلانات عن طريق تحسين أداء نص إعلانات الجهات الخارجية باستخدام القديم أثناء إعادة التحقق.
التسوُّق للحصول على سرعة على eBay.com
تشرح دراسة الحالة هذه كيف نجحت eBay في زيادة مقاييس الأعمال الرئيسية عن طريق تحسين أداء تجاربها على الويب وفي التطبيقات.
OYO Lite: تطبيق TWA يتضمّن أفضل تطبيقات الويب وAndroid
كيف أنشأت شركة ناشئة في مجال الضيافة تطبيق Android يعتمد على محتوى الويب لزيادة تفاعل المستخدمين بشكل كبير والحفاظ على انخفاض حجم الملف.
خمس طرق تحسين ميزة AirSHIFT في وقت تشغيل تطبيق React الخاص بها
كيفية استخدام فريق AirSHIFT للمحاكاة الافتراضية للجداول، وبيانات RUM، والتحميل الكسول، وعاملو الويب، وميزانيات الأداء، وفعاليات الهاكاثون لتحسين أداء تطبيقات React في أوقات التشغيل.
كيف جعلت شركة Truebil شبكة الويب من النمو
تشرح دراسة الحالة هذه كيف نجح فريق Truebil في زيادة الإحالات الناجحة والتفاعل من خلال تحسين تطبيق الويب الخاص بهم لزيادة السرعة والموثوقية.
كيفية زيادة OpenSooq للتفاعل من خلال الاستثمار في الويب
تعرّف على كيفية استخدام فريق OpenSooq لأفضل الممارسات لإنشاء تطبيق ويب تقدّمي موثوق وجذاب للسوق.
كيفية طرح Google Earth على الويب
تحسين الوصول عبر المتصفحات إلى Google Earth باستخدام WebAssembly
جذب عاملي الخدمات إلى "بحث Google"
يمكنك البحث عن أي موضوع تقريبًا على Google، وسيتم عرض صفحة لك تتضمّن نتائج مفيدة وذات صلة. ما قد لا تدركه هو أنّ صفحة نتائج البحث هذه قد يتم عرضها بواسطة أداة قوية من تكنولوجيا الويب تسمى مشغّل الخدمات.
شركة Nikkei تحقّق مستوى جديدًا من الجودة والأداء باستخدام تطبيق ويب تقدّمي (PWA) متعدد الصفحات
تتمتع "نيكي" بسجلّ نشر يزيد عن 140 عامًا، وتعدّ واحدة من أكثر الشركات الإعلامية موثوقية في اليابان. بهدف توفير تجربة أفضل للمستخدم وتسريع وتيرة نشاطها التجاري على الويب، أطلقت شركة Nikkei بنجاح تطبيق ويب تقدّميًا في تشرين الثاني (نوفمبر) 2017، وشهدت نتائج مذهلة من خلال المنصة الجديدة.
يحسن موقع George.com تجربة العملاء على الأجهزة الجوّالة باستخدام تطبيق ويب تقدّمي جديد
George.com هي علامة تجارية رائدة للملابس في المملكة المتحدة، وهي جزء من ASDA Walmart. بعد ترقية موقعها الإلكتروني إلى تطبيق ويب تقدّمي (PWA)، شهدت العلامة التجارية زيادة بنسبة 31 في المئة في الإحالات الناجحة على الأجهزة الجوّالة. مع ارتفاع توقعات
تطبيق الويب التقدمي الجديد من BookMyShow يحقق زيادة بنسبة% 80 في الإحالات الناجحة
BookMyShow هي أكبر شركة تذاكر في الهند، مع 50+ مليون زائر شهريًا. وقد طوّرت الشركة نسخة محسَّنة من موقعها الإلكتروني المتوافق مع الأجهزة الجوّالة باستخدام تطبيق ويب تقدّمي (PWA)، بهدف تحسين السرعة وإزالة قيود البيانات، ما أدّى إلى زيادة بنسبة %80 في الإحالات الناجحة.
Ele.me تحسِّن أوقات تحميل الأداء باستخدام تطبيق ويب تقدّمي متعدد الصفحات
Ele.me هي أكبر شركة لطلب الطعام وتوصيله في البر الرئيسي في الصين. لقد طوّرت الشركة "تطبيق الويب التقدّمي" (PWA) كتطبيق متعدد الصفحات لتحسين تجربة الويب على الأجهزة الجوّالة، ما جعلها أسرع وأكثر موثوقية في ظل الاتصالات غير المستقرة، مع تلبية احتياجاتها التشغيلية لتلبية احتياجات العملاء على أفضل وجه.
ارقص على أنغام WebVR
تقدم Dance Tonite أعمالاً مشترَكة دائمة التغيّر مع فرقة LCD Soundsystem ومعجبيها. يعمل المشروع المُضمَّن في WebVR على مختلف المنصات، مع توفّر تقنية الواقع الافتراضي وبدونها، ما يمنح المستخدمين دورًا مختلفًا في التجربة اعتمادًا على أجهزتهم. تمكّن صانعو المشاريع "جوناثان بوكي" و"مونيكر" وفريق "Google Data للفنون" من اتخاذ القرارات الإبداعية وأساليب التحسين المتقدّمة، ما أتاح تحقيق أداء عالي الجودة، حيث اقترب كل من 60 لقطة في الثانية لـ 3DoF و90 لقطة في الثانية لـ 6DoF، بالإضافة إلى تجربة مستخدم جذابة في جميع المنصات باستخدام قاعدة رموز واحدة.
تطبيق ويب تقدّمي (PWA) جديد من MakeMyTrip.com يحقّق تحسّنًا في معدلات الإحالات الناجحة بمقدار 3 مرّات
بعد إطلاق تطبيق ويب تقدّمي، تضاعف معدل الإحالات الناجحة من MakeMyTrip.com على ويب الجوّال ثلاث مرات، في حين تحسّنت سرعة تحميل الصفحة بنسبة 38%.
تطبيق ويب تقدّمي (PWA) من Twitter Lite يزيد من التفاعل بشكل كبير ويقلل استخدام البيانات
يجمع تطبيق الويب التقدّمي Lite Lite بين أفضل ميزات الويب الحديثة والميزات الأصلية لتقديم تجربة أكثر فعالية، مع وضع أهداف واضحة للتحميل الفوري وتفاعل المستخدمين وتقليل استهلاك البيانات.
شركة OLX تعزّز إعادة التفاعل على الويب على الأجهزة الجوّالة بنسبة 250% باستخدام تطبيق ويب تقدّمي
بالنسبة إلى OLX، أدى إنشاء تطبيق ويب تقدّمي إلى زيادة التفاعل بنسبة% 250 وتقليل وقت الصفحة إلى التفاعل بنسبة %23.
شركة Ola تقدم التنقل لمليارات من الهنود باستخدام تطبيق الويب التقدمي
شركة Ola هي إحدى شركات تجميع سيارات الأجرة الرائدة في الهند، وتتمثّل مهمتها المتواصلة في زيادة حركة التنقّل لمليارات الأشخاص الهنود. تصل الشركة إلى أكثر من 100 مدينة هندية من خلال شبكة تضم حوالي 600 ألف شريك سائق. ولأنّ شركة Ola واحدة من الشركات
0 س ساعة1
0h h1 هي لعبة شيّقة وممتعة على الأجهزة الجوّالة. لطالما أحببت الإمكانيات غير المحدودة لتكنولوجيا الويب، وأعتبر نفسي لأنني طبّقتها منذ سنوات عديدة، لأن هذه السنوات الماضية شهدت تحسينات مذهلة تؤدي إلى تطوّر الويب، على كل من أجهزة الكمبيوتر المكتبي
إعادة إنشاء موقع Lancكوم لموقعه الإلكتروني المتوافق مع الأجهزة الجوّالة كتطبيق ويب تقدّمي (PWA)، وزيادة الإحالات الناجحة بنسبة 17%
لجذب المزيد من الزيارات وإعادة جذب المستخدمين، أطلقت العلامة التجارية لمستحضرات التجميل الفاخرة Lancكوم تطبيق ويب تقدّميًا (PWA) لتقديم تجربة سريعة شبيهة بالتطبيق على الويب على الأجهزة الجوّالة
Jumia تحقّق زيادة بنسبة 33% في معدّل الإحالات الناجحة وزيادة بمقدار 12 ضعفًا في عدد مستخدمي تطبيقات الويب التقدّمية (PWA)
لقد تجاوز عدد الزيارات إلى تطبيق الويب التقدّمي (PWA) التابع لشركة Jumia عدد الزيارات الواردة إلى التطبيق المحلي بأكثر من 12 ضعفًا وما زال هذا العدد في ازدياد. وشهدت Jumia أيضًا انخفاضًا بنسبة 50% في معدل الارتداد.
شركة Infobae تضاعف الوقت الذي يقضيه المستخدمون على موقعها الإلكتروني المتوافق مع الأجهزة الجوّالة بفضل تطبيق ويب تقدّمي
استفادت شركة Infobae من مشغّل الخدمات لتقديم أداء موثوق به على الشبكات غير الموثوق بها. حقّق تطبيق PWA الأفضل في فئته نتيجة أداء 93/100 على Lighthouse، وهي أداة مبرمَجة لقياس جودة صفحات الويب.
شركة Mynet تزيد من سرعة تجربة الويب على الأجهزة الجوّالة بمقدار 4 أضعاف، ما يزيد الأرباح بنسبة 25% باستخدام صفحات PWA المستندة إلى AMP
فكل شهر، يوفر Mynet لأكثر من 34 مليون زائر لموقعهم الإلكتروني من خلال المحتوى والخدمات والأخبار والفيديوهات وألعاب الفيديو والمحتوى المالي والإعلامي والترفيهي. بعد إطلاق تطبيق ويب تقدّمي (PWA) يستخدم Accelerated Mobile Pages (AMP) للمحتوى، لاحظ
تطبيق ويب تقدّمي في Voot
شركة Voot.com تطلق تطبيق الويب التقدّمي للوسائط التي تطلقها في الهند خلال أيام التنفيذ، زاد وقت الجلسة لكل مستخدم بنسبة 39% والمشاهدات اليومية لكل مستخدم بنسبة 15%. يُعد Voot أحد أهم منتجات الفيديو عند الطلب في الهند، وهو متوفر كتطبيق محلي وتطبيق ويب
متتبع سانتا باعتباره تطبيق ويب تقدّمي (PWA)
الاطّلاع على الموقع الإلكتروني تمّت ترقية "Santa Tracker" سريعًا إلى تطبيق ويب تقدّمي بلا إنترنت لموسم الأعياد لعام 2016. ويعود الفضل في ذلك جزئيًا إلى تصميم المشهد الحالي لدينا Santa Tracker هو تقليد العطلات هنا في Google. ويمكنك في كل عام الاحتفال
الواقع الافتراضي Matterport لـ WebVR
الاطّلاع على الموقع الإلكتروني من خلال إضافة دعم WebVR، يسهّل Matterport استكشاف الأماكن على أرض الواقع في الواقع الافتراضي الغامر. مع عدم وجود تطبيقات يمكن تنزيلها، سيقلل WebVR من عمليات الانسحاب ويتيح للشركاء الاحتفاظ بالمستخدمين على مواقعهم
Bear 71 وWebVR
مشاهدة الوثائقي WebVR هي واجهة برمجة تطبيقات تم دمجها في المتصفحات وتجمع بين عرض الاستيريو وتتبُّع حركة الرأس في الوقت الفعلي، ما يتيح طريقة سريعة وسهلة للاستمتاع بمحتوى الواقع الافتراضي على الإنترنت. باستخدام WebVR، يمكن لصنّاع المحتوى إنشاء محتوى
التفاعلات الأساسية في مختبَر WebVR
الاطّلاع على التمرين المعملي مصممو مواقع الويب على دراية بفكرة التصميم سريع الاستجابة، وإنشاء موقع ويب للعمل عبر أجهزة مختلفة، مثل الهواتف المحمولة والأجهزة اللوحية وأجهزة الكمبيوتر ودرجات دقة الشاشة ونسب البكسل المختلفة. يقدّم WebVR تحديات جديدة
عرض النص في WebVR
"داخل" هي منصّة لسرد القصص في الواقع الافتراضي ومتوفّرة في أي مكان يتم فيه استخدام الواقع الافتراضي، بما في ذلك الويب. من خلال الاستفادة من تقنية WebVR، يستطيع المشاهدون الانتقال إلى موقع إلكتروني، والنقر على رابط، ومشاهدة أفلام داخل المحتوى على الفور باستخدام تقنية الواقع الافتراضي الغامر، بما في ذلك الشاشات المتطورة التي يتم ارتداؤها على الرأس. أثناء عملية التطوير، اكتشف الفريق صعوبة عرض النص في هذه البيئة الجديدة، وأنشأوا مثالاً باستخدام أدوات التظليل لجعلها أكثر سلاسة.
خطوط أرضية
ميزة "الخطوط الأرضية" هي تجربة تتيح لك استكشاف صور القمر الصناعي على Google Earth من خلال الإيماءات. وباستخدام مزيج من التعلم الآلي والخوارزميات المُحسنة وطاقة بطاقة الرسومات، يمكن تنفيذ التجربة بكفاءة على متصفح الويب الخاص بهاتفك دون الحاجة إلى خوادم خلفية. هذه نظرة على عملية التطوير والأساليب المختلفة التي جرّبناها والتي قادتنا إلى النتيجة النهائية.
خط الكرنفال البحري
توفّر شركة Carnival Cruise Line خدمة تواصل مخصّصة وجذابة لعملائها من خلال الإشعارات الفورية. تنزيل دراسة الحالة بتنسيق PDF أرادت شركة Carnival Cruise Line، إحدى أكبر شركات السفر للترفيه في العالم، تحسين طريقة إعادة جذب عملائها. كان الهدف هو إرسال
قناة الطقس
تقدم شركة Weather Company، وهي شركة IBM Business، 40 مليار طلب توقع في المتوسط كل يوم، مما يساعد الأشخاص على التخطيط لحياتهم اليومية واتخاذ قرارات أفضل بناءً على الطقس.
Smart Lock لوصيّ الجارديان
تنزيل دراسة الحالة بتنسيق PDF تنشر Guardian News & Media (GNM) موقع theguardian.com ، وهو أحد أكبر مواقع الأخبار الإخبارية المتقنة باللغة الإنجليزية في العالم. ومنذ إطلاق إصداراتها الرقمية في الولايات المتحدة وأستراليا في عامي 2011 و2013 على
Smart Lock في AliExpress
تنزيل دراسة الحالة بتنسيق PDF تم إطلاقه في نيسان (أبريل) 2010، وهو سوق عالمي للبيع بالتجزئة يستهدف المستهلكين في جميع أنحاء العالم. وتعمل المنصة على تمكين المستهلكين من جميع أنحاء العالم من الشراء مباشرةً من تجّار الجملة والمصنعين في الصين من خلال
يزيد موقع Housing.com من الإحالات الناجحة ويقلل معدل الارتداد بنسبة 40% باستخدام تطبيق الويب التقدّمي الجديد (PWA)
تنزيل دراسة الحالة بتنسيق PDF Housing.com هي من أهم الشركات الناشئة في الهند. وفي المسار الصحيح لاستقبال 50 مليون زيارة هذا العام، أصبحت المنصة واحدة من المنصات الرائدة في مجال العقارات على الإنترنت في الهند. بعد إنشاء تطبيق Housing Go ، وهو تطبيق
قياس تأثير الأداء الفعلي للعاملين في مجال تقديم الخدمات
قياس تأثير الأداء الفعلي للعاملين في مجال تقديم الخدمات
صحيفة واشنطن بوست
AMP تساعد صحيفة واشنطن بوست في زيادة عدد المستخدمين المكرّري الزيارة من بحث الجوّال بنسبة 23% تنزيل دراسة الحالة بتنسيق PDF تدرك واشنطن بوست أنّ توفير تجربة قراءة رائعة على الأجهزة الجوّالة هو أمر بالغ الأهمية لنجاحها على المدى الطويل، وذلك بفضل ما
إنشاء تطبيق الويب التقدّمي Google I/O 2016
إنشاء تطبيق ويب تقدّمي (PWA) لمؤتمر Google I/O 2016 باستخدام مكوّنات الويب
إكسترا للإلكترونيات
شركة United eXtra Electronics تنجح في زيادة مبيعات التجارة الإلكترونية بنسبة% 100 باستخدام ميزة "إشعارات فورية على الويب" تنزيل دراسة الحالة بتنسيق PDF إكسترا هي شركة البيع بالتجزئة الرائدة والأسرع نموًا في المملكة العربية السعودية للأجهزة
جوميا
تساعد ميزة "الإشعارات الفورية" في التخلّي عن سلة التسوق بشكل خاطئ وزيادة الإحالات الناجحة بمقدار 9 مرات تنزيل دراسة الحالة بتنسيق PDF Jumia هو موقع إلكتروني رائد في مجال التجارة الإلكترونية في أفريقيا. يستخدم معظم عملائهم الأجهزة الجوّالة، التي توفّر
BaBe
ينافس تطبيق الويب التقدّمي (Progressive Web App) المتوافق مع جميع المتصفّحات أداء التطبيق المحلي. تنزيل دراسة الحالة بتنسيق PDF تم إطلاق BaBe في عام 2013، وهو أكبر تطبيق لتجميع الأخبار في إندونيسيا. تم تنزيل التطبيق بواسطة أكثر من مليون شخص. انتقل
كونغا
شركة Konga تخفض استخدام البيانات بنسبة 92% باستخدام تطبيق الويب التقدّمي الجديد تنزيل دراسة الحالة بتنسيق PDF تم إطلاق Konga في عام 2012، وهو موقع رائد في مجال التجارة الإلكترونية في نيجيريا، حيث يبيع كل شيء من الكتب إلى الثلاجات والهواتف المحمولة.
5 أميال
الأميال 5 تؤدي إلى تقليل معدل الارتداد بنسبة 50% وزيادة الإحالات الناجحة بنسبة 60% باستخدام تطبيق الويب التقدّمي الجديد تنزيل دراسة الحالة بتنسيق PDF "بِع ما حصلت عليه واشترِ ما تريده!" هو شعار 5 أميال، وهو سوق للهاتف المحمول حيث يمكن للمتسوقين شراء
سومو
يعزّز الموقع العقاري الأفضل في اليابان البيانات الجديدة باستخدام الإشعارات الفورية على الويب، ويشهد زيادة بنسبة% 31 في معدل فتح الإشعارات. تنزيل دراسة الحالة بتنسيق PDF يُعد SUUMO أفضل موقع عقارات في اليابان، ويخدم ما يقرب من 11% من سكان البلاد. يبحث
جلسات فنية افتراضية
وتمّت دعوة ستة فنانين للرسم والتصميم والنحت في الواقع الافتراضي.
شبكة Net-A-Porter
Net-A-Porter يوفر وقت التطوير من خلال مكتبة البوليمر من Google نفذت NET-A-portER تصميمًا قائمًا على المكونات على مواقعها الإلكترونية على الإنترنت باستخدام مكتبة البوليمر التابعة لشركة Google. وكانت النتيجة توفيرًا كبيرًا في وقت التطوير ووضع رموز
شركة Flipkart تضاعف الوقت المستغرَق في الموقع باستخدام تطبيق الويب التقدّمي
في عام 2015، تبنت شركة Flipkart، وهي أكبر موقع للتجارة الإلكترونية في الهند، استراتيجية مستندة إلى التطبيق فقط، وأغلقت موقعها الإلكتروني المتوافق مع الأجهزة الجوّالة مؤقتًا. وجدت الشركة أنّه من الأصعب والأصعب توفير تجربة مستخدم سريعة وجذابة كتلك المتوفرة في تطبيقها المتوافق مع الأجهزة الجوّالة، ولكن بعد ذلك، قرّرت شركة Flipkart إعادة التفكير في منهج التطوير الذي تتّبعه. وقد انجذبوا مرة أخرى إلى استخدام ويب الأجهزة الجوّالة بفضل الميزات التي جعلت الويب على الأجهزة الجوّالة يعمل بشكل فوري وتعمل بلا اتصال بالإنترنت وتعيد جذب المستخدمين.
إنشاء سيف ضوئي باستخدام البوليمر
كيفية إعداد مشروع WebGL بعدد لقطات في الثانية باستخدام البوليمر
Google+
لقد حققنا هدفنا المتمثل في عدم تنزيل أكثر من 60 كيلوبايت من HTML و60 ألف من JavaScript و60 ألف من CSS في أي وقت.
ما وراء الكواليس
يعيد وضع "الرف" جذب المستخدمين على الويب على الأجهزة الجوّالة، ما ساهم في زيادة الأرباح لكل زيارة بنسبة 26% باستخدام الإشعارات الفورية.
AirHorner.com
AirHorner هو تطبيق ويب تقدّمي بسيط وفعّال، يُظهر قدرات مشغِّلي الخدمات وواجهة برمجة تطبيقات Web Audio API ليمنحك البوق الخاص بك. يمكنك استخدامه لإزعاج أصدقائك أو زملائك في العمل، بغض النظر عما إذا كنت متصلاً بالإنترنت أو غير متصل أو تستخدم شبكة 2G غير مستقرة.
عاملو الخدمات في مرحلة الإنتاج
تعرَّف على كيفية استخدامنا لمكتبات "خدمة عامل التشغيل" لجعل تطبيق الويب الخاص بمؤتمر Google I/O لعام 2015 سريعًا ويعمل بشكل أساسي بلا إنترنت. تم تطوير تطبيق الويب الخاص بمؤتمر Google I/O لعام 2015 من قِبل فريق "العلاقات مع المطوّرين" في Google،
مكتبة Hummingbird
مكتبة Hummingbird: واجهة أمامية جديدة ومبتكرة لتطبيق Hummingbird، وهو موقع شهير لتتبّع ساعات المشاهدة ومواقع استكشاف الأنمي. لطالما كان عشاق الرسوم المتحركة (مثلي، حيث إن عدد المشاهدات الذي تحصده لقطة الشاشة حقيقيًا). من بين المواقع الشهيرة في هذا
آلة مادون أدفنتشر
تقدم قناة Madeon Adventure Machine حملة ترويجية بارعة لألبوم Madeon الجديد الذي يتميز بآلة طبول ممتعة. إنّ لعبة Adventure Machine هي تطبيق بسيط حقًا، ولكنها تؤدي وظيفتها بشكل جيد للغاية. من خلال استخدام Web Audio واختيار Web Midi (نعم، يمكنك توصيل
Adsy.me
Adsy.me هو طريقة سريعة وسهلة جدًا لإنشاء مواقع إلكترونية مصغّرة متوافقة مع الأجهزة الجوّالة. Adsy.me هي أداة تتيح لأي مستخدم إنشاء موقع إلكتروني متوافق مع الأجهزة الجوّالة، وقد اكتسبت فورًا ثقتي من خلال استخدام التطبيق التجريبي الخاص به. إنّ الأداة
قناة Little Alchemy
Little Alchem: هي لعبة مرحة ومتوافقة مع الأجهزة الجوّالة مستوحاة من قصة شقيقها الأكبر Alchemy. تُعدّ Little Alchemy مثالاً رائعًا على استخدام أحدث قدرات منصة الويب لتحقيق الاستفادة الكاملة منها. يستخدم هذا الزر بيان تطبيق الويب لتشغيل وضع ملء الشاشة
قارئ أخبار الاختراق
Hacker News Reader: قارئ رائع ومحسّن لأخبار Hacker News. يقدم هذا التطبيق تجربة قراءة جميلة ومحسَّنة للغاية لـ Hacker News، ويعمل بشكل جيد ويبدو رائعًا على الأجهزة الجوّالة والأجهزة اللوحية وأجهزة سطح المكتب. إنه سريع واختباره على الهاتف المحمول،
قمة مطوري برامج Chrome 2014
تم إنشاء موقع مؤتمر Chrome Dev Summit لعام 2014 داخليًا من قِبل بول لويس، الذي عرض موقع CDS الإلكتروني كيفية إنشاء تجربة ويب رائعة للأجهزة الجوّالة لزوّار المؤتمرات.
ميري بيكسماس
Merry Pixmas: أجواء ممتعة لعيد الميلاد مع عمليات تحويل CSS الثلاثية الأبعاد. عرض توضيحي لعيد الميلاد يمكن العثور عليه ويعمل بشكل جيد على أجهزة الكمبيوتر المكتبي والأجهزة الجوّالة. وهو يأتي أيضًا مزوّدًا بألوان جديدة للمظاهر، وبيان ويب لتجربة الشاشة
فلتر الويب
فلاتر الويب: فلاتر كاميرا سريعة وسريعة وغير نظيفة. تطبيق كاميرا رائع مستند إلى الويب يتيح لك تطبيق الفلاتر في الوقت الفعلي. فهي تحفظ الصورة تلقائيًا على جهازك المحلي، مما يعني أنها تتم مزامنتها عادةً مع مقدم التخزين الذي تختاره في السحابة الإلكترونية
SVG مدهش
SVGOMG: واجهة أمامية رائعة وجذابة وسريعة الاستجابة لـ SVGO. إنّ تنسيق SVGOMG هو نموذج رائع على يد Jake Archibald ، وهو مثال مثالي تقريبًا على أداة سريعة الاستجابة وفعّالة مكتوبة باستخدام تقنيات الويب. يتميز بتصميم Material Design، ويضمن ServiceWorker
تجربة الهوبيت 2014
إضافة ميزة WebRTC إلى لعبة Hobbit Experience بمناسبة طرح فيلم "هوبيت: معركة الجيوش الخمسة" الجديد، عملنا على توسيع نطاق تجربة Chrome التي أطلقناها العام الماضي، رحلة عبر ميدل إيرث ، من خلال إضافة بعض المحتوى الجديد. كان التركيز الرئيسي هذه المرة على
الإنشاء باستخدام Chrome
استخدام مكعّبات LEGO® على الويب المتوافق مع الأجهزة المتعددة إنّ تطبيق "إنشاء تطبيقات باستخدام Chrome" هو تجربة ممتعة لمستخدمي Chrome على أجهزة الكمبيوتر المكتبي تم إطلاقها في الأصل في أستراليا ، وتم إعادة إصدارها في عام 2014 لتصبح متاحة على مستوى
الواجهة الأمامية للأرض الوسطى
دليل تفصيلي حول تطوير التطبيقات المتوافقة مع أجهزة متعددة في مقالتنا الأولى حول تطوير تجربة Chrome رحلة عبر ميدل إيرث ، ركّزنا على تطوير WebGL للأجهزة الجوّالة. في هذه المقالة، نناقش التحديات والمشاكل والحلول التي واجهناها عند إنشاء بقية الواجهة
تجربة الهوبيت
إعادة إحياء "ميدل إيرث" باستخدام WebGL للأجهزة الجوّالة في السابق، كان من الصعب توفير تجارب تفاعلية مستندة إلى الويب وتعتمد على الوسائط المتعددة على الأجهزة الجوّالة واللوحية. وكانت القيود الرئيسية هي الأداء وتوفّر واجهة برمجة التطبيقات والقيود
دراسة حالة - بناء متسابق
Racer هي تجربة Chrome متوافقة مع الأجهزة الجوّالة ومستندة إلى الويب، تم تطويرها من قِبل Active Theory. يمكن لما يصل إلى 5 أصدقاء ربط هواتفهم أو أجهزتهم اللوحية للتسابق على كل شاشة. بعد الحصول على الفكرة والتصميم والنموذج الأولي من Google Creative Lab
دراسة حالة - The Sounds of Racer
Racer هي تجربة Chrome متعددة اللاعبين والأجهزة. لعبة سيارات سباق كلاسيكية يتم تشغيلها على شاشات متعددة. على الهواتف أو الأجهزة اللوحية، سواء كانت تعمل بنظام التشغيل Android أو iOS يمكن لأي شخص الانضمام. ليس هناك أي تطبيقات. لم يتم تنزيل أي محتوى.
دراسة حالة - Inside Worldwide Maze
World Wide Maze هي لعبة تستخدم فيها هاتفك الذكي للتنقّل في كرة متحركة عبر متاهات ثلاثية الأبعاد تم إنشاؤها من المواقع الإلكترونية لمحاولة الوصول إلى نقاط الهدف. تستخدم اللعبة ميزات HTML5 بشكل كبير. على سبيل المثال، يسترجع حدث DeviceOrientation بيانات
إنشاء دحرجة
Roll It هي تجربة Chrome تعيد ابتكار لعبة كلاسيكية على الممرات الخشبية باستخدام المتصفّح فقط على هاتفك والكمبيوتر. يتيح لك المتصفّح على هاتفك توجيه الكرة ورميها بنقرة من معصمك، بينما يعرض المتصفّح على جهاز الكمبيوتر الرسومات في الوقت الفعلي للعبة Roll
تخطيط الويب للجيل القادم - National Geographic Forest Giant
يمكن استخدام أدوات CSS وتنسيق المتصفّح لإنشاء عروض مرئية مذهلة لمحتوى الويب. من خلال استخدام ميزات الويب، مثل فلاتر CSS وWebGL وفيديو HTML5 وSVG واللوحة والتكنولوجيا المستقبلية المتطوّرة، مثل مناطق CSS وأشكال CSS والفلاتر المخصّصة لـ CSS، يمكنك إنشاء
دراسة حالة - تجربة Google I/O 2013
لجذب اهتمام المطوّرين على الموقع الإلكتروني لمؤتمر Google I/O لعام 2013 قبل فتح باب التسجيل في المؤتمر، طوّرنا سلسلة من التجارب والألعاب المخصّصة للأجهزة الجوّالة والتي تركّز على التفاعلات باللمس والصوت التوليدي ومتعتي الاستكشاف. مستوحاة من إمكانات
دراسة حالة - تغيير حجم ألعاب HTML5 تلقائيًا
في صيف عام 2010، أنشأنا لعبة Sand Trap، وهي لعبة شاركنا بها في مسابقة ألعاب HTML5 للهواتف الجوّالة. ولكن معظم الهواتف الجوّالة كانت تعرض جزءًا من اللعبة فقط أو كانت تجعلها صغيرة جدًا، ما يجعلها غير قابلة للّعب تمامًا. لذلك، حرصنا على أن تكون اللعبة
دراسة حالة - Find Your Way to Oz
"Find Your Way to Oz" هي تجربة جديدة في Google Chrome تقدّمها شركة Disney على الويب. تتيح لك هذه الرحلة التفاعلية زيارة سيرك في كانساس، ثم الانتقال إلى أرض أوز بعد أن تُجرف بعيدًا بسبب عاصفة ضخمة. كان هدفنا الجمع بين روعة السينما والإمكانات الفنية
دراسة حالة - JAM مع Chrome
كيف جعلنا واجهة المستخدم رائعة JAM with Chrome هو مشروع موسيقي على الويب أنشأته Google. تتيح ميزة JAM with Chrome للمستخدمين من جميع أنحاء العالم تشكيل فرقة وإنشاء موسيقى في الوقت الفعلي داخل المتصفّح. تجاوزت DinahMoe الحدود الممكنة باستخدام Web
كسب 100,000 نجمة
مرحبًا اسمي "مايكل تشانغ" وأعمل مع فريق "فنون البيانات" في Google. لقد أكملنا مؤخرًا 100,000 نجم ، وهي تجربة Chrome تعرض النجوم القريبة. تم إنشاء المشروع باستخدام THREE.js وCSS3D. في هذه الدراسة، سأوضّح عملية الاكتشاف وأشارك بعض أساليب البرمجة وأقدّم
دراسة حالة - JAM مع Chrome
كيف أبدعنا في المحتوى الصوتي JAM with Chrome هو مشروع موسيقي على الويب أنشأته Google. تتيح ميزة JAM with Chrome للمستخدمين من جميع أنحاء العالم تشكيل فرقة وعزف الموسيقى في الوقت الفعلي داخل المتصفّح. لقد كان من دواعي سروري في DinahMoe أن أكون جزءًا
Movi Kanti Revo - الجزء 1 - بناء العالم الثلاثي الأبعاد
Movi.Kanti.Revo هو تجربة حسية جديدة في Chrome أنشأتها شركة Cirque du Soleil وطوّرته شركة Subatomic Systems، وهي تجربة تنقل عروض Cirque du Soleil إلى الويب من خلال تكنولوجيات الويب الحديثة. تم إنشاء التجربة باستخدام HTML5 فقط، وتم إنشاء البيئة بالكامل
دراسة حالة: SONAR، تطوير ألعاب HTML5
في الصيف الماضي، عملت كقائد فني في لعبة WebGL تجارية باسم SONAR. استغرق المشروع حوالي ثلاثة أشهر لإكماله، وتم إنشاؤه بالكامل من البداية باستخدام JavaScript. أثناء تطوير أداة SONAR، كان علينا إيجاد حلول مبتكرة لعدد من المشاكل في لغة HTML5 الجديدة وغير
دراسة حالة - إنشاء Technitone.com
يجمع موقع Technitone.com بين WebGL ولوحة الرسم وWeb Sockets وCSS3 وJavaScript وFlash وواجهة Web Audio API الجديدة في Chrome. ستتناول هذه المقالة كل جانب من جوانب الإنتاج: الخطة والخادم والأصوات والمرئيات وبعض سير العمل الذي نستفيد منه لتصميم المحتوى
دراسة حالة - Bouncy Mouse
بعد نشر لعبة Bouncy Mouse على أجهزة iOS وAndroid في نهاية العام الماضي، تعلمت بعض الدروس المهمة جدًا. ومن بين هذه التحديات، كان من الصعب دخول سوق راسخة. في سوق iPhone المشبّع تمامًا، كان من الصعب جدًا اكتساب الزخم، وفي سوق Android Marketplace الأقل
دراسة حالة: تطبيق MathBoard المستند إلى HTML5
MathBoard على جهاز iPad ، هو تطبيق من PalaSoftware ، ويمتاز بتصميم مُحسَّن للغاية يتضمّن العديد من الصور المتحركة الهادئة والطبيعية ومظهرًا وأسلوبًا واقعيَين فريدَين. كان الهدف هو نقل تطبيق iPad إلى HTML5 بدقة عالية. N2N-Apps هي شركة تطوير برامج
دراسة حالة - إنشاء رسم شعار مبتكر لـ "ستانيسواف لم في Google"
صفحة Google الرئيسية هي بيئة رائعة للبرمجة داخلها. وهي تشمل الكثير من القيود الصعبة، مثل التركيز بشكل خاص على السرعة ووقت الاستجابة، والحاجة إلى تلبية جميع أنواع المتصفحات والعمل في ظروف مختلفة، و... نعم، المفاجأة والمتعة. بالحديث عن رسومات الشعار
دراسة حالة - آخر الأخبار في الوقت الفعلي في مجموعة البث
من خلال WebSockets و EventSource ، تتيح لغة HTML5 للمطوّرين إنشاء تطبيقات ويب تتواصل مع خادم في الوقت الفعلي. تقدّم خدمة بثّ جلسات الكونغرس (المتوفّرة في سوق Chrome الإلكتروني ) آخر الأخبار مباشرةً حول أعمال الكونغرس الأمريكي. ويبثّ البث المباشر آخر
دراسة حالة - تحويل Wordico من Flash إلى HTML5
عندما حوّلنا لعبة كلمات المرور Wordico من Flash إلى HTML5، كانت مهمتنا الأولى هي نسيان كل ما عرفناه عن توفير تجربة غنية للمستخدم في المتصفّح. في حين أنّ Flash قدّم واجهة برمجة تطبيقات واحدة وشاملة لجميع جوانب تطوير التطبيقات، بدءًا من الرسم المتجه
دراسة حالة - Onslaught! ساحة
في حزيران (يونيو) 2010، لفت انتباهنا أنّ Boing Boing ، وهي مجلة محلية، كانت تقيم مسابقة لتطوير الألعاب. ورأينا أنّ هذا هو السبب المثالي لإنشاء لعبة سريعة وبسيطة باستخدام JavaScript و <canvas> ، لذلك بدأنا العمل على ذلك. بعد انتهاء المسابقة، كان
دراسة حالة - تأثير تقليب الصفحة من 20thingsilearned.com
في عام 2010، تعاون فريق F-i.com مع فريق Google Chrome في إنشاء تطبيق ويب تعليمي مستند إلى HTML5 باسم 20 Things I Learned about Browsers and the Web ( www.20thingsilearned.com ). من بين الأفكار الرئيسية التي تستند إليها هذه التجربة، أنّه من الأفضل
دراسة حالة: التعرّف على لوحة HTML5
في الربيع الماضي (2010)، لفت انتباهي الدعم المتزايد بشكل سريع للغة HTML5 والتقنيات ذات الصلة. في ذلك الوقت، كان صديقي يصعّب عليّ المهام في مسابقات تطوير الألعاب التي تستمر لمدة أسبوعَين لتحسين مهاراتنا في البرمجة والتطوير، بالإضافة إلى تحويل أفكار
دراسة حالة - HTML5 في deviantART muro
في 7 آب (أغسطس) 2010، احتفلت deviantART بعيد ميلادها العاشر. احتفلنا بعيد ميلادنا من خلال إطلاق أداة رسم HTML5 تسمى deviantART muro. يمكن استخدام الأداة كتطبيق ويب مستقل وكذلك أداة رسم بسيطة لإضافة صور إلى تعليقات المنتدى. وقد رحّب منتدى deviantART
دراسة حالة - تنزيل السحب والإفلات في Chrome
ميزة السحب والإفلات هي إحدى الميزات الرائعة العديدة في HTML 5، وهي متاحة في Firefox 3.5 وSafari وChrome وIE. طرحت Google مؤخرًا ميزة جديدة تسمح لمستخدمي Google Chrome بسحب الملفات وإفلاتها من المتصفّح إلى سطح المكتب. هذه الميزة مريحة للغاية، ولكن لم
How Ray-Ban doubled conversion rate and reduced exit rate by 13% through prerendering using the Speculation Rules API
Learn how Ray-Ban improved LCP by using the Speculation Rules API, and how it improved Ray-Ban's ecommerce platform's business performance.
How QuintoAndar reduced INP by 80%, increasing conversions by 36%
QuintoAndar significantly improved its web performance by reducing its Interaction to Next Paint (INP) by 80%, leading to a 36% increase in conversions year-over-year.
How YouTube improved video performance with the Media Capabilities API
Using the Media Capabilities API lets you better target video codecs, frame rates, and resolutions based on the capabilities of your users' devices.
Forbes
Forbes is re-defining modern web development with Progressive Web App technology.
Wego
There's a new way to deliver amazing user experiences on the web. Travel company Wego has built a successful AMP based Progressive Web App (PWA).
Alibaba
Alibaba.com is the world’s largest online business-to-business (B2B) trading platform, serving 200+ countries and regions. After upgrading their site to a Progressive Web App (PWA), they saw a 76 percent increase in total conversions across browsers.
AliExpress
AliExpress increases conversion rate for new users by 104% with new Progressive Web App Download PDF Case study "Smarter shopping, better living!" is the motto of AliExpress, a website where shoppers can buy everything from baby clothes to