سرعة الموقع: لماذا تهم وكيف تحسنها بدون تعقيد
شرح مبسط لمؤشرات Core Web Vitals وطريقة قياسها و8 تحسينات عملية تجعل موقعك أسرع على الموبايل وتحسّن تجربة الزائر.
بقلم إسلام رأفت7 دقائق قراءة
الزائر بيقرر في ثواني: يكمل أو يمشي. وجوجل بيقيس تجربة الصفحة بمؤشرات اسمها Core Web Vitals. مش لازم تفهمها كلها، بس لازم تعرف 3 أرقام.
المؤشرات الثلاثة بشكل مبسط
- LCP: كم ثانية حتى يظهر أكبر عنصر في الصفحة (صورة أو عنوان). الجيد أقل من 2.5 ثانية.
- INP: سرعة استجابة الصفحة عند الضغط أو الكتابة. الجيد أقل من 200 ملي ثانية.
- CLS: هل المحتوى بيتحرك فجأة أثناء التحميل؟ الجيد أقل من 0.1.
إزاي تقيس موقعك
- افتح PageSpeed Insights وألصق رابطك، وركّز على نتيجة الموبايل.
- في Search Console افتح تقرير Core Web Vitals لترى بيانات الزوار الحقيقيين (يحتاج وقتًا لتجمع بيانات).
- جرّب الموقع بنفسك على موبايل متوسط وشبكة عادية.
8 تحسينات عملية
- الصور: اضغطها واستخدم صيغ حديثة (WebP أو AVIF) وحجمًا مناسبًا للشاشة.
- التحميل المؤجل: لا تحمّل صور أسفل الصفحة إلا عند الوصول إليها (lazy loading).
- تقليل JavaScript: كل مكتبة وإضافة بتتقل الصفحة. احذف ما لا تحتاجه.
- الخطوط: اختر خطوطًا قليلة ومحمّلة بكفاءة.
- التخزين المؤقت وشبكة CDN: تجعل الصفحة تفتح أسرع للزوار من أماكن مختلفة.
- سلايدر الصور الثقيل: غالبًا أول سبب لبطء الصفحة الرئيسية. بسّطه أو حمّله بذكاء.
- ووردبريس: قلل الإضافات واستخدم قالبًا خفيفًا وفعّل التخزين المؤقت.
- حجز المساحات: حدد أبعاد الصور والعناصر المتحركة حتى لا تقفز الصفحة (يخفض CLS).
مثال من موقعي
أثناء مراجعة موقعي لاحظت اهتزازًا في الصفحة الرئيسية على الموبايل (CLS حوالي 0.34) بسبب سطر نصي متحرك يتحول لسطرين. حجزت له مساحة ثابتة فانخفض الرقم إلى حوالي 0.06. تفصيلة صغيرة لكنها فرقت.
تحتاج هذا لنشاطك؟
موقع شركة — موقعك هو مندوب المبيعات الذي يعمل ٢٤ ساعة. أصمم وأبرمج مواقع شركات احترافية متعددة الصفحات تبدو موثوقة وتفتح بسرعة وتظهر في جوجل.