Télécharger en tant que PDF, PPTX
Téléchargé parFasterize
Mobile first : évitez de perdre des clients à cause d'un site trop lent
Le document aborde l'importance d'un site mobile rapide pour éviter de perdre des clients, en soulignant que 57 % des visiteurs quittent un site e-commerce si son temps de chargement dépasse 4 secondes. Il présente des statistiques sur les attentes des utilisateurs en matière de vitesse et les impacts du chargement sur le taux de conversion et le SEO. Enfin, des solutions pour améliorer la rapidité des sites mobiles, comme l'utilisation de cache et CDN, ainsi que des conseils techniques, sont discutées.
Contenu connexe
Mobile first : évitez de perdre des clients à cause d'un site trop lent
- 1. Mobile-first : évitezde perdre vos clients avec un site trop lent #ECP16 #mobile #webperf
- 2.
- 3.
- 4.
- 5. mCommerce 60% DESKTOP 40% MOBILE/ TABLETTE 25% DESKTOP 75% MOBILE / TABLETTE
- 6. Mobile-first • Les prévisionsdu Gartner sont enfin réalisées !
- 7. Mobile-first • Encore plussur certains marchés
- 8. 100 ms =1% de CA en moins • 57 % des visiteurs quittent un site e-commerce s'il met plus de 4 secondes à s'afficher • 26 % des visiteurs quittent un site e-commerce s'il met plus de 2 secondes à s'afficher • 60% des mobinautes s'attendent à un chargement de 3s maximum pour un site mobile • ... Et 74% quittent une page après 5 secondes d'attente
- 9. Des attentes fortes • 71% des mobinautes s’attendent à ce qu’une page web se charge au moins aussi rapidement sur mobile que sur ordinateur (contre 58% en 2009) • 46% estiment que les sites se chargent généralement plus lentement sur mobile que sur ordinateur • Pour 60% des mobinautes, une page web doit se charger en moins de 3 secondes sur un mobile
- 10. Des études (très)récentes
- 11. Résultats 53% des visitessont abandonnées si le site mobile met plus de 3s à charger !
- 12. Résultats 46% des consommateurs disent qu’attendre despages qui se chargent est ce qu’il détestent le plus quand il surfent sur mobile
- 13.
- 14. « On a la4G non ? » • “Facebook … will give employees an opportunity to see what using the app with an incredibly slow connection feels like and help close the "empathy gap" between Silicon Valley and emerging markets.”
- 15. « Il a Free,il a tout compris » 37% des possesseurs de smartphone atteignent la limite de leur forfait data au moins une fois. Bien 15% disent que ça arrive « fréquemment » !
- 16.
- 17. Impacts business • Impactdu temps de chargement sur le taux de conversion
- 18. Impacts business • Impactdu tps de chargement sur le nombre de pages vues
- 19. Impacts business • Impactdu temps de chargement sur le taux de rebond
- 20.
- 21.
- 22.
- 23. Mobile vs Desktop • Taux de conversion mobile meilleurs si site plus rapide !
- 24. Impact SEO • Googletient compte du temps de réponse dans son classement • Google expérimente un label “Slow” sur ses résultats • Attention au HTTPS !
- 26.
- 27.
- 28.
- 29.
- 30. Métriques UX :Speed Index
- 31.
- 32. Métriques business • Tempspour interagir avec la page (TTFC, TTI) • Temps de parcours • trouver un produit • mettre un produit dans le panier • finaliser une commande
- 33. Quel site webmobile ? • m.monsite.fr • double maintenance • redirections pénalisantes • Responsive • la fausse bonne idée • Adaptatif • une URL, des contenus différents
- 34. Cache & CDN • But : répondre plus vite et au plus près de l’internaute • Cache • plusieurs types (Varnish le plus connu) • protège et soulage les backends • CDN = Cache distribué • Ne répond pas à toutes les situations • tout n’est pas cachable (mais ESI/Ajax) • le monde est vaste • les latences réseaux peuvent être importantes
- 35. 2 1. Réduction du poids 2. Moinsde requêtes 1 1 2 FEO
- 36. Third-Parties • Plus dela moitié des requêtes et du poids des pages mobiles ! • Beaucoup de redirections, de résolutions DNS … • … pour du contenu pas toujours visible • Attention au nombre mais surtout à la façon de les charger !
- 37. 2 1. Réduction du poids 2. Moinsde requêtes 3. Remplir la page 1 3 3 1 2 FEO
- 38. Passer en HTTP2 • SPDY = pré-HTTP2 • Une seule connexion et des requêtes multiplexées (streams) • Beaucoup de requêtes en parallèles • Compression des headers • Server Push
- 39. Passer à AMP? • Accelerated Mobile Page • Contraintes (très) fortes de webperf • pages cachables • chargement limité des scripts, widgets, etc … • Limitations dans les fonctionnalités (pas de cart par ex) • a démarré pour les sites de contenu • seulement du parcours de catalogue aujourd’hui • Activable facilement avec un CMS
- 40. En résumé • Siteadpatatif • Cache & CDN • Réduire le poids des pages • compression, Gzip, minification • Faire moins de requêtes • concaténation, inlining, lazyloading • Remplir la page au dessus de la ligne de flottaison • lazyloading, deferJS, CSS le plus haut possible et inliné, progressive JPEG, Ajax • Passer au HTTP2 ... • ... et plus encore • prefetching/preloading, sharding/unsharding, URL versionning, font async loading
- 42. Fasterize • Startup françaiseindépendante créée il y a 5 ans • Leader européen du FEO (Front End Optimization) • Plus de 250 Millions de pages vues traitées par mois • Présence internationale : Europe, Asie (Chine continentale), Amérique du Nord, Amérique Latine • Lauréat de nombreux concours : EBG, SFR, Ville de Paris, Eurocloud
- 43.
- 44. L’offre • Solution enmode SaaS pour accélérer l’affichage des sites
- 45. Use case • Améliorerles temps de chargement • taux de transfo • SEO • nb de pages vues / visites • Absorber les pics de charge • soldes • passage TV • ventes privées • Mise en place de CDN / multi-CDN • internationalisation • Asie, Brésil, Turquie, Russie, Inde
- 46.
- 47.
- 48.
- 49.
- 50. Concrètement ? • Pasde modification de code / pas de modification d’infrastructure • Etapes • fiche technique à remplir • mini audit + personnalisation de la configuration • recette en mode « preview » • mise en place tests A/B • ajout d’un CNAME au niveau de l’enregistrement DNS ... • Pas de mode projet • Planning prévisionnel : 10/15 jours
- 51.
- 52. Contacts Business Andry Ratovo [email protected] +33 661 31 38 80 Communication Emilie Wilhelm [email protected] +33 6 19 61 21 25 Suivez notre actualité ! Marc Naggar [email protected] +33 6 31 05 64 71