أهلاً بكم يا أصدقاء مدونة "مكتبتي". اليوم، قررت أن أخرج عن المألوف قليلاً. بدلاً من أن أشرح لكم كوداً برمجياً معقداً، سأشارككم قصة حقيقية حدثت معي خلف الكواليس في هذه المدونة بالذات. هي قصة إحباط، ثم تحليل، ثم نجاح باهر، وأعتقد أنها ستغير طريقتكم في التعامل مع مواقعكم للأبد.
"كنت أظن أن المحتوى هو الملك، وأن تصميم الموقع الأنيق يكفي. لكنني اكتشفت، وبالدليل القاطع، أن 'سرعة الموقع' هي الحارس الذي يقرر من سيدخل مملكتك ومن سيرحل غاضباً."
بداية الحكاية: صدمة التقرير الأحمر من Ahrefs
مثل أي صاحب مدونة طموح، قمت بربط مدونتي بأدوات السيو المشهورة. في البداية، كنت سعيداً برؤية أرشفة المقالات. لكن، في صباح أحد الأيام، فتحت تقرير **Ahrefs Project History**، وأصبت بصدمة. كانت الأعمدة الحمراء تغطي الرسم البياني. كانت المشاكل التقنية (Total Issues) تتجاوز الـ 150 خطأ، ودرجة صحة الموقع (Health Score) كانت تتأرجح تحت الـ 50%.
شعرت بالإحباط. هل كل الجهد الذي بذلته في الكتابة وتنسيق القالب يضيع هباءً؟ هل سأرفض في **Google AdSense** بسبب هذه الأخطاء التي لا أفهم أغلبها؟ كان السؤال الأهم الذي يدور في ذهني هو: *"من أين أبدأ الحل؟"*
تحديد "المتهم الأول": الصور العملاقة
بدأت الغوص في التفاصيل. لم أكتفِ بتقرير Ahrefs العام، بل انتقلت للأداة الأهم والأصدق: **Google PageSpeed Insights**. وضعت رابط مدونتي، وكانت النتيجة أسوأ مما توقعت. كانت النتيجة الإجمالية للأداء في "المنطقة الحمراء".
أشرت الأداة بإصبع الاتهام بوضوح إلى **"Time to First Byte (ms)"** و **"Largest Contentful Paint (LCP)"**. وباختصار، كان جوجل يخبرني: *"يا أحمد، صفحاتك تستغرق دهراً لتحميل الصور!"*
نظرت إلى المقالات التي كانت تجلب لي أغلب الزوار، مثل مقال [رابط لمقال المصادر الرقمية]، واكتشفت الكارثة. كنت أرفع صوراً جودتها عالية جداً، يصل حجم بعضها إلى **3.6 ميجابايت**. تخيلوا زائر يفتح المدونة من باقة الهاتف في مصر، ويضطر لتحميل 4 أو 5 صور بهذا الحجم! كان هذا كفيلاً بأن يجعله يغلق الصفحة فوراً، وهو ما يفسر "معدل الارتداد" العالي (Bounce Rate).
رحلة التحول: من المنطقة الحمراء إلى القمة الخضراء
قررت أن أوقف كل شيء، وأركز على حل هذه المشكلة تقنياً. لم يكن أمامي خيار سوى "تنظيف" الموقع. إليكم الخطوات العملية التي قمت بها، والتي يمكنك تطبيقها فوراً:
الخطوة 1: بتر الروابط المكسورة (أخطاء 404)
في البداية، عدت إلى تقرير Ahrefs القديم، ووجدت روابط كانت تظهر لي في Google Analytics كأخطاء 404 (مثل `blog-post_42.html`). كانت هذه روابط قديمة قمت بتغييرها ولكن جوجل لم ينسَها. استخدمت أداة **Removals** في **Google Search Console** لإزالة هذه الروابط نهائياً من نتائج البحث. كان هذا مثل بتر عضو تالف لحماية بقية الجسم.
الخطوة 2: ثورة ضغط الصور وتحويلها لـ WebP (الأهم!)
كانت هذه هي الخطوة التي صنعت الفارق الحقيقي. قمت بتحميل الصور العملاقة من مقالاتي القديمة، واستخدمت أداة مجانية رائعة (مثل Squoosh.app) لضغطها. لم أكتفِ بضغط الحجم، بل حولت صيغتها من JPG و PNG إلى صيغة **WebP**.
النتيجة؟ الصورة التي كان حجمها **3.6 ميجابايت** أصبحت **132 كيلوبايت** فقط، مع الحفاظ على نفس الجودة البصرية تقريباً! لقد قللت حجم بيانات الصور بنسبة 96%.
منذ ذلك اليوم، اتخذت قراراً حاسماً: لن يتم رفع أي صورة على مدونة "مكتبتي" إلا بعد ضغطها وتحويلها لـ WebP.
