الإجابة المختصرة: أغلب المواقع البطيئة ليست بطيئة بسبب الاستضافة ولا بسبب حجم الصفحة الإجمالي. البطء الذي يشعر به الزائر يأتي من تأخر ظهور أكبر عنصر مرئي في الشاشة الأولى — صورة الغلاف أو العنوان الرئيسي — ومن جافاسكربت يحجب الرسم قبل أن يبدأ. أصلح هذين وستشعر بالفرق قبل أن تلمس أي شيء آخر.
الخطأ الشائع أن يُقاس الموقع برقم واحد ثم يُطارَد ذلك الرقم. والصحيح أن تعرف أي جزء من الانتظار يراه المستخدم فعلًا، لأن نصف ما يُحمَّل في الصفحة لا يؤثر على شعوره بالسرعة إطلاقًا.
أولًا: افهم ما يقيسه المستخدم لا ما يقيسه العدّاد
هناك ثلاثة أرقام تهمّ فعلًا، وكل واحد يقيس شعورًا مختلفًا:
متى ظهر شيء؟ أول رسم للمحتوى. الشاشة البيضاء الطويلة هي أسوأ انطباع ممكن. متى ظهر الشيء المهم؟ أكبر عنصر مرئي — غالبًا صورة الغلاف أو عنوان الصفحة. هذا هو الرقم الذي يوازي «الموقع فتح» في ذهن الزائر. متى صار قابلًا للاستخدام؟ إن ظهرت الصفحة ولم تستجب للضغط، فالزائر يظنها معطّلة لا بطيئة.
الرقم الإجمالي «حجم الصفحة 4 ميجابايت» لا يقول شيئًا عن أي من هذه الثلاثة. صفحة بأربعة ميجابايت أغلبها صور أسفل الشاشة قد تبدو أسرع من صفحة بميجابايت واحد كلها في الأعلى.
1. الصورة الأولى غير مضبوطة
هذا أكثر سبب تكرارًا وأسهله إصلاحًا.
صورة الغلاف تُرفع بأبعادها الأصلية من الكاميرا — أربعة آلاف بكسل عرضًا — وتُعرض في مساحة بعرض ألف بكسل. المتصفح يحمّل الأربعة آلاف كاملة ثم يصغّرها.
العلاج: صيغة حديثة مضغوطة، وأبعاد متعددة يختار المتصفح منها ما يناسب الشاشة، وتحديد الأبعاد في الشيفرة حتى لا تقفز الصفحة عند وصول الصورة.
والمصيدة المضادة: لا تؤجّل تحميل صورة الغلاف. التحميل المؤجَّل ممتاز لكل صورة أسفل الشاشة الأولى، وكارثي للصورة الأولى — لأنك تؤخّر بالضبط ما ينتظره الزائر.
2. الخطوط تحجب النص
الخط العربي المخصص ملف كبير نسبيًا، وبعض المواقع تنتظره قبل عرض أي نص. النتيجة صفحة تُحمَّل بالكامل ويبقى النص خفيًّا ثانيتين.
العلاج: اعرض النص بخط النظام فورًا ثم استبدله عند وصول الخط المخصص، وحمّل أوزان الخط التي تستخدمها فعلًا لا تسعة أوزان لأن القالب يوفّرها، واستضف الخط عندك بدل جلبه من نطاق خارجي.
3. جافاسكربت يعمل قبل أن يحتاجه أحد
كل سكربت يعمل عند تحميل الصفحة يزاحم المتصفح على نفس الخيط الذي يرسم به الواجهة.
المشتبهون المعتادون: أدوات التحليلات، ووسوم الإعلانات، وويدجت المحادثة، والرسوم المتحركة، والخرائط التفاعلية.
العلاج: أجّل ما لا يظهر فورًا. أداة التحليلات لا تحتاج أن تعمل قبل رسم الصفحة، وويدجت المحادثة يمكن تحميله عند أول حركة من المستخدم أو بعد ثوانٍ، والخريطة تُستبدل بصورة ثابتة تتحول إلى خريطة عند الضغط.
4. إضافات كثيرة تفعل قليلًا
في مواقع أنظمة إدارة المحتوى، كل إضافة تحمّل ملف تنسيق وملف سكربت خاصًا بها على كل صفحة — حتى الصفحات التي لا تستخدمها.
إضافة نماذج تحمّل شيفرتها في صفحة «من نحن». إضافة معرض صور تحمّل مكتبتها في المدونة.
العلاج: راجع القائمة كل بضعة أشهر. احذف المعطّلة، واستبدل ما تستطيع كتابته في أسطر معدودة، واضبط ما يسمح بتحميله في صفحات محددة.
5. لا يوجد كاش — أو يوجد كاش لا أحد يفهمه
بلا كاش، كل زائر يجعل الخادم يبني الصفحة من الصفر: استعلامات قاعدة بيانات، وقوالب، ومعالجة. ومع كاش صحيح، يستلم الزائر صفحة جاهزة.
والمصيدة الأخطر ليست غياب الكاش بل تعدد طبقاته. موقع أمامه شبكة توصيل، وعليه كاش خادم، وداخله كاش تطبيق: تعدّل شيئًا فلا يظهر، فتتهم الطبقة الخطأ وتضيّع ساعة.
القاعدة العملية: حين لا يظهر تعديلك، اقرأ ترويسات الاستجابة قبل أن تخمّن. الترويسة تقول لك أي طبقة قدّمت الصفحة، وهذا يوفّر عليك تجريب الطبقات واحدة واحدة.
6. الخادم بعيد أو مشغول
هذا السبب الحقيقي الذي يُتَّهم دائمًا وهو مسؤول عن جزء أصغر مما يُظن — لكنه موجود.
خادم في قارة أخرى يضيف زمن رحلة لكل طلب. واستضافة مشتركة مزدحمة تجعل زمن أول بايت متذبذبًا.
العلاج: خادم قريب من جمهورك أو شبكة توصيل محتوى تقرّب الملفات، واستضافة تناسب حجمك فعلًا.
لكن: لا تبدأ من هنا. ترقية الاستضافة لموقع مشكلته صورة بأربعة آلاف بكسل تنفق مالًا شهريًا على عرض لا يُستهلك.
السبب الوهمي: «الموقع ثقيل لأنه جميل»
يُقال كثيرًا إن التصميم الغني يعني بطئًا حتميًا. هذا غير صحيح.
الحركة المنفَّذة بخصائص يرسمها كرت الشاشة لا تكلّف شيئًا يُذكر. والصور الكبيرة المضغوطة بالصيغة الصحيحة تصل بجزء من حجمها الأصلي. والتصميم المزدحم بصريًا قد يكون أخفّ من تصميم بسيط بُني فوق قالب ثقيل.
المشكلة ليست في الجمال بل في كيف نُفِّذ.
السرعة على الجوال مسألة مختلفة
الجهاز المكتبي بشبكة سريعة يخفي ثلاث مشاكل لا تظهر إلا على الهاتف:
معالج أضعف. جافاسكربت الذي ينفَّذ في جزء من الثانية على حاسوب قد يأخذ أضعافه على هاتف متوسط. والمواقع التي تعتمد على معالجة كثيرة في المتصفح تدفع الثمن هنا.
ذاكرة أقل. الصفحة الثقيلة قد تُعاد تحميلها إن بدّل المستخدم بين التطبيقات — فيفقد ما ملأه في نموذج.
شبكة متذبذبة. ليست بطيئة فقط بل غير مستقرة. والصفحة التي تنتظر عشرة ملفات قبل أن تعرض شيئًا قد تتوقف عند الملف السادس.
والعلاج المشترك: أرسل أقل قدر ممكن قبل الرسم الأول. اجعل الصفحة تعرض محتواها الأساسي بأقل عدد من الملفات، وأجّل كل ما عداه.
ترتيب العمل الذي يعطي أسرع نتيجة
| الخطوة | الجهد | الأثر المتوقع | |—|—|—| | ضغط صورة الغلاف وتحديد أبعادها | ساعة | كبير جدًا | | إلغاء تأجيل تحميل الصورة الأولى | دقائق | كبير | | تأجيل السكربتات غير الحرجة | ساعات | كبير | | ضبط عرض الخطوط | ساعة | متوسط | | مراجعة الإضافات | ساعات | متوسط | | تفعيل الكاش | ساعة | كبير على الخادم | | ترقية الاستضافة | تكلفة شهرية | متغيّر — آخر خطوة |
ابدأ من الأعلى. أغلب المواقع تكسب أكبر تحسّن من أول ثلاث خطوات، وكثير منها لا يحتاج ما بعدها.
كيف تقيس بصدق؟
قِس صفحة حقيقية لا الرئيسية وحدها. الرئيسية غالبًا الأكثر عناية، وصفحة المنتج أو المقال هي ما يصل إليه الناس من البحث.
قِس على الجوال وبشبكة بطيئة. الجهاز المكتبي بشبكة سريعة يخفي كل شيء.
قِس بعد إفراغ الكاش لا قبله. القياس بعد زيارتك للصفحة يقيس نسختك المخزَّنة لا تجربة زائر جديد. هذه أكثر نتيجة كاذبة شيوعًا في تقارير السرعة.
قِس مرتين: قبل التعديل وبعده. بلا رقم قبلي، لا تستطيع أن تعرف هل تحسّن شيء أم تغيّر شعورك.
كيف تقرأ تقرير قياس السرعة دون أن يضلّلك؟
أدوات القياس تعطي رقمًا كبيرًا ملوّنًا يجذب الانتباه، وتحته التفاصيل التي تفيد فعلًا. والخطأ الشائع مطاردة الرقم الكبير وتجاهل ما تحته.
الرقم الإجمالي متوسط مرجّح لعدة مقاييس، وقد يتحرك لأسباب لا علاقة لها بموقعك: ازدحام الشبكة وقت القياس، أو نسخة مختلفة من أداة القياس. قياسان متتاليان بفارق خمس نقاط أمر طبيعي، ولا يستحق أن تبني عليه قرارًا.
افصل بين نوعي البيانات. البيانات المخبرية قياس واحد في ظروف محاكاة، تصلح للتشخيص لأنها تكرَّر بنفس الشروط. وبيانات المستخدمين الحقيقيين تجميع لتجارب زوار فعليين على أجهزة وشبكات مختلفة، وهي الحقيقة لكنها تتأخر أسابيع في التحديث.
والقاعدة العملية: شخّص بالمخبري، واحكم بالحقيقي. من يصلح مشكلة اليوم ثم ينتظر تغيّر بيانات المستخدمين غدًا سيقلق بلا سبب.
اقرأ قائمة الفرص بترتيبها. الأداة ترتّب الاقتراحات بالوقت الذي توفّره كل واحدة. وأول ثلاثة اقتراحات تساوي عادةً أكثر من العشرة الباقية مجتمعة.
وانتبه للاقتراحات التي لا تناسبك. بعضها يقترح إزالة موارد تحتاجها فعلًا. الأداة لا تعرف أن ذلك السكربت يشغّل نظام الحجز عندك.
السرعة في المتاجر: أرقام مختلفة
المتجر يختلف عن الموقع التعريفي لأن البطء فيه يُترجَم إلى سلات متروكة مباشرة.
ثلاثة مواضع تحسم في المتاجر:
صفحة المنتج. أثقل صفحة عادةً — صور متعددة، ومراجعات، ومنتجات مقترحة، وسكربتات تتبّع. والمنتجات المقترحة بالذات تُحمَّل كاملة عند فتح الصفحة وهي أسفلها. حمّلها عند الوصول إليها.
صفحة النتائج والفلاتر. كل تغيير فلتر يعني استعلامًا جديدًا. إن كان يعيد تحميل الصفحة كاملة في كل مرة، فالتجربة بطيئة مهما كانت الاستضافة.
مسار الدفع. أخطر موضع على الإطلاق: العميل قرّر الشراء، وكل ثانية تأخير هنا خسارة مباشرة. أخرِج من صفحات الدفع كل سكربت لا يخدمها — التتبّع التسويقي، والمحادثة، والتوصيات.
وقياس المتجر يجب أن يتم على صفحة منتج حقيقية بمخزون وصور ومراجعات لا على الرئيسية المصقولة.
أسئلة شائعة
ما الرقم الجيد لسرعة الموقع؟
القاعدة العملية: يظهر أكبر عنصر مرئي خلال ثانيتين ونصف على الجوال، وتستجيب الصفحة للضغط فورًا، ولا تقفز عناصرها أثناء التحميل. الرقم المجرّد في أدوات القياس أقل أهمية من هذه الثلاثة.
هل شبكة توصيل المحتوى ضرورية؟
مفيدة إن كان جمهورك موزّعًا جغرافيًا أو موقعك مليئًا بالصور. أما موقع محلي بجمهور في مدينة واحدة وخادم قريب، فالمكسب منها أقل بكثير من إصلاح الصور والسكربتات.
هل يؤثر بطء الموقع على ترتيبه في البحث؟
نعم، لكن بشكل غير مباشر أكثر مما يُظن. الأثر الأكبر سلوكي: الزائر الذي ينتظر يغادر، والمغادرة السريعة تضرّ. عالج السرعة من أجل الزائر أولًا، وسيتبع الترتيب.
هل أحذف الحركات والتأثيرات لأسرّع الموقع؟
ليس بالضرورة. الحركة المنفَّذة بخصائص يرسمها كرت الشاشة — كالإزاحة والشفافية — لا تكلّف شيئًا يُذكر. المكلف هو ما يجبر المتصفح على إعادة حساب التخطيط باستمرار، أو مكتبة حركة ثقيلة تُحمَّل لأجل تأثير واحد.
لماذا يبدو موقعي سريعًا عندي وبطيئًا عند العملاء؟
ثلاثة أسباب مجتمعة عادةً: متصفحك يحمل نسخة مخزَّنة من الملفات، وجهازك أقوى من أجهزة أغلب زوارك، وشبكتك أسرع. القياس الصادق يكون بعد إفراغ الكاش، على جهاز متوسط، وبشبكة الجوال.
هل أستخدم صيغة صور حديثة؟
نعم، فهي تعطي حجمًا أصغر بجودة مماثلة. والأدوات الحديثة تولّد الصيغة الحديثة وتُبقي نسخة تقليدية للمتصفحات القديمة تلقائيًا — فلا حاجة للاختيار بينهما.
كم مرة يجب أن أقيس؟
بعد كل تغيير جوهري، وبشكل دوري كل بضعة أشهر. المواقع تبطؤ تدريجيًا مع إضافة المحتوى والأدوات — والبطء الذي يتراكم ببطء لا يلاحظه أحد حتى يصير كبيرًا.
هل التخزين المؤقت يضرّ زوارًا يرون نسخة قديمة؟
لا إن ضُبط صحيحًا. الملفات الثابتة تُخزَّن طويلًا مع تغيير اسمها عند كل تحديث، والصفحات تُخزَّن مدة قصيرة وتُفرَّغ عند التعديل. المشكلة تحدث حين يُخزَّن كل شيء بالمدة نفسها بلا آلية إبطال.
موقعي سريع في القياس وبطيء في الاستخدام — لماذا؟
غالبًا لأن القياس يفحص الصفحة الرئيسية بينما بطؤك في صفحة أخرى أثقل، أو لأن البطء في التفاعل لا في التحميل: الصفحة تظهر بسرعة ثم لا تستجيب للضغط لأن جافاسكربت ما زال يعمل.
قائمة تحقق قبل أي إطلاق
| الفحص | المعيار | |—|—| | صورة الغلاف | مضغوطة، أبعادها محددة، بلا تحميل مؤجَّل | | بقية الصور | تحميل مؤجَّل + أحجام متعددة | | الخطوط | أوزان مستخدمة فقط، والنص يظهر قبل وصولها | | السكربتات | كل ما ليس حرجًا مؤجَّل | | الكاش | مفعّل ومعروف كيف يُفرَّغ | | القياس | على جوال متوسط بشبكة بطيئة بعد إفراغ الكاش |
والقاعدة التي تختصر القائمة كلها: لا ترفع صورة بأبعادها الأصلية، ولا تثبّت أداة تعمل عند التحميل إلا إن كان أثرها يظهر فورًا على الشاشة.
وإن لم تستطع تنفيذ القائمة كاملة، فابدأ بالسطر الأول. صورة الغلاف وحدها مسؤولة عن أكبر جزء من الانتظار في أغلب المواقع التي فحصناها.
السرعة ليست مشروعًا يُنجَز مرة. هي عادة: كل صورة تُرفع، وكل أداة تُضاف، وكل إضافة تُثبَّت، تدفع الرقم في اتجاه واحد. من يقيس بعد كل إضافة يبقى سريعًا؛ ومن يقيس مرة في السنة يفاجأ.