SlideShare une entreprise Scribd logo
1  sur  21
Télécharger pour lire hors ligne
Vitesse de chargement de site
& référencement naturel
en route pour la première page
3
2018 secondes - #1 - Vitesse de chargement de site & référencement naturel - www.publika.com
Au menu
2018 secondes #1
1. 	 Qu'est-ce que le référencement
naturel ?
2. 	Pourquoi réduire la vitesse de
chargement de son site web ?
3. 	Comment sont chargées les pages
de votre site ?
4. 	Comment tester la vitesse de
chargement ?
5. 	Comment optimiser cette vitesse
de chargement ?
Le référencement naturel
SEO
5
2018 secondes - #1 - Vitesse de chargement de site & référencement naturel - www.publika.com
97% des expériences web démarrent
avec un moteur de recherche.
87% des mobinautes utilisent un
moteur de recherche 1 fois par jour.
87% des internautes effectuent
une recherche sur internet avant
d’effectuer un achat.
72% des marketeurs estiment que le
contenu d’un site permet d’avoir un
meilleur référencement naturel.
Quelques
chiffres
6
2018 secondes - #1 - Vitesse de chargement de site & référencement naturel - www.publika.com
DÉFINITION :
SEO (Search Engine Optimisation) -
Référencement naturel - Ensemble
des actions qui consistent à
positionner un site.
TECHNIQUES
• Structure du site
• Qualité du code
• Vitesse de site
CONTENU
• Qualité du contenu
• Unicité du contenu
ANALYSE
• Trafic
• Comportement
• Utilisateurs
LINKING
• Maillage interne
• Liens externes
STRATÉGIE
Définition &
fonctionnement
du SEO
Pourquoi réduire la vitesse
de chargement ?
de son site
8
2018 secondes - #1 - Vitesse de chargement de site & référencement naturel - www.publika.com
53%des utilisateurs quittent une
page lorsque le temps de chargement est
supérieur à 3 secondes sur mobile.
1 internaute sur 2 espère voir un site se
charger en moins de 2 secondes.
Demain, la vitesse de chargement
sera utilisée comme critère de
positionnement.
Les sites qui se chargent en moins de
5 secondes génèrent 2 fois plus de
revenus grâce aux publicités que ceux
qui sont au-delà.
Quelques
données
9
2018 secondes - #1 - Vitesse de chargement de site & référencement naturel - www.publika.com
Taux de rebond : Pourcentage d’internautes
qui n’ont vu qu’une seule page du site web.
•	L'information proposée ne correspond
pas à la recherche
•	Pages difficiles à comprendre
•	Temps de chargement trop long
Baisse du nombre de conversions
Déclassement progressif dans les
résultats Google
L’impact sur le taux
de rebond
Comment sont chargées
les pages ?
11
2018 secondes - #1 - Vitesse de chargement de site & référencement naturel - www.publika.com
Les fichiers demandés par le navigateur
sont renvoyés par le serveur qui se
charge d'effectuer un envoi en parallèle
des éléments.
Fonctionnement d’un
serveur web →
Affichage de la
console Firefox
pour le chargement
des fichiers →
Comment tester la vitesse
de chargement ?
13
2018 secondes - #1 - Vitesse de chargement de site & référencement naturel - www.publika.com
Les outils de mesure de vitesse
parcourent votre site et notent la vitesse
de récupération des informations.
• Google Page Speed Insight
• Pingdom Tools
• GTmetrix
• WebpageTest
UTILISATION
Entrer l‘URL du site
Cliquer sur “Analyser”
Les outils de mesure
14
2018 secondes - #1 - Vitesse de chargement de site & référencement naturel - www.publika.com
Résultats Page Speed Insight
15
2018 secondes - #1 - Vitesse de chargement de site & référencement naturel - www.publika.com
Rapport de performance GTmetrix
•	 Typesd’élémentsàoptimiser
•	 Actions d’optimisation
•	 Priorité des optimisations
•	 Positionnementparrapport
aux autres sites
OBJECTIF
Faciliter la vie aux robots
des moteurs de recherche
Faciliter la navigation aux
utilisateurs
Simplifier les développe-
ments au strict nécessaire
Comment optimiser
la vitesse de chargement
d'un site internet
17
2018 secondes - #1 - Vitesse de chargement de site & référencement naturel - www.publika.com
Optimiser
la gestion des
ressources
Autoriser la compression des ressources
•	 Le serveur web fournit des fichiers au format gzip
•	 Le navigateur reçoit et décompresse les fichiers
•	 Le navigateur interprète les fichiers et effectue le rendu
•	 Les fichiers envoyés sont stockés sur l’ordinateur
•	 Les fichiers seront réutilisés à la prochaine requête
•	 La durée de vie est spécifiée dans le code
Minifier les CSS et JS
•	 Réduire le poids des feuilles de style et des fichiers
Javascript
•	 Concaténer les CSS et les JS
Réduire les requêtes HTTP
Ramener au strict minimum les appels au serveur
•	 Concaténer les fichiers
•	 Paralléliser à partir de CDN
•	 Changer de serveur
18
2018 secondes - #1 - Vitesse de chargement de site & référencement naturel - www.publika.com
•	 Réduire le poids des images
•	 Privilégier le format .jpg
•	 Utiliser les nouveaux formats .WebP
FileOptimizer
https://goo.gl/RwjqzH
ImageOptim
https://imageoptim.com/fr
Trimage
https://trimage.org/
Compresser
les images
Image .jpg avant et après compression
Image .jpg avant et après compression ↑
19
2018 secondes - #1 - Vitesse de chargement de site & référencement naturel - www.publika.com
Les petits + •	 Réduire le nombre de scripts externes
(Google Analytics, Hotjar, Facebook, etc)
•	 Charger les scripts uniquement sur les
pages où ils sont utiles
•	 Réorganiser les scripts par priorité
•	 Utiliser du lazy loading
•	 Utiliser du progressive jpeg
• 	Limiter le nombre de modules sur les CMS
20
2018 secondes - #1 - Vitesse de chargement de site & référencement naturel - www.publika.com
Pour aller plus loin 5+1 astuces techniques pour optimiser
la vitesse de chargement de son site
https://goo.gl/pXqcrd
Google Speed Update : attention aux
pages trop lentes sur mobile
https://goo.gl/SCM1V9
Optimiser la vitesse de chargement
de son site
https://goo.gl/tvd2UW
The need for mobile speed
https://goo.gl/8jdHLS
À vos questions

