Shopware 6 Performance & vitesse

Nos meilleurs plugins Shopware pour la vitesse

Trois plugins — et un ordre par poids, pas par visibilité.

Un bon score PageSpeed n'est pas une boutique rapide — Lighthouse mesure un laboratoire, votre client vit l'inverse. Et le plus gros poids est presque toujours le même : les images.

Le problème

Ça vous parle ?

Un score qui mesure autre chose

95 en laboratoire, lente en réalité. Le score ne mesure pas ce que vit votre client.

Des images qui remplissent le fil

Une seule image non optimisée pèse plus lourd que tout votre CSS.

Des scripts au mauvais endroit

Un script marketing en début de page bloque le rendu, même utile tardivement.

Le réglage fin avant le poids

Optimiser des millisecondes pendant que les mégaoctets restent intacts.

La sélection

Notre sélection, classée

Chaque module ci-dessous est développé, maintenu et supporté par notre équipe. Le classement reflète ce que nous installerions en premier sur une boutique cliente.

  1. WebP, AVIF, bon dimensionnement, CDN. Une image produit pèse souvent plus lourd que tout votre CSS.

    Optimisation d'images native pour Shopware 6.6 et 6.7. Génération automatique WebP et AVIF en parallèle de chaque image, recompression JPEG/PNG sans perte visible, suppression…

  2. Custom Code Manager — Snippets CSS / JS pour Shopware 6

    Le contrôle de vos propres scripts

    Chaque snippet que vous avez ajouté charge quelque part. Voir lequel, et le mettre au bon endroit — pas partout.

    Injectez et organisez vos snippets CSS et JavaScript directement dans la compilation du thème Shopware 6. Éditeur de code intégré, conteneurs multi-canal, historique de…

  3. La PWA met en cache ce qui ne change pas et récompense le visiteur qui revient. Pas la première impression — le retour.

    Transformez votre boutique Shopware 6.5, 6.6 et 6.7 en PWA installable (manifest et service worker dynamiques, page hors-ligne, bannière d'installation) et envoyez des notifications…

Comparatif côte à côte

Un bon score PageSpeed n’est pas une boutique rapide

C’est le piège où tout le monde tombe. Lighthouse mesure une page de laboratoire, sur une connexion simulée, sans vos cookies, sans votre script de consentement, sans vos tags marketing. Votre client vit l’inverse : un vrai téléphone, un réseau chargé, tous les scripts à la fois.

Et le plus gros poids est presque toujours le même

Les images. Pas votre thème, pas Shopware. Une seule image produit non optimisée pèse plus lourd que tout votre CSS. Avant de toucher à autre chose, pesez ce qui passe vraiment sur le fil.

Et le bon ordre n’est pas celui qu’on croit

Les images d’abord — le plus gros poids. Puis les scripts que vous avez ajoutés vous-même. Ensuite seulement, le réglage fin. Dans l’autre sens, vous optimisez des millisecondes en ignorant des mégaoctets.

Guide d'achat

Comment choisir

D'abord, arrêtez de croire le score

Un bon score PageSpeed n'est pas une boutique rapide. Lighthouse mesure un laboratoire : connexion simulée, sans vos cookies, sans script de consentement, sans tags. Votre client vit l'inverse. Mesurez sur un vrai appareil, sur un vrai réseau — là où l'on vend.

Puis les images — le plus gros poids

Une seule image produit non optimisée pèse souvent plus lourd que tout votre CSS. WebP et AVIF, bien dimensionnées, avec CDN : c'est là qu'est le plus gros gain, et il ne coûte rien en qualité.

Puis ce que vous avez ajouté vous-même

Chaque script marketing, chaque snippet charge quelque part — souvent au mauvais endroit, où il bloque le rendu. Contrôler où et quand ils se déclenchent est souvent plus puissant que n'importe quelle optimisation du thème.

Et la PWA récompense celui qui reste

Elle n'accélère pas la première visite, elle accélère la deuxième page : le cache rend le retour quasi instantané. En dernier dans l'ordre, parce que la première impression se joue sur les images.

Ce que vous y gagnez

Des images qui ne remplissent plus le fil

WebP et AVIF, bien dimensionnées, avec CDN. Le plus gros poids d'abord — pas le plus visible.

Le contrôle de ce que vous avez ajouté

Chaque script que vous avez ajouté charge quelque part. Voir lequel — et quand il se déclenche.

Des scripts au bon endroit, pas partout

Un snippet en fin de page ne bloque pas le rendu du début. L'emplacement compte.

La deuxième page, instantanée

La PWA transforme la deuxième page en page instantanée. Le cache travaille pour le visiteur qui revient.

La bonne métrique

Pas le score Lighthouse. Le temps jusqu'au premier produit visible est le chiffre qui vend.

Le bon ordre

Vous pesez avant d'optimiser. Les mégaoctets d'abord, les millisecondes ensuite.

Mise en œuvre

De l'installation aux résultats

  1. Arrêtez de croire le score

    Lighthouse mesure un laboratoire. Mesurez sur un vrai appareil, un vrai réseau.

  2. Pesez les images d'abord

    Une image produit pèse souvent plus lourd que tout votre CSS.

  3. Optimisez le plus gros poids

    WebP, AVIF, CDN. Même qualité, une fraction du poids.

  4. Contrôlez vos propres scripts

    Un snippet en début de page bloque le rendu. L'emplacement compte.

  5. Mesurez le bon chiffre

    Pas le score. Le temps jusqu'au premier produit visible.

“On était fiers de notre 92 sur PageSpeed. Puis on a testé sur un vrai téléphone dans le train : huit secondes jusqu'à la première image. Le problème n'a jamais été les scripts — c'étaient quatre mégaoctets de photos produit par page.”

Retour d'expérience client — Boutique Shopware, mode

Questions fréquentes

J'ai 95 sur PageSpeed, pourquoi ma boutique est-elle lente ?

Parce que Lighthouse mesure une page de laboratoire : connexion simulée, sans vos cookies, sans script de consentement, sans tags marketing. Votre client vit l'inverse — vrai téléphone, réseau chargé, tous les scripts ensemble. Un bon score est une bonne nouvelle sur un laboratoire, pas sur votre boutique.

Qu'est-ce qui ralentit le plus une boutique Shopware ?

Presque toujours les images. Une seule image produit non optimisée pèse souvent plus lourd que tout votre CSS. Avant de retoucher scripts ou thème, pesez ce qui passe sur le fil — et vous verrez où sont les mégaoctets.

Est-ce que je perds en qualité avec WebP ou AVIF ?

Non. WebP et AVIF sont des formats plus récents : même qualité, une fraction du poids. Un fallback gère les très vieux navigateurs. Le gain est réel et ne vous coûte rien en qualité d'image.

Pourquoi l'emplacement des scripts compte-t-il ?

Parce qu'un script qui se déclenche en début de page bloque le rendu — même s'il n'est utile qu'à la fin. Contrôler où et quand les snippets se déclenchent est souvent plus efficace que de réduire le script lui-même.

À quoi sert une PWA pour la vitesse ?

Pour le visiteur qui revient. La PWA met en cache ce qui ne change pas et rend la deuxième page quasi instantanée. Elle n'accélère pas la première visite — elle récompense celui qui reste et continue de cliquer.

Quelle métrique suivre ?

Le temps jusqu'au premier produit visible, pas le score Lighthouse. Le client n'attend pas un chargement complet — il attend de voir son produit. Mesurez ça, sur un vrai appareil, sur un vrai réseau.

Par quoi commencer ?

Par les images, parce qu'elles sont le plus gros poids. Puis les scripts que vous avez ajoutés. La PWA en dernier — elle améliore le retour, pas la première impression. Ordre par poids, pas par visibilité.

Ce besoin sur d'autres plateformes

Vous ne savez pas lequel convient à votre boutique ?

Décrivez-nous votre contexte — nous répondons par une recommandation franche, pas par un argumentaire commercial.