PWA vs AMP: كيف تتخذ القرار الصحيح؟
نشرت: 2019-07-26جدول المحتويات
أكدت أحدث الإحصاءات أن هناك 4.68 مليار مستخدم للهاتف المحمول يتصفحون ويستكشفون الويب بنشاط. منذ ما يقرب من 3 سنوات ، تجاوزت حركة مرور الهاتف المحمول حركة مرور أجهزة سطح المكتب لأول مرة من خلال ادعاء 51.3٪ من مستخدمي الإنترنت كمستخدمين للأجهزة المحمولة ، وكان العدد يتزايد باستمرار. وبقدر ما تم طرح هذا المصطلح منذ العقد الماضي ، فقد بدأ حقًا الآن عصر Mobile-First.
لذلك ، لن يكون من المفاجئ رؤية المؤسسات تعمل على تقديم خدمات وتجربة أفضل لمستخدمي الأجهزة المحمولة أولاً. ومع ذلك ، قفزت Google إلى عربة الجوال قبل عامين عندما تم تقديم PWA و AMP.
تم تصميم كل من PWA و AMP لتحسين تجربة المستخدم على الويب أثناء استخدام نظام أساسي متوافق مع الأجهزة المحمولة. لكن غالبًا ما يتم الخلط بين المستخدمين بين PWA و AMP.
دعنا نوفر لك بعض الوقت ونساعدك على فهم الفرق بين PWA و AMP.
ما هو PWA؟
يرمز PWA إلى تطبيق الويب التقدمي ، وهو مصمم لمنح المستخدمين الشكل والمظهر ، وتجربة تطبيق الهاتف المحمول من خلال الوصول إلى صفحات الويب الخاصة به على المستعرض.
بمعنى آخر ، PWA هي صفحة ويب محسّنة لتوفير وظائف شبيهة بالتطبيق. علاوة على ذلك ، يعمل PWA عند الوصول إلى نظام أساسي أو خدماته على الويب عبر الهاتف المحمول ، ولكن دون تثبيت تطبيق الهاتف المحمول الخاص به.
كما ذكرنا ، يركز PWA على توفير ميزات تشبه التطبيقات. هذا يشمل:
- انتقال أسرع بين الصفحات
- واجهة كاملة تشبه التطبيق
- القدرة على إرسال الإشعارات (تتطلب إذن المستخدمين)
- إمكانية الوصول إلى المحتوى دون اتصال بالإنترنت والمزيد.
بالنسبة لأولئك الذين ليسوا على دراية بمصطلح "PWA" ، لدينا هنا دليل شامل لـ PWAs يجب أن يفي بجميع احتياجاتك.
لدينا بالفعل تطبيق جوال ، فلماذا إذن نحتاج إلى تطبيقات ويب تقدمية؟
نعلم جميعًا أن الأجهزة المحمولة تسمح للمستخدمين بتنزيل التطبيقات الأصلية - التطبيقات من App Store أو Google Play ، لكن PWA أفضل . لماذا و كيف؟
أجاب Andrew Gazdecki على السؤال في مقالة Forbes ، " PWAs أكثر كفاءة من التطبيقات المحلية . تعمل عند الطلب ويمكن الوصول إليها دائمًا ، دون استهلاك ذاكرة أو بيانات الهاتف الذكي القيمة. باختيار استخدام PWA على إصدار أصلي من نفس التطبيق ، يستهلك المستخدمون بيانات أقل. ومع ذلك ، هذا لا يعني أن المستخدمين بحاجة إلى التضحية براحة التطبيق المحلي. لا يزالون قادرين على حفظ PWA على شاشتهم الرئيسية - يمكن تثبيته دون متاعب التنزيل الحقيقي. "
في الآونة الأخيرة ، تعمل تطبيقات الأجهزة المحمولة المحلية الأكثر شيوعًا التي نستخدمها على تسهيل الوصول إلى نظامها الأساسي باستخدام PWA ، لا سيما التجارة الإلكترونية وبوابات الوسائط الاجتماعية.
يوصى بقراءة: تطبيق الويب التقدمي مقابل التطبيق الأصلي: أيهما يناسبك بشكل أفضل؟
دورك:
بالنسبة لتجار Magento الذين يبحثون عن حل مثالي لتطبيق الويب التقدمي ، نقدم هنا في SimiCart حزمة كاملة لك ولمتجرك. استكشف الآن!
التالي ، ما هو AMP؟
تم تقديم AMP أو Accelerated Mobile Page بواسطة Google في عام 2015 لإنشاء صفحات ويب تحميل أسرع للأجهزة المحمولة. قامت Google بفتح مصدر "مشروع AMP" لمساعدة المطورين في إنشاء صفحات الويب هذه.
لإنشاء مواقع ويب متوافقة مع الجوّال ، تتم إزالة JavaScript غير الضرورية (المضمنة). علاوة على ذلك ، تقتصر CSS على 50 كيلوبايت للاستخدام المضمن وتقوم Google بتخزين محتوى موقع الويب مؤقتًا لتوفير وظائف مثل CDN. يوفر مكوِّن الويب بتنسيق AMP ، من بين ميزات أخرى ، إدراجًا (محدودًا) لجافا سكريبت كجزء من مكتبة AMP التي يمكنك من خلالها إضافة رسوم متحركة إلى صفحات الويب للجوال دون المخاطرة بزمن الاستجابة.
في السيناريو الحالي ، لم تعد AMP مقصورة على مواقع الويب. هناك إعلانات AMP والبريد الإلكتروني AMP وحتى قصص AMP. تم تصميم إصدار AMP من كل هذه العناصر ليتم عرضها بسرعة على الأجهزة المحمولة.
"هذه الأيام ، إذا لم تكن فورية - فهي ليست بالسرعة الكافية. حتى أكثر المواد الإبداعية التي لا تُنسى لن تفي بالغرض إذا كان الإعلان بطيئًا ويعطل تجربة المستخدم ". يوضح موقع AMP.
كما هو متوقع من الإعلانات ، تعمل إعلانات AMP على زيادة عائد الاستثمار من خلال الحصول على نسبة نقر إلى ظهور أفضل. لقد ثبت أنهم يقدمون نفس الشيء. شهدت Triplelift - شركة تكنولوجيا إعلانات محلية ، زيادة بنسبة 13٪ في إيراداتها تُعزى إلى سرعة تحميل الإعلانات 6 مرات باستخدام إعلانات AMP.
PWA مقابل AMP: الاختلافات
هل يمكن استخدام AMP و PWA معًا؟
نعم ، يمكن استخدام AMP و PWA معًا لتقديم تجارب مستخدم أنيقة. هكذا ستبدو كما يلي:
أولاً ، يبحث المستخدم عن خدمة وتظهر نتيجة تم تمكين AMP على شاشته. هذا يعني أن موقعًا خفيفًا ومخزنًا مؤقتًا مسبقًا ينتظر أن ينقر المستخدم عليه. بمجرد أن ينقر المستخدم على موقع الويب ، يمكن للناشرين إشراك المستخدم بصفحة ويب شبيهة بالتطبيق (PWA) تطلب إرسال إشعارات فورية. تتيح صفحة الويب هذه للمستخدم ميزات مثل:
- تصفح المحتوى والخدمة دون اتصال بالإنترنت
- انتقال سلس حتى أثناء الاتصال البطيء بالإنترنت
- تجربة شبيهة بالتطبيقات
ما الذي يمنعنا من تبني هذه الفكرة؟
حسنًا ، التحدي الرئيسي هو التنمية. بينما تعمل AMP على قاعدة استخدام HTML و CSS فقط ، وتجنب جافا سكريبت تمامًا (بالنسبة للجزء الأكبر) ، تم تصميم صفحات PWA بشكل أساسي باستخدام عمال الخدمة الذين يدعمون JavaScript.
ومع ذلك ، يمكن مواجهة ذلك من خلال إنشاء صفحات AMP منفصلة مستخدمة لـ SERPs ، والتي يتم نقلها إلى صفحة PWA. ما يعنيه هذا هو أنه يمكن استخدام صفحة AMP للحصول على ترتيب جيد على محركات البحث ، وبمجرد أن ينقر المستخدم لفتح صفحة AMP ، يبدأ المتصفح صفحة PWA لمشاركة المستخدم والاحتفاظ به.
لتلخيص
PWA و AMP هي تقنيات مختلفة للهواتف المحمولة. يتم استخدام AMP لتحميل صفحات الويب بشكل أسرع ويتم استخدام PWA لتوفير مظهر ومظهر التطبيقات الأصلية ، وهو أمر مفيد جدًا لموقع التجارة الإلكترونية.
وفقًا لبحث أجرته Adobe ، جاءت 40٪ من أرباحها من الأجهزة المحمولة من 1 نوفمبر إلى 31 ديسمبر 2018. مع 10.5٪ حركة مرور محمولة أدت إلى تحويلات على عكس حركة مرور سطح المكتب حيث كان معدل التحويل 7.4٪ ، فمن الواضح أن الشركات ، على الصعيدين الكبير والصغير ، أن يأخذوا جمهورهم المحمول على محمل الجد ، وأن يبدأوا الاستثمار في AMP و PWA و / أو كليهما ، حسب احتياجاتهم.
أخيرًا ، كلاهما أدوات قوية لتحسين أداء الموقع وتجربة المستخدم. يمكنك اختيار أي من تقنيتين أو تنفيذ كليهما ببساطة لتجربة أفضل ما في كليهما. الخيار لك.
منشور موصى به: هل تطبيقات الويب التقدمية (PWAs) تفيد تحسين محركات البحث؟ (مع الإحصائيات والأمثلة)