يُعدّ تطبيق توافقية الأجهزة المحمولة على موقعك الإلكتروني جزءًا أساسيًا من تصميمه. استخدام إطار عمل صفحات الأجهزة المحمولة المُسرّعة (AMP) لن يُساعد عملك على مواكبة أحدث التوجهات فحسب، بل سيزيد أيضًا من زيارات موقعك الإلكتروني ويحافظ على صدارته للمنافسة.

مقدمة

تفوقت الهواتف المحمولة تدريجيًا على أجهزة الكمبيوتر المكتبية في استخدام جميع الأنشطة المتعلقة بالإنترنت. كان هذا التحول تدريجيًا ولكنه مؤثر. في الواقع، اعتبارًا من عام ٢٠١٨، شكّلت الهواتف المحمولة أكثر من ٥٠٪ من الاستخدام العالمي، متجاوزةً في نهاية المطاف أجهزة الكمبيوتر المكتبية بنسبة ٤٥٪.
كان هذا الاتجاه ثابتًا وقويًا بما يكفي لتحفيز Google على إنشاء مشروع Accelerated Mobile Pages (AMP)، وهو جهد مفتوح المصدر للمساعدة في تحسين مواقع الويب للتصفح عبر الأجهزة المحمولة.

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

تم تطوير إطار عمل AMP بواسطة مجتمع كبير من المحترفين وبدعم من Google، وهو يعمل بشكل مثالي مع جميع المتصفحات ويتكامل بسلاسة مع أنظمة إدارة المحتوى (CMS) الأكثر استخدامًا، مثل WordPress وDrupal، مما يجعله بديلاً قابلاً للتطبيق للشركات التي تتطلع إلى تكييف مواقع الويب الخاصة بها مع هذه الأوقات الصديقة للجوال.

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

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

1. إذن كيف تجعل AMP الصفحات تُحمل بشكل أسرع؟

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

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

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

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

CSS مضمّن، مُقيّد بالحجم. تسمح صفحات AMP بورقة أنماط واحدة فقط. بتحديد عدد ملفات CSS، تُقلّص طلبات HTTP إلى طلب واحد فقط. ليس هذا فحسب، بل يقتصر حجم CSS على 50 كيلوبايت، وهو حجم كافٍ لمستوى معين من التصميم، مع إجبار المطور على استخدام أكواد واضحة وفعّالة.

تحسين الخطوط. تنتظر المواقع الإلكترونية التقليدية تحميل جميع الخطوط قبل تنزيلها، وهي خطوط كبيرة الحجم تُستخدم عادةً في الصفحات. ولأن AMP يحدّ من استخدام CSS والنصوص البرمجية الخارجية، لا يتطلب النظام طلبات HTTP إلا بعد تنزيل الخط.

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

تسريع الصور باستخدام وحدة المعالجة المركزية (CPU) مقابل وحدة معالجة الرسومات (GPU). عندما تُقدّم وحدة المعالجة المركزية (CPU) صفحةً ما، فإنها تستخدم طبقات للصور، ثم تُرسل الوسائط إلى وحدة معالجة الرسومات (GPU) لمزيد من المعالجة. أما AMP، فيتيح معالجة الصور مباشرةً بواسطة وحدة معالجة الرسومات (GPU)، مما يُسرّع التحميل بشكل كبير.

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

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

2. انخفاض معدل الارتداد

أظهرت أبحاث حديثة أجرتها شركة Google أن مستخدمي الهواتف المحمولة لا يتوقعون أوقات تحميل سريعة فحسب، بل تلعب توقعاتهم أيضًا دورًا حيويًا في قرارهم بالبقاء.
وجدت دراستهم أن أوقات التحميل التي تصل إلى ثلاث ثوانٍ تُسجّل معدل ارتداد يتجاوز 30%. بعد خمس ثوانٍ، يرتفع معدل الارتداد إلى 90%. عند مرور ست ثوانٍ، يتجاوز المعدل 100%.

ما يعنيه هذا بالنسبة لصفحات الجوال هو أن التحسين أمرٌ أساسيٌّ للبقاء والتفوق على المنافسين. وبناءً على هذا المنطق، وبالنظر إلى حصة سوق التصفح عبر الجوال، فإن وجود مواقع ويب متوافقة مع الجوال سيُسهم في نجاح أي شركة أو فشلها. ومن خلال جعل أوقات التحميل شبه فورية، يُمكن أن تكون صفحات الجوال المُسرّعة العامل الوحيد الذي يُميّز أي شركة.

3. أداء ومرونة أعلى

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

ورغم أن هذا لا يعني بأي حال من الأحوال استبعاد البدائل الأخرى - مثل تصميم الويب المستجيب أو تطبيقات الويب التقدمية - فمن الجدير التأكيد على أهمية إيلاء الاهتمام المناسب لهذا الخيار القابل للتطبيق.

4. تحسين محركات البحث على الهاتف المحمول (AMP SEO)

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

كما ذكرنا سابقًا، يدعم مشروع AMP جوجل نظرًا للاتجاه المتزايد نحو تصفح الإنترنت عبر الأجهزة المحمولة، مما يعني أنها تولي أهمية كبيرة لهذا الموضوع. في الواقع، في عام ٢٠١٨، أطلق عملاق محركات البحث فهرسة تُركز على الأجهزة المحمولة، والتي تُحدد مواقع الصفحات بناءً على مدى ملاءمتها للأجهزة المحمولة.
هذا يعني أن أفضل الممارسات المعتادة لتحسين محركات البحث (SEO) كجزء من استراتيجية التسويق الرقمي لم تعد كافية. إن جعل موقعك الإلكتروني متوافقًا مع الأجهزة المحمولة وتحسينه باستخدام إطار عمل جوجل يعني أن فرص عملك في الحصول على ترتيب أعلى في صفحات النتائج أكبر.

يمكن أن تظهر صفحات AMP التي تحتوي على بيانات منظمة في دائرة "أهم الأخبار" ودائرة "النتائج الغنية" والقصص المرئية والنتائج الغنية في نتائج بحث الجوال. يمكن أن تتضمن هذه النتائج صورًا وشعارات صفحات وميزات أخرى شيقة لنتائج البحث.

AMP: نعم أو لا

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

كما أن الإطار لا يسمح بشكل أصلي بتتبع Google Analytics بسبب الاعتماد الكبير على المعلومات المخزنة مؤقتًا، ولكن يمكن حل هذه المشكلة أيضًا باستخدام حلول بسيطة إلى حد ما ومتاحة بسهولة.

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