فوائد AMP وكيف تختلف عن تصميم الويب السريع الاستجابة
إذا نظرت إلى عدد زيارات التحليلات لمواقع الويب في السنوات القليلة الماضية ، فستجد على الأرجح أنها تشترك في شيء رئيسي واحد - زيادة في عدد الزائرين الذين يحصلون عليها من المستخدمين على أجهزة الجوّال.
على الصعيد العالمي ، يوجد الآن عدد أكبر من الزيارات على الويب من أجهزة الجوّال أكثر من ما قد نعتبره "الأجهزة التقليدية" ، والتي تعني في الأساس أجهزة الكمبيوتر المكتبية أو المحمولة. ليس هناك شك في أن الحوسبة المتنقلة قد غيرت طريقة استهلاك الناس للمحتوى عبر الإنترنت ، مما يعني أنه قد غير الطريقة التي يجب أن نبني بها مواقع ويب لتلك الجماهير التي تركز بشكل متزايد على الهواتف المحمولة.
بناء لجمهور المحمول
لقد كان إنشاء "مواقع ويب ملائمة للجوّال" من أولويات محترفي الويب لسنوات عديدة. إن ممارسات مثل تصميم الويب سريع الاستجابة تهدف إلى المساعدة في إنشاء المواقع التي تعمل جيدًا لجميع الأجهزة ، والتركيز على أداء موقع الويب وأوقات التنزيل السريعة يفيد جميع المستخدمين ، سواء كانوا جوّالًا أو غير ذلك. يُعرف أسلوب آخر للمواقع المتوافقة مع الجوّال باسم تطوير صفحات الويب بتنسيق AMP ، والذي يشير إلى Accelerated Mobile Pages.
تم إنشاء هذا المشروع ، المدعوم من Google ، كمعيار مفتوح يهدف إلى السماح لناشري مواقع الويب بإنشاء مواقع يتم تحميلها بسرعة أكبر على أجهزة الجوال. إذا كنت تفكر في أن هذا يبدو وكأنه تصميم ويب سريع الاستجابة ، فأنت لست على خطأ. يشترك المفهومان في الكثير من النقاط المشتركة ، وهما أنهما يركزان على تقديم المحتوى للمستخدمين على أجهزة الجوال. هناك عدد من الاختلافات بين هذين النهجين.
الاختلافات الرئيسية بين AMP وتصميم الويب السريع الاستجابة
كانت إحدى نقاط القوة في تصميم الويب سريع الاستجابة هي المرونة التي تضيفها إلى الموقع. يمكنك إنشاء صفحة واحدة تستجيب تلقائيًا لحجم شاشة الزائر. يتيح ذلك الوصول إلى صفحتك والقدرة على توفير تجربة جيدة لمجموعة واسعة من الأجهزة وأحجام الشاشات ، بدءًا من الهواتف الجوّالة وحتى الأجهزة اللوحية وأجهزة الكمبيوتر المحمولة وأجهزة الكمبيوتر المكتبية وغيرها. يركز تصميم الويب السريع الاستجابة على جميع الأجهزة وخبرات المستخدمين ، وليس فقط الجوّال. هذا جيد في بعض الطرق وسيئة في الآخرين.
تعتبر المرونة في الموقع رائعة ، ولكن إذا كنت ترغب في التركيز على أجهزة الجوال ، فإن إنشاء موقع يركز على جميع الشاشات ، بدلاً من ذلك على أجهزة الجوال فقط ، يمكن أن يكون مرناً للتداول من أجل أداء محسّن للجوّال. هذه هي النظرية وراء AMP.
يركز AMP تمامًا على السرعة - أي سرعة الجوال. وفقًا لـ Malte Ubl ، Google Tech Lead لهذا المشروع ، تهدف AMP إلى تقديم "عرض فوري لمحتوى الويب". تتضمن بعض الطرق التي يتم بها ذلك ما يلي:
- تحميل كسول
- باستخدام preconnect
- جلب الموارد
- Async Javascript
- أوراق الأنماط المضمنة
- لا الخطوط القابلة للتحميل
- تحديد أولويات الموارد
هذه ليست سوى بعض من المبادئ الأساسية التي تقوم بتحميل AMP بسرعة . هناك أيضًا ، مع ذلك ، بعض العناصر في تلك القائمة التي قد تؤدي إلى إزاحة محترفي الويب لفترة طويلة. أوراق الأنماط المضمنة ، على سبيل المثال. لقد قيل للكثيرين منا لسنوات أنه ينبغي احتواء جميع الأنماط في أوراق أنماط خارجية. تعد القدرة على تصميم الكثير من صفحات الموقع من ورقة واحدة خارجية واحدة من نقاط القوة في CSS - وهي قوة يتم تجاهلها إذا استخدمت الصفحات أنماط مضمنة بدلاً من ذلك. نعم ، أنت تمنع الحاجة إلى تنزيل الملف الخارجي ، ولكن على حساب القدرة على إدارة هذا الموقع بأكمله باستخدام ورقة الأنماط الفردية. إذن أي نهج أفضل؟ والحقيقة هي أن كلاهما لهما مزايا وعيوب. تتغير شبكة الويب باستمرار ، وهناك احتياجات مختلفة للأشخاص الذين يزورون موقعك. من الصعب للغاية وضع قواعد تنطبق في جميع الحالات ، لأن الطرق المختلفة منطقية في المواقف المختلفة. المفتاح هو وزن فوائد أو عيوب كل نهج لتحديد الأفضل في حالتك الخاصة.
هناك فرق رئيسي آخر بين AMP و RWD هو حقيقة أن التصميم المتجاوب نادرًا ما يتم "إضافته" إلى موقع موجود. نظرًا لأن نظام تحديد المواقع عبارة عن إعادة التفكير في بنية الموقع وخبرته ، فإنه يتطلب بشكل عام إعادة تصميم الموقع وإعادة تصميمه بحيث يتلاءم مع الأنماط المتجاوبة. يمكن إضافة AMP إلى موقع حالي ، ومع ذلك. في الواقع ، يمكن حتى إضافته إلى موقع استجابة قائم.
اعتبارات جافا سكريبت
بخلاف المواقع التي بها RWD ، لا تعمل مواقع AMP بشكل جيد مع جافا سكريبت. يتضمن هذا البرامج النصية والمكتبات ثلاثية الأطراف التي تحظى بشعبية كبيرة على المواقع اليوم. يمكن لهذه المكتبات إضافة وظائف رائعة إلى موقع ، ولكنها تؤثر أيضًا على الأداء. على هذا النحو ، يبدو من المنطقي أن النهج الذي يركز بشدة على سرعة الصفحة سيتجنب ملفات جافا سكريبت. ولهذا السبب ، غالبًا ما يتم استخدام صفحات الجوّال المسرَّعة بشكل أفضل على صفحات الويب الثابتة مقارنةً بالصفحات الديناميكية العالية أو تلك التي تتطلب تأثيرات محددة لجافا سكريبت لسبب أو لآخر. على سبيل المثال ، لن يكون معرض موقع الويب الذي يستخدم تجربة أسلوب "العرض المبسط" مرشحًا رائعًا لـ AMP. من ناحية أخرى ، ستكون مقالة موقع الويب القياسية أو البيان الصحفي الذي لا يتطلب أي وظيفة خيالية صفحة رائعة لتقديمها مع AMP. من المحتمل أن تتم قراءة هذه الصفحة بواسطة الأشخاص الذين يستخدمون أجهزة الجوّال الذين ربما شاهدوا الرابط على الشبكات الاجتماعية أو عبر بحث Google للجوّال. القدرة على تسليم هذا المحتوى على الفور عند طلبها ، بدلاً من إبطاء سرعة التنزيل بينما يتم تحميل جافا سكريبت غير الضرورية والموارد الأخرى ، مما يجعل تجربة العميل رائعة.
اختيار الحل الصحيح
ما الخيار المناسب لك - AMP أو RWD؟ يعتمد ذلك على احتياجاتك المحددة بالطبع ، لكنك لست بحاجة إلى اختيار واحد أو آخر. إذا أردنا الحصول على إستراتيجيات أكثر ذكاءً (وأكثر نجاحًا) عبر الإنترنت ، فهذا يعني أننا بحاجة إلى النظر في جميع الأدوات المتاحة لدينا والتعرف على كيفية عملها معًا. ربما يعني ذلك تسليم موقعك على نحو متجاوب ، ولكن باستخدام صفحات الجوّال المسرَّعة في أقسام أو صفحات محددة قد تكون أكثر ملاءمةً لذلك النمط من التطوير. ويمكن أن يعني أيضًا أخذ جوانب من المناهج المختلفة والجمع بينها لإنشاء حلول مختلطة تلبي احتياجات محددة للغاية والتي توفر أفضل ما في العالمين لزوار الموقع.