Optimisation des performances Safari pour une boutique Shopify (interv

Contexte
La boutique a été mise en production la semaine dernière. Tout fonctionne correctement sur Chrome et Firefox ; en revanche, sous Safari (macOS & iOS) nous constatons :

Chargement très lent des images et d’une vidéo courte (≈ 3 Mo).

Instabilité visuelle marquée : décalages / sauts de mise en page (CLS élevé).

Sur les fiches produit, les images des bundles s’affichent avec plusieurs secondes de retard.

Les médias sont déjà compressés (WebP/AVIF, lazy-loading natif) et les scores PageSpeed sont bons, mais l’expérience Safari reste dégradée.

Objectifs de la mission
Audit ciblé Safari

Analyse réseau (Waterfall), Core Web Vitals (LCP/CLS/FID) et priorités de chargement sur Shopify.

Repérage des scripts, policies (preload, priority hints, CORS, etc.) ou apps tiers bloquantes.

Correctifs & optimisations

Réduire/éliminer les layout shifts.

Accélérer l’affichage des médias (images bundles + vidéo) sans perte de qualité.

Ajuster la stratégie lazy-loading / prefetch pour Safari.

Vérifier les apps et le code Liquid/JS utilisé (polyfills spécifiques, compatibilité WebKit).

Validation & livrables

Rapport avant/après avec métriques Lighthouse/WebPageTest.

Liste détaillée des corrections + recommandations futures.

Tests croisés sur macOS & iOS (dernière version + 1 – 2 versions antérieures).

Profil recherché
Développeur·se front-end / performance web confirmé·e.

Excellente maîtrise de Shopify (Liquid, Sections Everywhere, Apps, CDN), Safari/WebKit et Core Web Vitals.

Expérience avérée dans la résolution de problèmes Safari (lazy-loading, CLS, médias).

Modalités
Démarrage : immédiat.

Durée estimée : à réaliser aujourd’hui (audit + correctifs rapides) – livraison avant ce soir (23 h CET).

Budget : proposez votre forfait ou TJM pour une intervention journée.

Collaboration à distance, accès au thème duplicata + production fournis dès validation.