Les images de produits sont souvent le plus grand contributeur au poids des pages sur les sites e-commerce. Après migration de WooCommerce vers Shopify, la gestion des images change significativement : le CDN de Shopify convertit automatiquement les images en WebP et les sert via le CDN mondial de Shopify. Mais le processus de migration lui-même peut introduire des problèmes — images basse résolution, textes alternatifs manquants et uploads trop volumineux — qui nuisent à la fois aux performances et au référencement.

Comment Shopify gère les images différemment de WooCommerce

Gestion des images WooCommerce

Images stockées dans wp-content/uploads/ sur votre serveur d'hébergement
WordPress génère plusieurs vignettes de taille (miniature, moyenne, grande, complète)
Livraison depuis votre serveur (ou via un plugin CDN comme Cloudflare, BunnyCDN)
Format : typiquement JPEG et PNG tels que téléchargés
WebP : disponible via des plugins (Imagify, ShortPixel, Cloudflare Polish) mais pas automatique

Gestion des images Shopify

Images stockées sur l'infrastructure de Shopify (CDN Shopify, propulsé par Fastly)
Conversion automatique en WebP lorsque le navigateur le prend en charge
Diffusion d'images responsives automatique via des paramètres d'URL : image.jpg?width=800
Livraison CDN mondiale — aucun plugin CDN supplémentaire nécessaire
Taille de fichier maximale : 20 Mo par image téléchargée
Dimensions maximales : 5000×5000px

Problèmes de qualité d'image lors de la migration

Images importées à résolution réduite

Lorsque k-sync importe les images de produits depuis WooCommerce, il récupère les images via l'API de produits WooCommerce, qui retourne les URL des images en taille complète. Cependant, certaines boutiques WooCommerce servent des vignettes de taille moyenne dans leurs réponses API plutôt que des images en taille complète. Vérifiez après la migration que les images de produits font au moins 1000×1000px pour une qualité de zoom adéquate dans la galerie de produits Shopify.

Images avec qualité compressée depuis d'anciens uploads

Les images téléchargées dans WooCommerce il y a plusieurs années peuvent avoir été compressées ou redimensionnées lors du téléchargement initial. Migrer celles-ci vers Shopify n'améliore pas leur qualité — elles arrivent avec la même qualité qu'elles avaient dans WooCommerce. La migration est l'occasion d'auditer et de remplacer les images de produits de mauvaise qualité.

Textes alternatifs non migrés

WooCommerce stocke les textes alternatifs au niveau de la bibliothèque média WordPress (le champ alt sur la pièce jointe). Cela est séparé du produit, et de nombreux outils d'export WooCommerce ne l'incluent pas. k-sync récupère le texte alternatif depuis l'API WooCommerce là où il est disponible (champ images[].alt), mais de nombreuses boutiques WooCommerce ont des textes alternatifs vides même dans WooCommerce.

Paramètres d'URL d'image du CDN Shopify

Le CDN d'images de Shopify prend en charge les paramètres d'URL pour le redimensionnement à la volée. Comprendre cela aide pour le développement de thèmes et les corrections manuelles post-migration :

// Original :
https://cdn.shopify.com/s/files/1/0000/0001/products/chemise.jpg

// Redimensionner à 800px de largeur (maintient le rapport d'aspect) :
https://cdn.shopify.com/s/files/1/0000/0001/products/chemise_800x.jpg

// En Liquid Shopify :
{{ product.featured_image | image_url: width: 800 }}

Dans Shopify Liquid, utilisez toujours image_url avec un paramètre width plutôt que de servir l'original en taille complète. C'est la plus grande amélioration de performance disponible.

LCP (Largest Contentful Paint) après migration

Le LCP est généralement dominé par l'image hero du produit sur les pages produit ou la bannière hero sur la page d'accueil. Après migration, les régressions de LCP sont courantes parce que :

Le nouveau thème peut avoir une image hero différente, plus grande
Les images sont servies en pleine résolution sans paramètres de largeur
L'attribut loading="lazy" peut être incorrectement appliqué aux images au-dessus de la ligne de flottaison

L'image hero au-dessus de la ligne de flottaison devrait toujours avoir loading="eager" (ou aucun attribut de chargement) et un attribut fetchpriority="high" pour déclencher le chargement anticipé du navigateur. Vérifiez la galerie de produits et le balisage de l'image hero de votre thème après la migration.

Stratégie de textes alternatifs après migration

Chaque image de produit devrait avoir un texte alternatif descriptif pour :

L'accessibilité (utilisateurs de lecteurs d'écran)
La visibilité dans Google Images
Les signaux de pertinence SEO

Après la migration WooCommerce, les textes alternatifs peuvent être mis à jour dans l'administration Shopify de deux façons :

Administration Shopify : Produits → [Produit] → Images → survolez l'image → Modifier le texte alternatif. Chronophage pour les grands catalogues.
En masse via l'API Shopify : La mutation productImageUpdate accepte altText. Un script peut mettre à jour les textes alternatifs en masse depuis un export CSV.

Une formule pratique pour les textes alternatifs d'images produit : « [Marque] [Nom du produit] — [Couleur/Variante] [Descripteur clé] ». Exemple : « Nike Air Max 90 — Triple Black chaussure de running homme ».

Liste de contrôle des images post-migration

Toutes les images hero de produits font au minimum 1000×1000px en taille d'upload
Les images au-dessus de la ligne de flottaison ont fetchpriority="high" et pas de chargement différé
Toutes les images sous la ligne de flottaison utilisent loading="lazy"
Shopify Liquid utilise image_url: width: N pour toutes les sorties d'images (pas la taille complète)
Texte alternatif des produits renseigné avec des mots-clés descriptifs (non vide)
LCP de l'image hero de la page d'accueil mesuré dans Google PageSpeed Insights — cible inférieure à 2,5s
Aucune image dépassant 5000×5000px en taille d'upload
Images de variantes affectées à la variante correcte (pas seulement à la première variante)
Carrousel / galerie d'images fonctionnant correctement sur mobile après changement de thème

Optimisation des images Shopify après migration depuis WooCommerce (2026)