Image de bannière de catégorie lente à charger

[NoamH (Noam Huri)]

@awesomerobot

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

J’ai utilisé ce CSS mais les images prennent 3 secondes à charger (la taille de l’image est de 240k)
Des suggestions ?

[Canapin (Coin-coin le Canapin)]

Salut Noam, désolé pour ma réponse tardive, j’examine le sujet principal category-banners et il y a quelques questions sans réponse que je déplace vers des sujets dédiés

As-tu finalement résolu le problème ?

[NoamH (Noam Huri)]

Non, le premier téléchargement prend toujours 3 secondes

[Lilly (Lillian Louis)]

@NoamH

J’ai utilisé ce CSS mais les images prennent 3 secondes à se télécharger (la taille de l’image est de 240k)
Des suggestions ?

hmmm

avez-vous essayé de charger l’image en tant qu’actif en téléchargeant sur un thème (ou un composant de thème) et en utilisant une variable comme ceci ?

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

[NoamH (Noam Huri)]

Oui, voici le code de notre côté :

.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)]

Il n’y a rien d’inhérent à l’ajout d’une image d’arrière-plan comme celle-ci qui devrait la ralentir, il est donc difficile de le dire. D’autres images se chargent-elles lentement ?

L’image pourrait être un peu plus optimisée pour réduire la taille du fichier ; elle ne semble pas avoir de transparence, donc un JPG pourrait être plus petit qu’un PNG. Vous pouvez également l’optimiser davantage à l’aide d’un outil comme ImageOptim (Mac) ou d’un outil en ligne comme TinyPNG.

[system (system) A fermé ce sujet ()]

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