Hardik Dewra
2 min read
كيف تؤثر سرعة تحميل صفحة الهبوط على التحويل
الصفحات البطيئة تخسر الزوار قبل أن يظهر العنوان. تابع أرقام السرعة الثلاثة هذه، ثم استعمل الإصلاحات التي تحرّكها.
سرعة تحميل صفحة الهبوط تقرر من يرى عرضك
كل صفحة هبوط فيها طابور. ينقر أحدهم إعلانًا، ويبدأ المتصفح بالجلب، وينتظر الزائر. وعلى جوال بشبكة 4G متقطعة، قد تبقى صفحة ثقيلة بيضاء أربع أو خمس ثوانٍ. وحصة كبيرة من الزوار تغادر قبل أن يُرسم العنوان. فلا يرون العرض ولا يصلون إلى الزر أبدًا. وقد يكون نصك ممتازًا ويبقى بلا أثر. ومع الترافيك المدفوع أنت تدفع ثمن تلك النقرة في الحالتين. فسرعة تحميل صفحة الهبوط تقرر كم شخصًا يصل ليحكم على كل شيء آخر بنيته.
الأرقام الثلاثة التي تستحق المتابعة
تنشر Google ثلاث عتبات وهي تصلح أهدافًا. Largest Contentful Paint يجب أن يهبط تحت 2.5 ثانية. وهذا عادة صورة الهيرو أو العنوان وهو ينهي رسمه. وInteraction to Next Paint يجب أن يبقى تحت 200 مللي ثانية، لتبدو اللمسات فورية. وCumulative Layout Shift يجب أن يبقى تحت 0.1، ليثبت التخطيط في مكانه بينما يقرأ أحدهم. وتقيّم Google هذه عند المئين 75 من الزيارات الحقيقية وتفصل الجوال عن سطح المكتب، فراجع الاثنين. وبيانات الميدان تتأخر أسابيع، فالاختبار المخبري يؤكد لك الإصلاح اليوم.
ما الذي يجعل الصفحة بطيئة فعلًا
المتهمون أنفسهم يظهرون في كل موقع نراجعه تقريبًا. فيديو هيرو يعمل تلقائيًا ويشحن ميغابايتات قبل أن يمرّر أحد. ولقطات شاشة مصدّرة بعرض 3000 بكسل وموضوعة في مساحة 600 بكسل. وأربعة أوزان خطوط تُحمَّل حيث يكفي اثنان، وكل واحد منها يؤخر ظهور النص. ثم تأتي الإضافات: أداة محادثة، ومسجّل خرائط حرارة، وبكسلا إعلانات، وسكربت اختبار A/B يعطّل العرض بينما يختار نسخة. وكل واحدة بدت مجانية وقتها. ولا أحد يتابع المجموع الجاري.
من أين تبدأ هذا الأسبوع
ابدأ بالهيرو، لأنه عادة عنصر LCP عندك. قدّم صورة WebP أو AVIF مضغوطة، وحدّد مقاسها للشاشة، ولا تحمّلها تحميلًا كسولًا. واستبدل الفيديو التلقائي بصورة ثابتة وزر تشغيل. واحجز ارتفاعًا للصور والتضمينات واللافتات لتحافظ الصفحة على شكلها. ثم افتح تبويب الشبكة، ورتّب حسب الحجم، واحذف كل سكربت خارجي لم يراجعه أحد منذ ثلاثة أشهر. وأعد الاختبار على جهاز حقيقي عبر بيانات جوال مخنوقة. فمعظم الصفحات تصير أسرع حين تنزع منها أشياء.
WeDesignLandingPages.com
A sub-brand of WeDesignBrands.Agency