Contenu connexe

Similaire à Vitesse de chargement de site & référencement naturel (SEO)

Webperf et SEO : les Mythes et la Réalité
Webperf et SEO : les Mythes et la RéalitéWebperf et SEO : les Mythes et la Réalité
Webperf et SEO : les Mythes et la RéalitéFasterize
 
Webperf & SEO : les mythes et la réalité
Webperf & SEO : les mythes et la réalitéWebperf & SEO : les mythes et la réalité
Webperf & SEO : les mythes et la réalitéFasterize
 
La vitesse d’un site web : un levier de croissance peu exploité
La vitesse d’un site web : un levier de croissance peu exploitéLa vitesse d’un site web : un levier de croissance peu exploité
La vitesse d’un site web : un levier de croissance peu exploitéFasterize
 
Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...
Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...
Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...Peak Ace
 
Le livre blanc pour tout savoir de la webperf
Le livre blanc pour tout savoir de la webperfLe livre blanc pour tout savoir de la webperf
Le livre blanc pour tout savoir de la webperfObject Vingt Trois
 
L'argumentation commercial pour la vitesse dans le marketing numérique
L'argumentation commercial pour la vitesse dans le marketing numériqueL'argumentation commercial pour la vitesse dans le marketing numérique
L'argumentation commercial pour la vitesse dans le marketing numériqueThom. Poole
 
Load time why is it important and
Load time why is it important andLoad time why is it important and
Load time why is it important andmohamedMsd
 
L'incidence des Performances sur le SEO
 L'incidence des Performances sur le SEO L'incidence des Performances sur le SEO
