صورة البانر للفئة بطيئة التحميل

الدعم
1

لقد استخدمت هذا الـ CSS ولكن الصور تستغرق 3 ثوانٍ للتحميل (حجم الصورة 240 ألفًا)
أي اقتراحات؟

إعجابَين (2)
2

نعم نوعم، آسف على التأخير في الرد، أنا أراجع الموضوع الرئيسي category-banners وهناك بعض الأسئلة التي لم تتم الإجابة عليها، وسأقوم بنقلها إلى مواضيع مخصصة :slight_smile:

هل تمكنت من حل المشكلة في النهاية؟

إعجابَين (2)
3

لا، التحميل الأول لا يزال يستغرق 3 ثوانٍ

إعجاب واحد (1)
4

هممم :thinking:
هل حاولت تحميل الصورة كأصل عن طريق تحميلها إلى سمة (أو مكون سمة) واستخدام متغير مثل هذا؟

.category-title-header {
  &.category-banner-example-category {
        background: url($example);
  }
}
إعجاب واحد (1)
5

نعم، هذا هو الكود من جانبنا:

.category-title-header.category-banner-show-and-tell {background-size: cover !important; background: url(https://cdck-file-uploads-europe1.s3.dualstack.eu-west-1.amazonaws.com/business20/uploads/algosec/original/1X/b94301fb225b079d905143074e33c5140e151f19.png); }

إعجاب واحد (1)
6

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

يمكن تحسين الصورة بشكل أكبر لتقليل حجم الملف، لا يبدو أنها تحتوي على أي شفافية، لذا يمكن أن يكون JPG أصغر من PNG. يمكنك أيضًا تحسينها بشكل أكبر باستخدام أداة مثل ImageOptim (Mac) أو أداة عبر الويب مثل TinyPNG.

إعجابَين (2)
7

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.