ما الذي يجعل الموقع سريعاً فعلاً

الجميع يريد موقعاً سريعاً، ومعظم النصائح تتوقف عند “حسّن صورك”. الصور تهم، لكن السرعة حصيلة قرارات كثيرة تُتخذ أثناء البناء. إليك أين توجد المكاسب الحقيقية.

اشحن JavaScript أقل

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

قدّم صوراً حديثة ومتجاوبة

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

استضف خطوطك ذاتياً واضبطها

من السهل إفساد خطوط الويب. استضفها ذاتياً، وجزّئها إلى الأحرف التي تحتاجها، واستخدم font-display: swap، واضبط مقاييس الخط الاحتياطي كي لا تنزاح النصوص حين يصل خط الويب. ذلك يحمي درجة Cumulative Layout Shift لديك.

قِس ما يشعر به المستخدمون

تصف مؤشرات Core Web Vitals التجربة الحقيقية: Largest Contentful Paint للتحميل، وCumulative Layout Shift للاستقرار، وInteraction to Next Paint للاستجابة. قِسها على هاتف متوسط الفئة ممثّل واتصال بطيء، لا على حاسوب محمول سريع فحسب، لأن ذلك ما يستخدمه كثير من زوارك.

الأداء مبني، لا مركّب

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