L'incidence des Performances sur le SEOPeak Ace
 
Cours SEO débutant Polycom Lausanne
Cours SEO débutant Polycom LausanneCours SEO débutant Polycom Lausanne
Cours SEO débutant Polycom LausannePierre Ammeloot
 
Comment transformer la performance web en croissance et conversion utilisateur
Comment transformer la performance web en croissance et conversion utilisateurComment transformer la performance web en croissance et conversion utilisateur
Comment transformer la performance web en croissance et conversion utilisateurAlexandre Thuriot
 
Améliorez la vitesse de chargement de votre site - Webisland 2018
Améliorez la vitesse de chargement de votre site - Webisland 2018Améliorez la vitesse de chargement de votre site - Webisland 2018
Améliorez la vitesse de chargement de votre site - Webisland 2018Aymen Loukil
 
Améliorer la rapidité de son site web
Améliorer la rapidité de son site webAméliorer la rapidité de son site web
Améliorer la rapidité de son site webEmmanuel Gautier
 
Comment un grand site média a augmenté son trafic organique de plus de 80% gr...
Comment un grand site média a augmenté son trafic organique de plus de 80% gr...Comment un grand site média a augmenté son trafic organique de plus de 80% gr...
Comment un grand site média a augmenté son trafic organique de plus de 80% gr...Julien Ferras
 
Comment l'un des plus grand site média français a augmenté son trafic organiq...
Comment l'un des plus grand site média français a augmenté son trafic organiq...Comment l'un des plus grand site média français a augmenté son trafic organiq...
Comment l'un des plus grand site média français a augmenté son trafic organiq...SEO Camp Association
 
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?Fasterize
 
Optimisation des performances d'un site web
Optimisation des performances d'un site webOptimisation des performances d'un site web
Optimisation des performances d'un site webKaelig Deloumeau-Prigent
 
Optimisez la vitesse de chargement de votre site
Optimisez la vitesse de chargement de votre siteOptimisez la vitesse de chargement de votre site
Optimisez la vitesse de chargement de votre siteWebxFrance
 
Mobile first : évitez de perdre des clients à cause d'un site trop lent
Mobile first : évitez de perdre des clients à cause d'un site trop lentMobile first : évitez de perdre des clients à cause d'un site trop lent
Mobile first : évitez de perdre des clients à cause d'un site trop lentFasterize
 
RennesJS Talk webperf by Dareboost
RennesJS Talk webperf by DareboostRennesJS Talk webperf by Dareboost
RennesJS Talk webperf by DareboostDamien Jubeau
 
Comprendre les grands principes du référencement naturel
Comprendre les grands principes du référencement naturelComprendre les grands principes du référencement naturel
Comprendre les grands principes du référencement naturelpolenumerique33
 

Similaire à Vitesse de chargement de site & référencement naturel (SEO) (20)

Webperf et SEO : les Mythes et la Réalité
Webperf et SEO : les Mythes et la RéalitéWebperf et SEO : les Mythes et la Réalité
Webperf et SEO : les Mythes et la Réalité
 
Webperf & SEO : les mythes et la réalité
Webperf & SEO : les mythes et la réalitéWebperf & SEO : les mythes et la réalité
Webperf & SEO : les mythes et la réalité
 
La vitesse d’un site web : un levier de croissance peu exploité
La vitesse d’un site web : un levier de croissance peu exploitéLa vitesse d’un site web : un levier de croissance peu exploité
La vitesse d’un site web : un levier de croissance peu exploité
 
Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...
Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...
Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...
 
Le livre blanc pour tout savoir de la webperf
Le livre blanc pour tout savoir de la webperfLe livre blanc pour tout savoir de la webperf
Le livre blanc pour tout savoir de la webperf
 
L'argumentation commercial pour la vitesse dans le marketing numérique
L'argumentation commercial pour la vitesse dans le marketing numériqueL'argumentation commercial pour la vitesse dans le marketing numérique
L'argumentation commercial pour la vitesse dans le marketing numérique
 
