أداء الموقع يبدأ من المحتوى.

ضع قواعد الأصول مبكرًا.

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

الهدف هو صور واضحة بالحجم الذي ستُعرض به فعليًا. إرسال نسخة أصلية كبيرة لكل زائر يخلق عبئًا على الشبكة دون تحسين النتيجة المرئية بالضرورة.

امنح الجوال تكوينه الخاص.

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

تتيح مرشحات الصور المتجاوبة للمتصفح اختيار المورد المناسب للعرض. يشرح web.dev كيف يحسن هذا التطابق بين أبعاد الصورة المُسلَّمة والجهاز.

راجع الصفحة كسلسلة متتابعة.

أعطِ الأولوية للقسم الرئيسي (Hero) وأخر الأصول البعيدة حتى تصبح مطلوبة. تحقق من تكلفة الفيديو، والمعارض التفاعلية، والحركة، بما في ذلك ما يحدث عندما يفضل الزائر تقليل الحركة.

اختبر بمحتوى حقيقي على أكثر من منفذ عرض. راجع فك ترميز الصور، وحركة التخطيط، والأصول المعطلة، والتفاعلات معًا؛ الملف الصغير ليس تحسينًا ناجحًا إذا كانت الصفحة لم تعد توصل الرسالة بوضوح.

قراءات إضافية.

تسليم الصور المتجاوبة

ضع الموجز موضع التنفيذ.

تطوير المنتجات الرقمية · ناقش العمل الذي تحتاجه أعمالك للقيام به.