Kategorie Bannerbild lädt langsam

[NoamH (Noam Huri)]

@awesomerobot

.category-title-header {
  &.category-banner-example-category {
        background: url(example.jpg);
  }
}

Ich habe dieses CSS verwendet, aber die Bilder brauchen 3 Sekunden zum Hochladen (die Bildgröße beträgt 240k)
Irgendwelche Vorschläge?

[Canapin (Coin-coin le Canapin)]

Hallo Noam, entschuldige die späte Antwort. Ich überprüfe das Hauptthema category-banners und es gibt einige unbeantwortete Fragen, die ich in separate Themen verschiebe

Hast du das Problem am Ende gelöst?

[NoamH (Noam Huri)]

Nein, der erste Upload dauert immer noch 3 Sekunden.

[Lilly (Lillian Louis)]

@NoamH

Ich habe dieses CSS verwendet, aber die Bilder brauchen 3 Sekunden zum Hochladen (die Bildgröße beträgt 240k)
Irgendwelche Vorschläge?

hmmm
Haben Sie versucht, das Bild als Asset zu laden, indem Sie es in ein Theme (oder eine Theme-Komponente) hochgeladen und eine Variable wie folgt verwendet haben?

.category-title-header {
  &.category-banner-example-category {
        background: url($example);
  }
}

[NoamH (Noam Huri)]

Ja, das ist der Code von unserer Seite:

.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); }

[awesomerobot (Kris)]

Es gibt nichts, was dem Hinzufügen eines Hintergrundbilds wie diesem inhärent ist, das es langsam machen sollte, daher ist es schwer zu sagen. Laden andere Bilder überhaupt langsam?

Das Bild könnte etwas mehr optimiert werden, um die Dateigröße zu reduzieren. Es scheint keine Transparenz zu haben, daher könnte ein JPG kleiner sein als ein PNG. Sie können es auch weiter optimieren, indem Sie ein Tool wie ImageOptim (Mac) oder ein webbasiertes Tool wie TinyPNG verwenden.