Load time why is it important and
Load time why is it important andLoad time why is it important and
Load time why is it important and
 
L'incidence des Performances sur le SEO
 L'incidence des Performances sur le SEO L'incidence des Performances sur le SEO
L'incidence des Performances sur le SEO
 
Cours SEO débutant Polycom Lausanne
Cours SEO débutant Polycom LausanneCours SEO débutant Polycom Lausanne
Cours SEO débutant Polycom Lausanne
 
Comment transformer la performance web en croissance et conversion utilisateur
Comment transformer la performance web en croissance et conversion utilisateurComment transformer la performance web en croissance et conversion utilisateur
Comment transformer la performance web en croissance et conversion utilisateur
 
Améliorez la vitesse de chargement de votre site - Webisland 2018
Améliorez la vitesse de chargement de votre site - Webisland 2018Améliorez la vitesse de chargement de votre site - Webisland 2018
Améliorez la vitesse de chargement de votre site - Webisland 2018
 
Améliorer la rapidité de son site web
Améliorer la rapidité de son site webAméliorer la rapidité de son site web
Améliorer la rapidité de son site web
 
Comment un grand site média a augmenté son trafic organique de plus de 80% gr...
Comment un grand site média a augmenté son trafic organique de plus de 80% gr...Comment un grand site média a augmenté son trafic organique de plus de 80% gr...
Comment un grand site média a augmenté son trafic organique de plus de 80% gr...
 
Comment l'un des plus grand site média français a augmenté son trafic organiq...
Comment l'un des plus grand site média français a augmenté son trafic organiq...Comment l'un des plus grand site média français a augmenté son trafic organiq...
Comment l'un des plus grand site média français a augmenté son trafic organiq...
 
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?
 
Optimisation des performances d'un site web
Optimisation des performances d'un site webOptimisation des performances d'un site web
Optimisation des performances d'un site web
 
Optimisez la vitesse de chargement de votre site
Optimisez la vitesse de chargement de votre siteOptimisez la vitesse de chargement de votre site
Optimisez la vitesse de chargement de votre site
 
Mobile first : évitez de perdre des clients à cause d'un site trop lent
Mobile first : évitez de perdre des clients à cause d'un site trop lentMobile first : évitez de perdre des clients à cause d'un site trop lent
Mobile first : évitez de perdre des clients à cause d'un site trop lent
 
RennesJS Talk webperf by Dareboost
RennesJS Talk webperf by DareboostRennesJS Talk webperf by Dareboost
RennesJS Talk webperf by Dareboost
 
Comprendre les grands principes du référencement naturel
Comprendre les grands principes du référencement naturelComprendre les grands principes du référencement naturel
Comprendre les grands principes du référencement naturel
 

Plus de Marc Akoley

Analyser votre trafic et vos conversions avec Google Analytics
Analyser votre trafic et vos conversions avec Google AnalyticsAnalyser votre trafic et vos conversions avec Google Analytics
Analyser votre trafic et vos conversions avec Google AnalyticsMarc Akoley
 
Mobile Marketing et Développement Mobile
Mobile Marketing et Développement MobileMobile Marketing et Développement Mobile
Mobile Marketing et Développement MobileMarc Akoley
 
Analyse de Logs et SEO : Comment utiliser les logs pour optimiser son site po...
Analyse de Logs et SEO : Comment utiliser les logs pour optimiser son site po...Analyse de Logs et SEO : Comment utiliser les logs pour optimiser son site po...
Analyse de Logs et SEO : Comment utiliser les logs pour optimiser son site po...Marc Akoley
 
SEO Local - Votre vitrine digitale
SEO Local - Votre vitrine digitaleSEO Local - Votre vitrine digitale
SEO Local - Votre vitrine digitaleMarc Akoley
 
E learning - les pratiques courantes les plus importantes
E learning - les pratiques courantes les plus importantesE learning - les pratiques courantes les plus importantes
E learning - les pratiques courantes les plus importantesMarc Akoley
 
