بطئ تحميل صفحات المواقع هي مشكلة يعاني منها معظم المدونين ومشرفي المواقع، خصوصا عند استهداف البلدان العربية والمعروفة بالبطء الكبير لسرعة الأنترنت، الحل يكمن في استخدام تقنية AMP، والتي ستمكنك من تسريع موقعك إلى ما يصل إلى 85 بالمئة، لكن أولا دعني أشرح لك كيفية عمل AMP.
آلية عمل AMP
- يكمن السبب الرئيسي وراء تأخر تحميل صفحات المواقع في السكربتات (JavaScript)، وتقوم تقنية AMP بتوفير نصوص برمجية مخصصة وغير متزامنة لا تبطئ تحميل الصفحات، يمكن استخدامها بدلا من السكريبتات الأصلية.
- تعمل AMP على إعداد الموارد بطيئة التحميل مسبقا عندما تكون وحدة المعالجة المركزية في وضع الخمول. ليس هذا فقط، بل تقوم أيضا بتحميل الموارد المطلوبة فقط، والتخلص من الموارد غير الضرورية، مما يؤدي إلى تسريع تحميل المحتوى بسرعة وكفاءة عالية.
- باستخدام تقنية AMP فإن السكريبتات التابعة لجهات خارجية تكون في وضع الحماية، ويمكن الوصول إليها فقط عن طريق إطارات iframe بحيث لا تتداخل مع نموذج كائن المستند (DOM).
- توفر AMP علامات برمجية مخصصة كوسم amp-iframe لإضافة التغريدات والإنستغرام وما إلى ذلك، والتي تتطلب المزيد من طلبات HTTP الإضافية، وباستخدام مثل هذه العلامات البرمجية تدرك نماذج كائن المستند أن هناك إطارات iframe في الصفحة، ويقوم أوتوماتيكيا بإنشاء مربعات iframe حتى قبل أن يتم تحميلها.
- تتعامل AMP بطريقة ذكية مع عناصر Preconnect و Prefetch و Prerender، حيث تقوم بتنزيل الموارد في الجزء المرئي من الصفحة فقط، وذلك عن طريق توفير النطاق الترددي ودورات وحدة المعالجة المركزية، مما يسمح بتحميل الصفحات على الفور.
- يتم تحديد أحجام الموارد الخارجية مثل الإعلانات ومقاطع الفيديو والصور قبل تنزيلها، وذلك لمنع عمليات إعادة حساب أنماط CSS والتي تحدث بشكل كبير عندما يتغير CSS ديناميكيا أثناء تحميل هذه الصفحات.
- تسمح تقنية AMP باستخدام أنماط CSS المضمنة فقط والتي تقلل عدد طلبات HTTP الواردة من مسار العرض الحرج (The Critical Rendering Path).
- تقوم AMP بإعطاء أولوية لطلب HTTP الخاص بالخط، خلافا لما هو معتاد في صفحات HTML العادية حيث يتم تحميل الخط بعد تحميل معظم ملفات JavaScript و CSS.
هذه لمحة بسيطة عن آلية عمل AMP، وهناك الكثير من المهام الأخرى، والتي ستساعدك في تسريع موقعك بشكل كبير، لكننا سنكتفي بما ذكرناه حاليا، لنعود لموضوعنا عن كيفية تسريع موقعك باستخدام تقنية AMP.
تسريع مواقع WordPress باستخدام تقنية AMP
بالنسبة للمواقع المستضافة على منصة الووردبريس فالأمر سهل للغاية، يكفي أن تقوم بتثبيت إضافة من إضافات AMP. شخصيا، استخدمت إضافة AMP في إحدى مواقعي المستضافة على ووردبريس،
إذا كنت تستخدم إضافة Yoast SEO لتحسين ترتيبك في محركات البحث، يمكنك القيام بتثبيت إضافة Glue for Yoast SEO & AMP التي توفر العديد من الميزات الإضافية كخيارات الألوان الافتراضية لصفحات AMP.
إذا كنت تريد التحقق مما إذا كانت الإضافة تعمل بشكل سليم، قم بنسخ رابط إحدى مشاركاتك وأضف إليه /amp، ثم افتحه على نافذة جديدة.
سيتم عرض الصفحة على أنها نسخة AMP. للتتأكد من هذا قم بنسخ الرابط كاملا مرفوقا بعلامة /amp واختبره على أداة اختبار صفحات الجوال المسرعة.
تسريع مدونات بلوجر باستخدام تقنية AMP
أولا عليك بإضافة مكونات AMP الأساسية، راجع مقالتنا السابقة عن كيفية إنشاء أول صفحات AMP على بلوجر.
ثانيا قم باستبدالوسمimg التقليدي بوسم amp-img المخصص، على الشكل التالي:
...<amp-img src='#' alt='النص البديل' height='320' width='640'></amp-img>
ثالثا استعن بأداة اختبار صفحات الجوال المسرعة (AMP Validator) للتحقق من توافق مدونتك مع AMP.
ملاحظة:تعطي محركات البحث أهمية كبيرة لوقت تحميل الصفحات، إذ أن المستخدمين يتفاعل بشكل كبير مع المواقع التي يتم تحميلها بشكل أسرع، لهذا تعتبر كل ثانية من وقت التحميل مهمة للغاية.
أنا محمد، مالك مدونة صور نت للمعلوميات والرقمنة، أمتلك خبرة واسعة في تحسين محركات البحث (السيو)، ومهتم بشكل خاص بمجالات التسويق الرقمي والتكنولوجيا المالية الرقمية.