Les performances front-end et son impact sur le SEO. Des constats sur l'évolution des performances et les principales grandes pistes d'optimisations.
Besoin d'un audit pour boostez vos temps de chargement ?
Rendez-vous sur : http://refficience.com/contact/
Le plus gros du référencement se fait, sans considération de l'outil que l'on va utiliser.
Toutefois, il y a tout de même quelques ajustements à faire pour que WordPress ne nous gêne pas dans notre travail.
Conférence du 6 juin 2017 lors du 12ème Meetup WordPress toulousain.
A l’heure de l’explosion de la navigation par mobile et tablette, les technologies web évoluent et leurs utilisations elles-aussi !
Au vu de ce constat, nos pages web et leurs développements associés sont amenés à s’adapter eux-aussi pour rendre la navigation plus agréable pour l’utilisateur. Dans cette objectif, nos pages doivent pouvoir se charger rapidement avec des contraintes de performances nouvelles.
Google l’a bien compris et prend donc en compte depuis 2010 la performance au chargement de vos pages dans son algorithme de classement pour son moteur de recherche. Et oui ! La performance impacte aussi votre référencement !
Comment améliorer la performance de vos sites et applications web présen...Roland Coma
Conférence présentée par LE BASTARD Yannick et LAVOISEY Thibaud
En France, l’usage des smartphones a presque doublé en trois ans. 46% des français ont fait leur dernier achat en ligne. 60% des français ont fait des recherches en ligne avant leur dernier achat. 71% des acheteurs en magasin qui utilisent les smartphones pour faire des recherches en ligne affirment que leur expérience sur leur appareil mobile est devenue plus importante que leur expérience en magasin.
Compte tenu de ces statistiques, il est aujourd’hui important que l’expérience des utilisateurs sur vos sites et applications Web soit des plus agréables.
En s’appuyant sur une démonstration étape par étape, l’objectif de cette conférence est de voir comment améliorer la performance, satisfaire vos clients et augmenter votre chiffre d’affaires.
Codes réponses et Référencement Naturel (SEO) : Tour d'horizonOne Clic Conseil
Présentation effectuée lors d'une soirée SEO Camp à Paris le 3 décembre 2014.
Elle passe en revue les différents codes réponse (301, 404, 410, 500,...) et leur impact sur le SEO et le crawl de Google
Le plus gros du référencement se fait, sans considération de l'outil que l'on va utiliser.
Toutefois, il y a tout de même quelques ajustements à faire pour que WordPress ne nous gêne pas dans notre travail.
Conférence du 6 juin 2017 lors du 12ème Meetup WordPress toulousain.
A l’heure de l’explosion de la navigation par mobile et tablette, les technologies web évoluent et leurs utilisations elles-aussi !
Au vu de ce constat, nos pages web et leurs développements associés sont amenés à s’adapter eux-aussi pour rendre la navigation plus agréable pour l’utilisateur. Dans cette objectif, nos pages doivent pouvoir se charger rapidement avec des contraintes de performances nouvelles.
Google l’a bien compris et prend donc en compte depuis 2010 la performance au chargement de vos pages dans son algorithme de classement pour son moteur de recherche. Et oui ! La performance impacte aussi votre référencement !
Comment améliorer la performance de vos sites et applications web présen...Roland Coma
Conférence présentée par LE BASTARD Yannick et LAVOISEY Thibaud
En France, l’usage des smartphones a presque doublé en trois ans. 46% des français ont fait leur dernier achat en ligne. 60% des français ont fait des recherches en ligne avant leur dernier achat. 71% des acheteurs en magasin qui utilisent les smartphones pour faire des recherches en ligne affirment que leur expérience sur leur appareil mobile est devenue plus importante que leur expérience en magasin.
Compte tenu de ces statistiques, il est aujourd’hui important que l’expérience des utilisateurs sur vos sites et applications Web soit des plus agréables.
En s’appuyant sur une démonstration étape par étape, l’objectif de cette conférence est de voir comment améliorer la performance, satisfaire vos clients et augmenter votre chiffre d’affaires.
Codes réponses et Référencement Naturel (SEO) : Tour d'horizonOne Clic Conseil
Présentation effectuée lors d'une soirée SEO Camp à Paris le 3 décembre 2014.
Elle passe en revue les différents codes réponse (301, 404, 410, 500,...) et leur impact sur le SEO et le crawl de Google
Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...Peak Ace
Google a annoncé que le temps de téléchargement sur mobile risque d’être pris en compte dans son algo après la bascule vers le mobile first index. Et c’est déjà le cas sur desktop. Nous verrons comment diagnostiquer et corriger les causes les plus fréquentes de lenteur sur vos pages
Intervenant : Mathieu Chapon – Co-Fondateur – Search Foresight
Cette conférence présente les problématiques du JavaScript pour la performance SEO, des propositions de solutions et les outils utilisés par les professionnels du SEO.
Elle a été présentée par Aymeric Bouillat et Adrien Russo lors du SMX Paris 2023.
Core Web Vitals : Comprendre, Mesurer, OptimiseriProspect France
En juin 2021, Google va intégrer les Core Web Vitals dans son algorithme pour classer les résultats dans son moteur de recherche.
Il s’agit d’un ensemble de 3 indicateurs décrivant 3 aspects de l’expérience utilisateur réelle sur une page web : Vitesse, Interactivité et Stabilité visuelle
Découvrez comment sont mesurés ces 3 indicateurs et les optimiser dans une présentation d’Alexis Rylko pour SEMRush.
Vitesse de chargement de site & référencement naturel (SEO)Marc Akoley
Comprendre le référencement naturel et l’impact du temps de chargement sur celui-ci.
Cette présentation réalisée dans le cadre des petits-déjeuners webmarketing de l’agence de communication Publika explique comment et pourquoi optimiser le temps de chargement d’un site web pour le référencement naturel.
Pour en savoir plus sur l’agence de communication Publika -> https://www.publika.com
Agenda :
Les enjeux de la performance d'un site Web
Les différents éléments de performance d'un site Web
Infrastructure, architecture technique, tuning, architecture applicative, WebPerf
L'obsession de la mesure
Les outils
Les quickwins
Caches, upscaling, outscaling, sharding
La démarche de test de charge
Méthodologie, outils, types de test, données de test
La démarche PDCA
Intégrer les tests de charge au cycle de développement
Environnement éphémère
Oxalide MorningTech #2 - Démarche de performance
2ème MorningTech @Oxalide, animé par Adrien Le Priol (@Priolix) et Ludovic Piot (@lpiot), le 28 février 2017.
Une vue d'ensemble sur la démarche et les outils pour aborder et maîtriser la performance de son site Web.
En 2012, Amazon publiait une étude indiquant que chaque seconde de performance perdue sur son site de commerce lui coûtait $1.6 milliards de chiffre d'affaire.
Par delà ce chiffre colossal avancé par le géant du Web, il est une réalité business : plus un site est lent, et moins les utilisateurs sont enclin à naviguer dessus. Les smartphones et le SoLoMo exacerbent cette réalité avec encore plus depuis 10 ans maintenant.
Sur le terrain, l'architecture technique des sites Web, de plus en plus complexe, rendent ses performances impossibles à prédire : complexité des développements applicatifs, multitude des composants impliqués dans l'architecture technique, recours à des services tiers (issus du SI de votre entreprise, ou de services tiers), big data, machine learning…
Une seule façon de prédire les performances : tester… en situation réelle.
A travers les différentes étapes d'une démarche d'optimisation des performances d'un site Web, les enjeux et les écueils d'une telle démarche vous seront détaillés.
Subject: Oxalide's MorningTech talk about an overview of how to deal with performance in a Web site.
Date: 28-feb-2017
Speakers: Adrien Le Priol (@Priolix, @Oxalide) and Ludovic Piot (@lpiot, @Oxalide)
Language: french
Lien SpeakerDeck : https://speakerdeck.com/lpiot/oxalide-morning-tech-number-2-demarche-performance
Lien SlideShare : https://www.slideshare.net/LudovicPiot/morning-tech-2-demarche-performance-slides
YouTube Video capture: https://youtu.be/a8jSbvyBzYU
Main topics:
* Les enjeux de la performance d'un site Web
* Les différents éléments de performance d'un site Web
** Infrastructure, architecture technique, tuning, architecture applicative, WebPerf
* L'obsession de la mesure
* Les outils
* Les quickwins
** Caches, upscaling, outscaling, sharding
* La démarche de test de charge
** Méthodologie, outils, types de test, données de test
* La démarche PDCA
** Intégrer les tests de charge au cycle de développement
** Environnement éphémère
* Questions / Réponses
- Diagnostiquer des problèmes de performance
- Les bonnes pratiques pour améliorer les performances d'un site :
==> temps de téléchargement
==> temps de rendition.
Le cache côté client, le cache côté serveurs et leur impact sur le SEO et l'expérience utilisateur. Conférence effectuée lors du SEOCamp'us Paris 2017 avec Benoit Chevillot de Divioseo
Talk sur la "Performance Web : Enjeux, techniques et méthodologie" pour @RennesJS
Rappel du programme :
"Après la découverte de quelques success stories sur la performance web - des éléments pour se convaincre et savoir convaincre de l'importance de la webperf - nous aborderons les techniques élémentaires pour mettre vos pages web au régime (compression, optimisation des images, politique de cache, etc).
Ce sera aussi l'occasion d'aborder HTTP/2 : les bonnes pratiques de performance ne sont peut être plus celles que vous croyez et vos habitudes vont devoir changer, nous verrons pourquoi !
Nous n'oublierons pas d'évoquer les différents indicateurs de performance (speedindex, start render, etc), et il est fort possible que je m'égare à l'occasion sur d'autres outils de qualité front-end, comme la Content Security Policy...
En conclusion, on parlera de budget. Pas celui de la soirée, mais du budget de performance, à appliquer sur vos projets, pour créer une véritable culture de la performance web dans votre équipe !"
HTTP2 : ce qui va changer par Julien LanduréZenika
HTTP1 est omniprésent en 2016 et HTTP2 est pourtant "sorti" le 15 mai 2015. Qu'est-ce qu'on y gagne, nous développeurs ? Les principes d'optimisation Web seront-ils toujours d'actualités ? Venez découvrir HTTP2, le futur protocole du Web !
Webperf et SEO : les Mythes et la RéalitéFasterize
Avoir un site rapide n'est plus une simple option, que ce soit pour vos utilisateurs ou pour les crawlers. Depuis 2010, la vitesse d'un site est prise en compte par Google et en juillet la vitesse sur mobile sera un facteur de classement officiel (Google Speed Update). Mais dans quelle mesure ? Concrètement, est-ce que gagner une seconde de temps de chargement fait gagner des positions ? Quelles sont les optimisations webperf qui marchent le mieux ? Y'a t il des optimisations contre-productives ? Faut il optimiser spécifiquement pour les robots ? Combien de pages Google peut crawler en 24h ? Au travers de cas concrets vus chez Fasterize et du témoignage de RueDuCommerce, nous essaierons de faire le point sur les mythes et les réalités de l'impact de la webperf sur le SEO en 2018 !
Avoir un site rapide n'est plus une simple option, que ce soit pour vos utilisateurs ou pour les crawlers. Depuis 2010, la vitesse d'un site est prise en compte par Google et en juillet la vitesse sur mobile sera un facteur de classement officiel (Google Speed Update). Mais dans quelle mesure ? Concrètement, est-ce que gagner une seconde de temps de chargement fait gagner des positions ? Quelles sont les optimisations webperf qui marchent le mieux ? Y'a t il des optimisations contre-productives ? Faut il optimiser spécifiquement pour les robots ? Combien de pages Google peut crawler en 24h ? Au travers de cas concrets vus chez Fasterize et du témoignage de RueDuCommerce, nous essaierons de faire le point sur les mythes et les réalités de l'impact de la webperf sur le SEO en 2018 !
LoadTime & SEO : le TOP et FLOP des meilleures (et pires) intégrations.
Le temps de chargement est de plus en plus important pour vos utilisateurs, votre business et vos rankings. Google, plus que jamais, prend en compte les différents temps de chargement comme indicateur de qualité des sites web.
Pour rivaliser avec les meilleurs et flirter avec la note maximale de Lighthouse sur ce KPI, Erlé vous exposera les meilleures pratiques (ainsi que les pires) d’après sa propre expérience basée sur de nombreux sites qu’il a accompagnés dans leur parcours vers l’optimisation.
Le temps de chargement est de plus en plus important pour vos utilisateurs, votre business et vos rankings. Google, plus que jamais, prend en compte les différents temps de chargement comme indicateur de qualité des sites web.
Pour rivaliser avec les meilleurs et flirter avec la note maximale de Lighthouse sur ce KPI, Erlé vous exposera les meilleures pratiques (ainsi que les pires) d’après sa propre expérience basée sur de nombreux sites qu’il a accompagnés dans leur parcours vers l’optimisation.
« Le temps de chargement n’existe pas ! » - petit déjeuner 13 décembre parisPeak Ace
La Google Speed Update de juillet dernier a été un nouveau marqueur des liens entre SEO et performance web.
En découvrant les points forts mais aussi les points faibles des outils de Google dédiés à la mesure de la performance, nous arriverons au constat – étrange – que le temps de chargement n’existe tout simplement pas… Bien évidemment, nous irons au-delà de cette accroche énigmatique pour vous donner les clefs d’un suivi pertinent et efface de la performance de vos pages web.
Intervenant : Damien Jubeau – CEO – DAREBOOST
Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...Peak Ace
Google a annoncé que le temps de téléchargement sur mobile risque d’être pris en compte dans son algo après la bascule vers le mobile first index. Et c’est déjà le cas sur desktop. Nous verrons comment diagnostiquer et corriger les causes les plus fréquentes de lenteur sur vos pages
Intervenant : Mathieu Chapon – Co-Fondateur – Search Foresight
Cette conférence présente les problématiques du JavaScript pour la performance SEO, des propositions de solutions et les outils utilisés par les professionnels du SEO.
Elle a été présentée par Aymeric Bouillat et Adrien Russo lors du SMX Paris 2023.
Core Web Vitals : Comprendre, Mesurer, OptimiseriProspect France
En juin 2021, Google va intégrer les Core Web Vitals dans son algorithme pour classer les résultats dans son moteur de recherche.
Il s’agit d’un ensemble de 3 indicateurs décrivant 3 aspects de l’expérience utilisateur réelle sur une page web : Vitesse, Interactivité et Stabilité visuelle
Découvrez comment sont mesurés ces 3 indicateurs et les optimiser dans une présentation d’Alexis Rylko pour SEMRush.
Vitesse de chargement de site & référencement naturel (SEO)Marc Akoley
Comprendre le référencement naturel et l’impact du temps de chargement sur celui-ci.
Cette présentation réalisée dans le cadre des petits-déjeuners webmarketing de l’agence de communication Publika explique comment et pourquoi optimiser le temps de chargement d’un site web pour le référencement naturel.
Pour en savoir plus sur l’agence de communication Publika -> https://www.publika.com
Agenda :
Les enjeux de la performance d'un site Web
Les différents éléments de performance d'un site Web
Infrastructure, architecture technique, tuning, architecture applicative, WebPerf
L'obsession de la mesure
Les outils
Les quickwins
Caches, upscaling, outscaling, sharding
La démarche de test de charge
Méthodologie, outils, types de test, données de test
La démarche PDCA
Intégrer les tests de charge au cycle de développement
Environnement éphémère
Oxalide MorningTech #2 - Démarche de performance
2ème MorningTech @Oxalide, animé par Adrien Le Priol (@Priolix) et Ludovic Piot (@lpiot), le 28 février 2017.
Une vue d'ensemble sur la démarche et les outils pour aborder et maîtriser la performance de son site Web.
En 2012, Amazon publiait une étude indiquant que chaque seconde de performance perdue sur son site de commerce lui coûtait $1.6 milliards de chiffre d'affaire.
Par delà ce chiffre colossal avancé par le géant du Web, il est une réalité business : plus un site est lent, et moins les utilisateurs sont enclin à naviguer dessus. Les smartphones et le SoLoMo exacerbent cette réalité avec encore plus depuis 10 ans maintenant.
Sur le terrain, l'architecture technique des sites Web, de plus en plus complexe, rendent ses performances impossibles à prédire : complexité des développements applicatifs, multitude des composants impliqués dans l'architecture technique, recours à des services tiers (issus du SI de votre entreprise, ou de services tiers), big data, machine learning…
Une seule façon de prédire les performances : tester… en situation réelle.
A travers les différentes étapes d'une démarche d'optimisation des performances d'un site Web, les enjeux et les écueils d'une telle démarche vous seront détaillés.
Subject: Oxalide's MorningTech talk about an overview of how to deal with performance in a Web site.
Date: 28-feb-2017
Speakers: Adrien Le Priol (@Priolix, @Oxalide) and Ludovic Piot (@lpiot, @Oxalide)
Language: french
Lien SpeakerDeck : https://speakerdeck.com/lpiot/oxalide-morning-tech-number-2-demarche-performance
Lien SlideShare : https://www.slideshare.net/LudovicPiot/morning-tech-2-demarche-performance-slides
YouTube Video capture: https://youtu.be/a8jSbvyBzYU
Main topics:
* Les enjeux de la performance d'un site Web
* Les différents éléments de performance d'un site Web
** Infrastructure, architecture technique, tuning, architecture applicative, WebPerf
* L'obsession de la mesure
* Les outils
* Les quickwins
** Caches, upscaling, outscaling, sharding
* La démarche de test de charge
** Méthodologie, outils, types de test, données de test
* La démarche PDCA
** Intégrer les tests de charge au cycle de développement
** Environnement éphémère
* Questions / Réponses
- Diagnostiquer des problèmes de performance
- Les bonnes pratiques pour améliorer les performances d'un site :
==> temps de téléchargement
==> temps de rendition.
Le cache côté client, le cache côté serveurs et leur impact sur le SEO et l'expérience utilisateur. Conférence effectuée lors du SEOCamp'us Paris 2017 avec Benoit Chevillot de Divioseo
Talk sur la "Performance Web : Enjeux, techniques et méthodologie" pour @RennesJS
Rappel du programme :
"Après la découverte de quelques success stories sur la performance web - des éléments pour se convaincre et savoir convaincre de l'importance de la webperf - nous aborderons les techniques élémentaires pour mettre vos pages web au régime (compression, optimisation des images, politique de cache, etc).
Ce sera aussi l'occasion d'aborder HTTP/2 : les bonnes pratiques de performance ne sont peut être plus celles que vous croyez et vos habitudes vont devoir changer, nous verrons pourquoi !
Nous n'oublierons pas d'évoquer les différents indicateurs de performance (speedindex, start render, etc), et il est fort possible que je m'égare à l'occasion sur d'autres outils de qualité front-end, comme la Content Security Policy...
En conclusion, on parlera de budget. Pas celui de la soirée, mais du budget de performance, à appliquer sur vos projets, pour créer une véritable culture de la performance web dans votre équipe !"
HTTP2 : ce qui va changer par Julien LanduréZenika
HTTP1 est omniprésent en 2016 et HTTP2 est pourtant "sorti" le 15 mai 2015. Qu'est-ce qu'on y gagne, nous développeurs ? Les principes d'optimisation Web seront-ils toujours d'actualités ? Venez découvrir HTTP2, le futur protocole du Web !
Webperf et SEO : les Mythes et la RéalitéFasterize
Avoir un site rapide n'est plus une simple option, que ce soit pour vos utilisateurs ou pour les crawlers. Depuis 2010, la vitesse d'un site est prise en compte par Google et en juillet la vitesse sur mobile sera un facteur de classement officiel (Google Speed Update). Mais dans quelle mesure ? Concrètement, est-ce que gagner une seconde de temps de chargement fait gagner des positions ? Quelles sont les optimisations webperf qui marchent le mieux ? Y'a t il des optimisations contre-productives ? Faut il optimiser spécifiquement pour les robots ? Combien de pages Google peut crawler en 24h ? Au travers de cas concrets vus chez Fasterize et du témoignage de RueDuCommerce, nous essaierons de faire le point sur les mythes et les réalités de l'impact de la webperf sur le SEO en 2018 !
Avoir un site rapide n'est plus une simple option, que ce soit pour vos utilisateurs ou pour les crawlers. Depuis 2010, la vitesse d'un site est prise en compte par Google et en juillet la vitesse sur mobile sera un facteur de classement officiel (Google Speed Update). Mais dans quelle mesure ? Concrètement, est-ce que gagner une seconde de temps de chargement fait gagner des positions ? Quelles sont les optimisations webperf qui marchent le mieux ? Y'a t il des optimisations contre-productives ? Faut il optimiser spécifiquement pour les robots ? Combien de pages Google peut crawler en 24h ? Au travers de cas concrets vus chez Fasterize et du témoignage de RueDuCommerce, nous essaierons de faire le point sur les mythes et les réalités de l'impact de la webperf sur le SEO en 2018 !
LoadTime & SEO : le TOP et FLOP des meilleures (et pires) intégrations.
Le temps de chargement est de plus en plus important pour vos utilisateurs, votre business et vos rankings. Google, plus que jamais, prend en compte les différents temps de chargement comme indicateur de qualité des sites web.
Pour rivaliser avec les meilleurs et flirter avec la note maximale de Lighthouse sur ce KPI, Erlé vous exposera les meilleures pratiques (ainsi que les pires) d’après sa propre expérience basée sur de nombreux sites qu’il a accompagnés dans leur parcours vers l’optimisation.
Le temps de chargement est de plus en plus important pour vos utilisateurs, votre business et vos rankings. Google, plus que jamais, prend en compte les différents temps de chargement comme indicateur de qualité des sites web.
Pour rivaliser avec les meilleurs et flirter avec la note maximale de Lighthouse sur ce KPI, Erlé vous exposera les meilleures pratiques (ainsi que les pires) d’après sa propre expérience basée sur de nombreux sites qu’il a accompagnés dans leur parcours vers l’optimisation.
« Le temps de chargement n’existe pas ! » - petit déjeuner 13 décembre parisPeak Ace
La Google Speed Update de juillet dernier a été un nouveau marqueur des liens entre SEO et performance web.
En découvrant les points forts mais aussi les points faibles des outils de Google dédiés à la mesure de la performance, nous arriverons au constat – étrange – que le temps de chargement n’existe tout simplement pas… Bien évidemment, nous irons au-delà de cette accroche énigmatique pour vous donner les clefs d’un suivi pertinent et efface de la performance de vos pages web.
Intervenant : Damien Jubeau – CEO – DAREBOOST
2. Thomas SOUDAZ
Consultant Webperformance & SEO
Fondateur de la société Refficience
@tsoudaz
#seocampus Refficience.com
3.
4. Google a dit
“Chez Google nous sommes obsédés par la vitesse de nos produits et
du web.”
“Nous avons décidé de prendre en compte la vitesse des sites dans le
classement de nos résultats de recherche”
9 Avril 2010 - Amit Singhal, Matt Cutts et d’autres googlers :
http://googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in-web-search-ranking.html
“La vitesse est un facteur parmi nos 200 autres facteurs”
1 Février 2010 - Matt Cutts : http://www.youtube.com/watch?v=muSIzHurn4U
“Nous avons mesuré que ralentir le temps de chargement de nos
pages de 100 à 400 millisecondes faisait baisser le volume total de nos
recherches de -0.2% à -0.6%”
“le coût induit par la lenteur est croissant et persiste dans le temps”
24 Juin 2009 - Jake Brutlag : http://googleresearch.blogspot.com/2009/06/speed-matters.html
5. Google acteur de la vitesse
Diagnostique
PageSpeed pour Firefox et Chrome
PageSpeed Online
PageSpeed For Mobile
PageSpeed API
Outils Mesure
Vitesse de Site dans Google Analytics
Statistiques de crawl
Vitesse d’exploration dans
les Webmaster Tools
Mesure passive utilisée en SEO
GoogleToolbar
Projet d’optimisation
PageSpeed Service
mod_pagespeed pour Apache
Protocole SPDY
Google Public DNS
Chrome…
6. WebPerf Front-end
HTML
Le back-end (Génération du HTML
côté serveur) représente en
moyenne 12% du temps de
chargement global.
Le front-end : images / javascript
/ css / vidéo / flash - 88%.
7. Anatomie d’une Page web
Répartition moyenne du poids des pages par type de contenu
62% !
Source : http://httparchive.org
8. Vers l’indigestion ?
Poids total moyen d’une page et Nombre de ressources
Poids total en Ko
Nombre de requête HTTP
2010 2011 2012
Source : http://httparchive.org
9. La performance recule
Score Google PageSpeed
Obtenir son score PageSpeed :
https://developers.google.com/pagespeed/
2010 2011 2012
Source : http://httparchive.org
10. Quand la vitesse impacte le SEO
Expérience de Crawl de Googlebot/2.1
Meilleur temps de réponse
Augmentation du nombre de pages crawlées
Indexation des nouveaux contenus accélérée
Double peine
Redirection ou succession de redirections
Erreurs HTTP
11. Pourquoi la vitesse compte ?
2 sec ?
2013
source : Akamaï source : Aberdeen Group source : Sean Power
12.
13. « Près de 57% des consommateurs abandonneront leur
panier après avoir attendu plus de trois secondes »
StrangeLoop Network
Source : andysnotebook.com
14. Pistes d’optimisation
1. Optimiser le Cache
2. Limiter le nombre de ressources
3. Réduire le poids des ressources et des entêtes
4. Améliorer la vitesse de rendu navigateur
15. Optimiser le cache navigateur
Utiliser des dates d’expiration lointaine
• Pour les fichiers statiques qui ne changent pas
• Et pour les autres aussi !*
*En faisant du versioning de fichier
Ex : style_v3.css
Utiliser des fichier externes pour les grosses ressources JS et CSS
N’oubliez pas les proxys
Paramètres sur les ressources statiques :
« Cache-control: public » :
16. Limiter le nombre de ressources
Concaténation des fichiers JS et CSS
Utilisation de Sprites CSS
Utilisation du CSS3 : dégradation élégante
Toutes les applications tiers / scripts sont-elles utiles
?
Lazyloading
17. Régime !
Compresser les images
Lossless (sans perte de qualité optimisation en masse)
Lossly (cas par cas)
Compresser les fichiers de type « text »
Minifier les documents CS, JS et HTML
18. Vitesse de Rendu navigateur
Javascript bloquants : document.write
Chargement Asynchrone/onload
<link> CSS dans le head
Responsive design ? Oui mais…
19. Cas Client A
Avant
Après
Nombre de requêtes HTTP divisé par deux
Bande passante réduite de 40%
Temps de chargement réduit de 33% pour un nouveau visiteur
Temps de chargement réduit de 36% avec les éléments en cache
Monitoring actif : Webpagetest.org
Google et « Jake a dit » - Google une société qui développe une névrose de la vitesse !Etude intitulé « Speed Matters »
Google mobilise beaucoup d’ingénieurs autour de la VitesseGoogle est présent et sponsor de toutes les conférences internationales #VelocityChrome et SPDY sont des initiatives extrêmement prometteuses
L’essentiel des optimisations possibles se font sur le front-end et non côté serveur.
Httparchive.org est un site qui observe et enregistre le comportement de dizaine de milliers de Homepage de sites (+50 000) dont le top 1M Alexa, Top 500 des plus grandes entreprises et Top 10K QuantCast4,5% HTML3,5% CSS8,5% flash18% Javascript62% Images
Poussé par le web social et les interfaces riches le poids total des pages et le nombres de ressources par page augmente rapidementLes pages web ont grossie de +38% en 15 moisLe nombre moyen de ressource par page de +16%
Les notes de performance se dégradent ET les temps de chargement également!
La vitesse impacte indirectement le SEO : Surface d’indexation et Fraîcheur des contenus. Très mauvaises pratiques : une redirection inutile c’est 500ms de perdu – Les Erreurs HTTP bloquent le téléchargement des ressources de la page 30% des pages contiennent des Erreurs HTTP 65% des pages contiennent au moins une redirection
Les internautes sont de moins en moins patientsla seconde supplémentaire coûte cher quelque soit le modèle économique Impact potentiel sur les parts de marché
AOL a segmenté son audience en 10 groupes de visiteurs des plus rapides au moins rapides.Le groupe ayant les temps de chargement réalise 50% de pages vues en plus.Amazon qui est l’un des sites e-commerce les plus exigeant sur la webperf a mesuré que pour chaque 100ms économiséIls voyaient leur revenus augmenter d’un pourcent !
Meilleurs sont vos règles de cache, moins vous dépendez du réseau pour afficher vos pagesLes utilisateurs réguliers (clients) sont fortement impactés par ces optimisationsLes Aller/Retour Navigateur du client Serveur sont coûteux Réduisez / Concatenez les ressources de vos pages.« Si l’efficacité d’un élément qui ralentit vos pages n’est pas prouvé, il faut songer à le retirer ».Réduire le poids des ressources : Compression / Minification / Optimisation du code et de l’intégration - Réduire l’upload, l’upload même sous ADSL les requêtes envoyés au seveur sont lentesFaciliter le travail du navigateur en lui servant un contenu simple à interpréter et à dessiner.