Intérêt des réseaux sociaux d'entreprises (rse)
Intérêt des réseaux sociaux d'entreprises (rse)Intérêt des réseaux sociaux d'entreprises (rse)
Intérêt des réseaux sociaux d'entreprises (rse)Marc Akoley
 
Stockage des données dans les sgbd
Stockage des données dans les sgbdStockage des données dans les sgbd
Stockage des données dans les sgbdMarc Akoley
 

Plus de Marc Akoley (7)

Analyser votre trafic et vos conversions avec Google Analytics
Analyser votre trafic et vos conversions avec Google AnalyticsAnalyser votre trafic et vos conversions avec Google Analytics
Analyser votre trafic et vos conversions avec Google Analytics
 
Mobile Marketing et Développement Mobile
Mobile Marketing et Développement MobileMobile Marketing et Développement Mobile
Mobile Marketing et Développement Mobile
 
Analyse de Logs et SEO : Comment utiliser les logs pour optimiser son site po...
Analyse de Logs et SEO : Comment utiliser les logs pour optimiser son site po...Analyse de Logs et SEO : Comment utiliser les logs pour optimiser son site po...
Analyse de Logs et SEO : Comment utiliser les logs pour optimiser son site po...
 
SEO Local - Votre vitrine digitale
SEO Local - Votre vitrine digitaleSEO Local - Votre vitrine digitale
SEO Local - Votre vitrine digitale
 
E learning - les pratiques courantes les plus importantes
E learning - les pratiques courantes les plus importantesE learning - les pratiques courantes les plus importantes
E learning - les pratiques courantes les plus importantes
 
Intérêt des réseaux sociaux d'entreprises (rse)
Intérêt des réseaux sociaux d'entreprises (rse)Intérêt des réseaux sociaux d'entreprises (rse)
Intérêt des réseaux sociaux d'entreprises (rse)
 
Stockage des données dans les sgbd
Stockage des données dans les sgbdStockage des données dans les sgbd
Stockage des données dans les sgbd
 

