تحسين سرعة موقعك الإلكتروني ومؤشّرات Core Web Vitals

ماذا تكسب من تحسين سرعة موقعك الإلكتروني؟

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

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

ماذا تقيس مؤشّرات Core Web Vitals فعلًا؟

تلخّص Google تجربة الصفحة في ثلاثة مؤشّرات تُقيَّم عند المئين الخامس والسبعين من الزيارات، وعلى نحو منفصل للهاتف والحاسوب (المصدر: Google، توثيق web.dev). بعبارة أخرى، يجب أن تستوفي ثلاث زيارات على الأقلّ من كلّ أربع العتبةَ المطلوبة.

وإذا كان تقرير قديم ما زال يذكر مؤشّر FID، فمعلوماته متقادمة، إذ حلّ مؤشّر الاستجابة محلّه ضمن هذه المؤشّرات (المصدر: Google Search Central).

لماذا لا تكفي درجة جيّدة في PageSpeed؟

تعرض أداة PageSpeed Insights نوعين من القياس كثيرًا ما يُخلط بينهما. في الأعلى، البيانات الميدانية: ما عاشه مستخدمو Chrome الحقيقيون خلال فترة متحرّكة تقارب أربعة أسابيع، وهي مأخوذة من تقرير CrUX (المصدر: Google، توثيق Chrome UX Report). وفي الأسفل، اختبار مختبري عبر Lighthouse: تحميل واحد يُحاكى على جهاز واتصال نموذجيين.

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

وإذا كانت زيارات موقعك أقلّ من أن تظهر في تقرير CrUX، فإنّنا نضيف قياسًا خفيفًا لدى زوّارك أنفسهم يرصد المؤشّرات ذاتها، صفحةً صفحة.

من أين يأتي البطء في أغلب الأحيان؟

تتكرّر الأسباب من موقع إلى آخر، وكثير منها يُعالَج دون إعادة بناء الموقع بأكمله:

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

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

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

كيف تسير مهمّة تحسين الأداء؟

1. قياس مرجعي. بيانات ميدانية، وتقرير المؤشّرات في Search Console، واختبارات مختبرية على عيّنة من الصفحات، على الهاتف والحاسوب.
2. تشخيص حسب القالب. يُحلَّل كلّ قالب صفحة على حدة: الصورة الرئيسية، والسكربتات، والخطوط، واستجابة الخادم.
3. خطّة مرتّبة حسب الأولوية. لكلّ سبب تقدير لأثره وللجهد الذي يتطلّبه، وتصادق أنت على الترتيب قبل أن نلمس الشيفرة.
4. إصلاحات في بيئة الاختبار. تُقارَن كلّ دفعة بالقياس المرجعي، ثم نتحقّق من النماذج، وقياس الزيارات، والعرض بالعربية والفرنسية والإنجليزية.
5. النشر والمتابعة. تتجدّد البيانات الميدانية تدريجيًا، ولا نُصدر الحصيلة النهائية إلا بعد أن تغطّي فترة القياس النسخة الجديدة بالكامل.

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

هل نحسّن الموقع الحالي أم نعيد بناءه؟

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

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

واختيار WordPress أو PrestaShop ليس خطأً في حدّ ذاته، فإذا أُحسن إعدادهما أمكن أن يكونا سريعين. ويشرح مقالنا Next.js أم WordPress متى يكون كلّ منهما الخيار الأنسب.

كيف تحافظ على سرعة موقعك مع مرور الوقت؟

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

لذلك نترك لك ميزانية أداء مكتوبة: وزن أقصى لكلّ قالب، وعتبات يجب الالتزام بها، وقائمة بالسكربتات المسموح بها. ويتحقّق فحص آلي من هذه العتبات عند كلّ نشر أو على فترات منتظمة.

لماذا تُسند هذه المهمّة إلى AD AZUR DIGITAL؟

لأنّنا ننفّذ بأنفسنا الإصلاحات التي نوصي بها. يعمل فريقنا في صفاقس على تطوير المواقع وتطبيقات الويب باستخدام Next.js وTypeScript، ويتولّى أيضًا مواقع قائمة مبنية على WordPress أو PrestaShop. والأداء جزء من تحسين محرّكات البحث التقني: فإذا اقتضى التدقيق ذلك، عالجناه جنبًا إلى جنب مع الفهرسة والبيانات المنظّمة.

نعمل بالعربية والفرنسية والإنجليزية لشركات في تونس وأوروبا والشرق الأوسط. وتعتمد تونس التوقيت العالمي زائد ساعة (UTC+1) طوال السنة، لذا تقع اجتماعاتنا ضمن ساعات العمل في باريس ودبي على حدّ سواء.

أمّا ما لا نعد به، فهو مركز معيّن في نتائج Google. صحيح أنّ مؤشّرات Core Web Vitals من إشارات تجربة الصفحة، لكنّ ملاءمة المحتوى تبقى العامل الحاسم (المصدر: Google Search Central). والموقع السريع الخالي من المضمون لا يتقدّم في النتائج، أمّا الموقع السريع المفيد فهو أقدر على الاحتفاظ بالزوّار الذين جذبهم محتواك.

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