سرعة الموقع: ليش موقعك بطيء، وكيف تقيسه بنفسك قبل ما تدفع لأحد

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

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

ليش السرعة تهم أصلاً

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

كيف تقيس بنفسك (مجاناً، خلال خمس دقايق)

افتح PageSpeed Insights وحط رابط صفحتك. راح تشوف قسمين:

1. بيانات المستخدمين الفعليين (إذا موقعك عليه زيارات كافية): هذي الأهم، لأنها من زوار حقيقيين على أجهزتهم وشبكاتهم. المؤشرات الثلاثة: LCP (متى يظهر أكبر عنصر)، INP (كم يتأخر التفاعل)، CLS (كم تتحرك العناصر أثناء التحميل).

2. الاختبار المحاكي: يفتح صفحتك على جهاز بطيء وشبكة بطيئة ويعطيك درجة. الدرجة مفيدة للمقارنة، بس لا تتعامل معها كهدف بحد ذاته. شفنا مواقع درجتها 95 وبطيئة عند المستخدم، والعكس.

اختبر الجوال أولاً (أغلب زوارك عليه)، واختبر صفحة داخلية مو الرئيسية بس.

النصيحة الي وفرت علينا أسابيع: تأكد وش العنصر الأكبر (LCP) قبل ما تصلح أي شي. الأداة تقول لك بالضبط أي صورة أو نص. في مرة كنا نضغط أثقل صورة في الصفحة، وطلع العنصر الأكبر خلفية صغيرة في قسم ثاني ما أحد انتبه لها. صلحناها بسطر واحد وتحسنت الصفحة أكثر من كل الي قبله.

الأسباب الخمسة الي نشوفها

1. الصور

أكثر سبب بفارق كبير. صور من الكاميرا مباشرة بحجم ميغابايتات، بدون ضغط، وبدون صيغة حديثة (WebP أو AVIF)، وكلها تتحمل من أول ثانية حتى الي في آخر الصفحة.

الحل: ضغط كل الصور، صيغة حديثة، مقاسات مناسبة للجوال، وتحميل كسول للصور الي تحت. وشي واحد يستثنى من التحميل الكسول: صورة الأعلى (LCP) لازم تتحمل أول شي.

2. الخطوط

خطوط عربية ثقيلة تتحمل من خادم خارجي، وأحياناً أربع أوزان وأنت تستخدم اثنين. الصفحة تنتظرها قبل ما تعرض النص.

الحل: وزنين أو ثلاثة بس، مستضافة عندك، وإعداد يخلي النص يظهر بخط مؤقت لين يوصل الخط.

3. السكربتات

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

الحل: تأخير الي مو ضروري لين تكتمل الصفحة، وحذف الي ما أحد يستخدمه. وانتبه: بعض أدوات التأخير ما تشتغل إلا مع إعداد معين، وتحسب إنها شغالة وهي لا. شفنا هذا بأنفسنا.

4. الاستضافة

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

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

5. البناء نفسه

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

الحل: المحتوى يوصل مع الصفحة (pre-rendering أو server-side rendering)، والكود يشتغل بعده.

الترتيب الي نصلح فيه

1. العنصر الأكبر (LCP): تأكد وش هو، وخله يتحمل أول شي.
2. الصور: ضغط وصيغة وتحميل كسول.
3. التخزين المؤقت: للصفحات وللملفات الثابتة.
4. السكربتات: تأخير وحذف.
5. الخطوط.
6. الاستضافة: آخر شي، لأنه الأغلى، وغالباً الأربعة الي قبله تكفي.

بعد كل خطوة، قيس مرة ثانية. وتأكد إن القياس من نسخة جديدة مو من التخزين المؤقت القديم، لأن هذا خدعنا مرة وضيّع علينا يوم.

أشياء ما تستاهل

• الدرجة 100. الفرق بين 85 و100 ما يحس فيه الزائر، وأحياناً يكلف أكثر من قيمته.
• إعادة بناء الموقع كامل بسبب السرعة، قبل ما تجرب الخمسة فوق.
• إضافات «تسريع» متعددة فوق بعض. وحدة مضبوطة أفضل من ثلاث تتعارض.

أسئلة سريعة

موقعي على ووردبريس، وش أول شي أسويه؟ إضافة تخزين مؤقت للصفحات (وحدة بس)، وضغط الصور مع صيغة WebP. هذي الخطوتين تحل أغلب البطء في مواقع ووردبريس الي شفناها، بدون ما تلمس التصميم.

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

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

الخلاصة

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

إذا قست ووصلت لحد، احجز استشارة مجانية وأرسل لنا الرابط، ونقول لك السبب ووش يستاهل يتصلح.