Vitesse de chargement de site & référencement naturel (SEO)

  • 1.
  • 2. Vitesse de chargement de site & référencement naturel en route pour la première page
  • 3. 3 2018 secondes - #1 - Vitesse de chargement de site & référencement naturel - www.publika.com Au menu 2018 secondes #1 1. Qu'est-ce que le référencement naturel ? 2. Pourquoi réduire la vitesse de chargement de son site web ? 3. Comment sont chargées les pages de votre site ? 4. Comment tester la vitesse de chargement ? 5. Comment optimiser cette vitesse de chargement ?
  • 5. 5 2018 secondes - #1 - Vitesse de chargement de site & référencement naturel - www.publika.com 97% des expériences web démarrent avec un moteur de recherche. 87% des mobinautes utilisent un moteur de recherche 1 fois par jour. 87% des internautes effectuent une recherche sur internet avant d’effectuer un achat. 72% des marketeurs estiment que le contenu d’un site permet d’avoir un meilleur référencement naturel. Quelques chiffres
  • 6. 6 2018 secondes - #1 - Vitesse de chargement de site & référencement naturel - www.publika.com DÉFINITION : SEO (Search Engine Optimisation) - Référencement naturel - Ensemble des actions qui consistent à positionner un site. TECHNIQUES • Structure du site • Qualité du code • Vitesse de site CONTENU • Qualité du contenu • Unicité du contenu ANALYSE • Trafic • Comportement • Utilisateurs LINKING • Maillage interne • Liens externes STRATÉGIE Définition & fonctionnement du SEO
  • 7. Pourquoi réduire la vitesse de chargement ? de son site
  • 8. 8 2018 secondes - #1 - Vitesse de chargement de site & référencement naturel - www.publika.com 53%des utilisateurs quittent une page lorsque le temps de chargement est supérieur à 3 secondes sur mobile. 1 internaute sur 2 espère voir un site se charger en moins de 2 secondes. Demain, la vitesse de chargement sera utilisée comme critère de positionnement. Les sites qui se chargent en moins de 5 secondes génèrent 2 fois plus de revenus grâce aux publicités que ceux qui sont au-delà. Quelques données
  • 9. 9 2018 secondes - #1 - Vitesse de chargement de site & référencement naturel - www.publika.com Taux de rebond : Pourcentage d’internautes qui n’ont vu qu’une seule page du site web. • L'information proposée ne correspond pas à la recherche • Pages difficiles à comprendre • Temps de chargement trop long Baisse du nombre de conversions Déclassement progressif dans les résultats Google L’impact sur le taux de rebond
  • 11. 11 2018 secondes - #1 - Vitesse de chargement de site & référencement naturel - www.publika.com Les fichiers demandés par le navigateur sont renvoyés par le serveur qui se charge d'effectuer un envoi en parallèle des éléments. Fonctionnement d’un serveur web → Affichage de la console Firefox pour le chargement des fichiers →
  • 12. Comment tester la vitesse de chargement ?
  • 13. 13 2018 secondes - #1 - Vitesse de chargement de site & référencement naturel - www.publika.com Les outils de mesure de vitesse parcourent votre site et notent la vitesse de récupération des informations. • Google Page Speed Insight • Pingdom Tools • GTmetrix • WebpageTest UTILISATION Entrer l‘URL du site Cliquer sur “Analyser” Les outils de mesure
  • 14. 14 2018 secondes - #1 - Vitesse de chargement de site & référencement naturel - www.publika.com Résultats Page Speed Insight
  • 15. 15 2018 secondes - #1 - Vitesse de chargement de site & référencement naturel - www.publika.com Rapport de performance GTmetrix • Typesd’élémentsàoptimiser • Actions d’optimisation • Priorité des optimisations • Positionnementparrapport aux autres sites OBJECTIF Faciliter la vie aux robots des moteurs de recherche Faciliter la navigation aux utilisateurs Simplifier les développe- ments au strict nécessaire
  • 16. Comment optimiser la vitesse de chargement d'un site internet
  • 17. 17 2018 secondes - #1 - Vitesse de chargement de site & référencement naturel - www.publika.com Optimiser la gestion des ressources Autoriser la compression des ressources • Le serveur web fournit des fichiers au format gzip • Le navigateur reçoit et décompresse les fichiers • Le navigateur interprète les fichiers et effectue le rendu • Les fichiers envoyés sont stockés sur l’ordinateur • Les fichiers seront réutilisés à la prochaine requête • La durée de vie est spécifiée dans le code Minifier les CSS et JS • Réduire le poids des feuilles de style et des fichiers Javascript • Concaténer les CSS et les JS Réduire les requêtes HTTP Ramener au strict minimum les appels au serveur • Concaténer les fichiers • Paralléliser à partir de CDN • Changer de serveur
  • 18. 18 2018 secondes - #1 - Vitesse de chargement de site & référencement naturel - www.publika.com • Réduire le poids des images • Privilégier le format .jpg • Utiliser les nouveaux formats .WebP FileOptimizer https://goo.gl/RwjqzH ImageOptim https://imageoptim.com/fr Trimage https://trimage.org/ Compresser les images Image .jpg avant et après compression Image .jpg avant et après compression ↑
  • 19. 19 2018 secondes - #1 - Vitesse de chargement de site & référencement naturel - www.publika.com Les petits + • Réduire le nombre de scripts externes (Google Analytics, Hotjar, Facebook, etc) • Charger les scripts uniquement sur les pages où ils sont utiles • Réorganiser les scripts par priorité • Utiliser du lazy loading • Utiliser du progressive jpeg • Limiter le nombre de modules sur les CMS
  • 20. 20 2018 secondes - #1 - Vitesse de chargement de site & référencement naturel - www.publika.com Pour aller plus loin 5+1 astuces techniques pour optimiser la vitesse de chargement de son site https://goo.gl/pXqcrd Google Speed Update : attention aux pages trop lentes sur mobile https://goo.gl/SCM1V9 Optimiser la vitesse de chargement de son site https://goo.gl/tvd2UW The need for mobile speed https://goo.gl/8jdHLS