كان هناك الكثير من الحديث في الآونة الأخيرة عن AMP (Accelerated Mobile Pages). من 24 فبراير فصاعدًا ، بدأت نتائج بحث Google تتضمن روابط إلى إصدارات صفحات الجوال التي تم إنشاؤها باستخدام هذا المشروع مفتوح المصدر. عندما تبدأ Google بدعم تقنية بشكل علني ، فأنت تعلم أنها ستكون أمرًا كبيرًا ، ولكن ما هو AMP بالضبط؟

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

كما هو الحال مع جميع المبادرات الجديدة ، نحتاج إلى فصل الحقيقة عن الضجة ...

جعل مواقعك أسرع

منذ جوجل دفع العامة لصالح AMP العام الماضي ، بدأت العديد من الشركات البارزة التي تنشر على الويب أيضًا في دعم AMP. بعض هذه الأسماء تشمل BBC ، و Wall Street Journal ، و Guardian ، و Twitter ، و Pinterest ، و New York Times (نفسها في منتصف جدل حول الحرب الإعلانية) ، و Buzzfeed. بطبيعة الحال ، فإنهم يريدون أن يكونوا على عربة لأنهم يقولون لأنفسهم أن أي مبادرة تدعمها جوجل لا بد أن تؤثر على تصنيفات SEO الخاصة بنا.

ومع ذلك ، هل يستحق الأمر حقاً أن تدعم هذه الشركات AMP في هذا الوقت؟ هل تنفذ AMP وعدها بجعل موقعك أسرع؟

إذا كنت قد فهمت بالفعل UX ... فقد لا يثبت AMP حدوث هذا الاختلاف الكبير على الإطلاق

للبدء في الإجابة عن هذا السؤال ، يجب أن نضعه في السياق: إذا كنت تقارن موقعك بموقع غني بالوسائط يحتوي فقط على متوسط ​​عملية تحسين ، فمن المحتمل أن يكون هذا هو الحال. ومع ذلك ، إذا كنت تقارن موقعك بواحد يمثل الحد الأدنى من التصميم والتحسين الجيد ، فستظل لجنة التحكيم خارجها. بمعنى آخر ، إنه حساس لحالة الأحرف.

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

لذا إذا كنت قد فهمت UX من قبل و تعرف كيف تدمج أحدث تحسينات الأداء في تصميم موقعك وتطويره ، فقد لا يثبت AMP حدوث هذا الفارق الكبير على الإطلاق.

ما هو AMP بالضبط؟

ولد هذا المشروع مفتوح المصدر من المناقشات بين شركات التكنولوجيا والناشرين حول الحاجة إلى تطبيقات UX متحركة أفضل للجميع مع المحتوى: المستهلكين والناشرين والمبدعين والمستخدمين.

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

كما تعد AMP بزيادة السرعة نظرًا لانخفاض حجم الشفرة. فمثلا:

  • لديك أقل من 50 كيلو بايت من CSS
  • لا تحتاج إلى جافا سكريبت خاص بك (لا توجد علامات تبويب أو تنبيهات أو تلميحات أو صيغ أو وسائط).
  • ليس لديك شفرة لموفري الإعلانات وخدمات التحليلات المتعددة

كل هذا يتلخص في الصفحات الأخف ، وهذا بدوره يعني سرعة أكبر وأوقات التحميل.

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

هناك طرق مختلفة تساعد AMP في تنفيذ هذه الأشياء. هم انهم:

  • تحميل كسول
  • Preconnecting
  • الجلب المسبق
  • العرض المسبق

ومن المثير للاهتمام ، يمكنك أيضًا تحسين صفحاتك غير بتنسيق AMP بشكل منفصل لكل من تحسينات تحسين السرعة هذه.

لذا ، لا يعني استخدام AMP مرة أخرى أنه لا يمكنك تصميم موقعك وتعديله للسرعة.

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

فقط أسرع في بعض الحالات

حقيقة الأمر هي أن AMP ستجعل موقعك أسرع في بعض المواقف المحددة. كل هذا يتوقف على الاعتبارات التقنية للموقع ، ولكن أيضا احتياجات الأعمال التي يدعمها الموقع.

لا يعني استخدام AMP أنه لا يمكنك تصميم موقعك وتعديله للسرعة

في ما يلي توقيت AMP الذي يمكن أن يجعل موقعك أسرع:

  • إذا كان موقعك غنيًا جدًا بالوسائط ، فسيستفيد تلقائيًا من عمليات التحميل المحسنة
  • إذا كنت ترغب في أن تكون AMP مسؤولة عن تحسين سرعة موقعك وأدائه بدلاً من معالجته بنفسك

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

ما عليك أن تعرفه

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

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

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

الصورة المميزة تستخدم أغوستين سر صورة السرعة .