SlideShare une entreprise Scribd logo
Améliorer
les performances
de vos sites
web
Une priorité pour 2018
Améliorer
les performances
de vos sites
web
Une priorité
pour 2018
Sommaire
1) La performance au cœur de votre stratégie
2) Optimiser votre version desktop
3) Optimiser votre version mobile
4) Choix techno : PWA et AMP
5) Protocole HTTP2
6) La certification pour vous
2
Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
Performance,
chaque seconde compte
« Surtout en mobile »
http://www.kpcb.com/internet-trends
3 utilisateurs sur 4 sont des
mobinautes
dans le monde
Evolution
L’utilisation dans la journée
le mobile comme point de départ
Parcours Multiscreen
65%
Commencent
sur un
smartphone
61%
Continuent sur
un ordinateur
4%
Continuent sur
une Tablette
DECISIONCONSIDERATIONAWARENESS INTENT
SMARTPHONE
S
DESKTOPS /
TABLETTES
Les indicateurs négatifs de la web performance
8
Des utilisateurs s’attendent à un site qui se charge
en moins de 2 secondes
Des utilisateurs quittent un site au-delà de 3 secondes
Des utilisateurs sont gênés par les performances
Considèrent qu’un site rapide assure leur fidélité
Seconde supplémentaire (après 3 secondes d’attente)
fait perdre 16% des clients.
47%
40%
79%
52%
1
Source: http://www.fasterize.com
LES KPIs de Référence
Speed index:
Poids de la page:
Nombre de requêtes
9
< 200 ms
< 1 second
1000
< 4 seconds
D 2.3 Mo
M 0,80 Mo
85 in average
500 ms
Time to First Byte
Tps chargement HTML
Début d’affichage
Temps de chargement:
Time To First Byte
10
Outil pour tester le TTFB  http://www.bytecheck.com/
Time To First Byte
11
Dareboost propose une vision « scenario » plutôt sympa
Speed Index
12
Le Speed Index est l’indicateur UX qui calcule le délai moyen d’affichage au-dessus de la ligne
de flottaison et la progressivité de l’affichage
Speed Index: 3082
Temps de chargement HTML
13
Temps de téléchargement HTML (du code source) :
on ne compte pas les appels aux images, JS, CSS, Tag, Ads,…
Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
Améliorer la performance
Desktop & Mobile
Les optimisations classiques
Les images sont régulièrement trop lourdes. Vous pouvez:
Réduire leur poids sans perdre la qualité https://imagify.io
Les compresser
Héberger vos images sur un sous-domaine différent http://image.domaine.com
Utiliser le lazy loading
Eviter de compresser le format PNG
Utiliser les sprites CSS pour les images récurrentes sur vos templates (pictos, logos)
Pour une même image, l'appeler avec un format plus léger en mobile qu’en desktop
Les images
Les optimisations classiques
Ces fichiers sont une cause d’un lent chargement visuel de la page:
Regrouper vos fichiers CSS et JS en quelques fichiers
Minifier vos fichiers https://www.minifier.org/
Compresser vos fichiers
Utiliser un sous-domaine dédié pour ces ressources http://static.domaine.com
Utiliser des méthodes asynchrones ou Deferred
 qui charge ce qui est visible pour l’internaute
Rallonger le cache serveur de ces ressources qui évoluent rarement
Optimiser votre cache navigateur pour éviter les purges inutiles
Traiter vos fichiers CSS et JS
Les optimisations classiques
Votre code source: au-delà de 1000 lignes, attention !
Un code optimisé est un code bien indenté et sans caractères inutiles en fin de lignes.
Ce qu’il faut retenir : 1 caractère ASCII = 7 bits = 1 octet
Soit : 1 espace = 7 bits = 1 octet
: 1 tabulation = 7 bits = 1 octet
: 1 retour à la ligne = 7 bits = 1 octet
Le Parser - Tolérance 0
Si on compare le code source de cette page avant/après la suppression des lignes vides
18
234 ko 88 ko
- 69% du
poids total
Sur cette page qui faisait à la base 10825 lignes, nous en avons supprimé 8670 qui étaient vides,
soit 149,1 Ko supprimées de cette page
Les optimisations plus « compliquées »
Quand on vous parle de cache, vous devez savoir de quoi on parle:
Cache serveur
Cache navigateur
Cache du CMS
Cache Varnish
Cache AKAMAI
Reverse proxy
Load Balancing
CDN
… 19
Le cache: Ce que vous devez savoir!
ARHHHH
S'il y a une chose à retenir
20
Qu’est-ce que le cache?
S’il y a une chose à retenir
Exemple client sur la durée du cache
 15 minutes pour les « listes produit »
 20 minutes pour les « fiches produit »
 1 fois par jour pour la « home »
 Tous les 7 jours pour les « images, css, JS,… »
21
Avoir du cache ne veut rien dire
Pourquoi un cache si court?
Comment est régénéré le cache?
S'il y a une chose à retenir
Nous avons 3 leviers pour rendre le système plus efficace :
 La fréquence de rafraîchissement :
A-t-on besoin de régénérer le cache de toutes mes pages
 Les éléments à cacher dans la page :
Certains éléments de la page ne bougent jamais : le Header ou le footer par
exemple
 La création du cache : Où/qui génère le cache de la page ?
Côté serveur ou côté client?
22
Gérer la durée du cache
Obligatoire pour Google
En octobre 2017, Google va encore plus loin en
signalant les sites non sécurisés dans son
navigateur Chrome.
Le passage au HTTPS est fortement recommandé
pour éviter de perdre la confiance des
internautes.
Plus de 30% des sites en 1re page de résultats
Google sont maintenant en HTTPS
contre 5% en 2014.
Source : Moz
Non sécurisé ou
Dangereux
Informations ou
non sécurisé
Sécurisé
Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
PWAMPPWA + AMP
Site mobile + APP
Le Progressive Web App s’indexe comme un site mobile et s’utilise comme une App
Les avantages
Temps de chargement rapide et fonctionne hors connexion
Responsive et ergonomique
Fonctions Application: push, alerte…
Occupe très peu d’espace sur le téléphone et pas de mise à jour
SEO Friendly
APP Mobile
Le SEO des PWA
Les avantages SEO pour des formats PWA:
• Fournir des URL propres
• Spécifiez les URL canoniques
• Conception pour plusieurs appareils
• Développer en itération
• Utilisez Progressive Enhancement
• Teste avec la Search Console
• Annoter avec les données structurées Schema.org
• Testez avec plusieurs navigateurs
• Mesurer la performance de la charge de page
https://webmasters.googleblog.com/2016/11/building-indexable-progressive-web-apps.html
PWA chez Lancôme
Lancôme a d’ailleurs partagé ses résultats prometteurs sur le lancement de sa version PWA
•Baisse de 84% du temps de chargement
•Augmentation de 17% du taux de conversion
•Diminution du taux de rebond de 15%
•18% de taux d’ouverture des notifications
•Accroissement de 12% du taux de conversion sur la
récupération de panier via les notifications push.
#PWAMP = AMP + PWA
La complémentarité des deux technologies est la formule gagnante
Le protocole HTTP2
Avantages du HTTP/2: Un enjeu de Performance
Le protocole HTTP/2 permet d’améliorer la vitesse des échanges des données sur le web via 3
grands axes :
• Le multiplexing :
HTTP/2 permet en une seule connexion TCP de faire
transiter plusieurs éléments
• Le push :
HTTP/2 permet de définir des éléments dont le
chargement est prioritaire par rapport à d’autres (JS,
CSS…)
• La compression des en-têtes HTTP :
Les en-têtes ne sont plus en texte, mais en binaire.
Le premier en-tête est complet, et les requêtes
suivantes ne contiennent que les éléments
changeants.
Passage au HTTP/2
Le certificat SSL devient un prérequis pour pouvoir bénéficier du protocole HTTP/2.
Certaines pratiques d’optimisation des temps de chargement efficaces en HTTP/1 deviennent obsolètes :
• Concaténation de fichiers CSS ou JS
• Externalisation des ressources
• Domaines Cookie-less
• Domain Sharding
18,2%
des sites sont en
HTTP/2
en septembre 2017
Google ne crawle pas le HTTP2
Un test a été effectué par Bartosz Góralewicz en
ne proposant un site qu’en HTTP2 et en
désactivant l’HTTP1.
Le site répondait en erreur!!!
Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
Les Outils et certifications
Les outils de diagnostic
Ceux qu’on vous recommande
Faites passer la certification « Sites mobiles »
Google propose un guide de révisons afin de
passer la certification Sites mobiles dont les
modules sous-entendent les points forts d’un
site mobile efficace…
… et certainement des futurs
critères de classement
Lancée en avril 2017
La certification « Sites mobiles »
UX
Perf
AMP, PWA,
Conversion
Merci.
37

Contenu connexe

Tendances

Petit-déjeuner SF Mobile First Index - Philippe Yonnet - 1er Février - Luxemb...
Petit-déjeuner SF Mobile First Index - Philippe Yonnet - 1er Février - Luxemb...Petit-déjeuner SF Mobile First Index - Philippe Yonnet - 1er Février - Luxemb...
Petit-déjeuner SF Mobile First Index - Philippe Yonnet - 1er Février - Luxemb...
Peak Ace
 
Comment se préparer à l'index mobile first - Conférence SMX Paris 2017
Comment se préparer à l'index mobile first - Conférence SMX Paris 2017Comment se préparer à l'index mobile first - Conférence SMX Paris 2017
Comment se préparer à l'index mobile first - Conférence SMX Paris 2017
Peak Ace
 
Comment privilégier l’expérience utilisateur (UX) au cœur de votre stratégie ...
Comment privilégier l’expérience utilisateur (UX) au cœur de votre stratégie ...Comment privilégier l’expérience utilisateur (UX) au cœur de votre stratégie ...
Comment privilégier l’expérience utilisateur (UX) au cœur de votre stratégie ...
Peak Ace
 
Présentation globale petit déjeuner 16 novembre 2017 Lille
Présentation globale petit déjeuner 16 novembre 2017 LillePrésentation globale petit déjeuner 16 novembre 2017 Lille
Présentation globale petit déjeuner 16 novembre 2017 Lille
Peak Ace
 
Webconférence du 8 mars 2018 - Comment obtenir et exploiter la positions 0 de...
Webconférence du 8 mars 2018 - Comment obtenir et exploiter la positions 0 de...Webconférence du 8 mars 2018 - Comment obtenir et exploiter la positions 0 de...
Webconférence du 8 mars 2018 - Comment obtenir et exploiter la positions 0 de...
Peak Ace
 
SEO SXO AEO - Agence SEO / SEA Digimood
SEO SXO AEO - Agence SEO / SEA DigimoodSEO SXO AEO - Agence SEO / SEA Digimood
SEO SXO AEO - Agence SEO / SEA Digimood
Digimood - Agence SEO / SEA
 
Guide shopify & seo: fausse bonne idée?
Guide shopify & seo: fausse bonne idée?Guide shopify & seo: fausse bonne idée?
Guide shopify & seo: fausse bonne idée?
Peak Ace
 
Actualité SEO SEA - Philippe Yonnet - Petit Déjeuner du 1er Février - Luxembourg
Actualité SEO SEA - Philippe Yonnet - Petit Déjeuner du 1er Février - LuxembourgActualité SEO SEA - Philippe Yonnet - Petit Déjeuner du 1er Février - Luxembourg
Actualité SEO SEA - Philippe Yonnet - Petit Déjeuner du 1er Février - Luxembourg
Peak Ace
 
Contenus masqués, un point sur les bonnes pratiques - petit déjeuner du 18 ja...
Contenus masqués, un point sur les bonnes pratiques - petit déjeuner du 18 ja...Contenus masqués, un point sur les bonnes pratiques - petit déjeuner du 18 ja...
Contenus masqués, un point sur les bonnes pratiques - petit déjeuner du 18 ja...
Peak Ace
 
Les bonnes stratégies pour gérer les événements saisonniers en seo - Etienne ...
Les bonnes stratégies pour gérer les événements saisonniers en seo - Etienne ...Les bonnes stratégies pour gérer les événements saisonniers en seo - Etienne ...
Les bonnes stratégies pour gérer les événements saisonniers en seo - Etienne ...
Peak Ace
 
SEO et SEA ensemble a la conquete de la SERP - Digimood SEO / SEA
SEO et SEA ensemble a la conquete de la SERP - Digimood SEO / SEASEO et SEA ensemble a la conquete de la SERP - Digimood SEO / SEA
SEO et SEA ensemble a la conquete de la SERP - Digimood SEO / SEA
Digimood - Agence SEO / SEA
 
Actualités SEO SEA - Tiphaine Coupeau - Petit déjeuner 26-02-2019 Paris
Actualités SEO SEA - Tiphaine Coupeau - Petit déjeuner 26-02-2019 ParisActualités SEO SEA - Tiphaine Coupeau - Petit déjeuner 26-02-2019 Paris
Actualités SEO SEA - Tiphaine Coupeau - Petit déjeuner 26-02-2019 Paris
Peak Ace
 
La recette pour un SEO réussi à l’international - 19 avril - Salon E-marketin...
La recette pour un SEO réussi à l’international - 19 avril - Salon E-marketin...La recette pour un SEO réussi à l’international - 19 avril - Salon E-marketin...
La recette pour un SEO réussi à l’international - 19 avril - Salon E-marketin...
Peak Ace
 
Petit Déjeuner 29 mars - Comment améliorer votre visibilité sur des requêtes ...
Petit Déjeuner 29 mars - Comment améliorer votre visibilité sur des requêtes ...Petit Déjeuner 29 mars - Comment améliorer votre visibilité sur des requêtes ...
Petit Déjeuner 29 mars - Comment améliorer votre visibilité sur des requêtes ...
Peak Ace
 
Le futur du SEO : l’optimisation pour les moteurs de réponse (AEO) - petit dé...
Le futur du SEO : l’optimisation pour les moteurs de réponse (AEO) - petit dé...Le futur du SEO : l’optimisation pour les moteurs de réponse (AEO) - petit dé...
Le futur du SEO : l’optimisation pour les moteurs de réponse (AEO) - petit dé...
Peak Ace
 
SEO Covid-19 : enjeux et opportunités - Agence SEO Digimood
SEO Covid-19 : enjeux et opportunités - Agence SEO DigimoodSEO Covid-19 : enjeux et opportunités - Agence SEO Digimood
SEO Covid-19 : enjeux et opportunités - Agence SEO Digimood
Digimood - Agence SEO / SEA
 
Petit déjeuner du 29 mars - Quel contenu créer pour un Google transformé en m...
Petit déjeuner du 29 mars - Quel contenu créer pour un Google transformé en m...Petit déjeuner du 29 mars - Quel contenu créer pour un Google transformé en m...
Petit déjeuner du 29 mars - Quel contenu créer pour un Google transformé en m...
Peak Ace
 
Les chantiers indispensables à glisser dans votre roadmap 2018 - petit déjeun...
Les chantiers indispensables à glisser dans votre roadmap 2018 - petit déjeun...Les chantiers indispensables à glisser dans votre roadmap 2018 - petit déjeun...
Les chantiers indispensables à glisser dans votre roadmap 2018 - petit déjeun...
Peak Ace
 
Nouvelles architectures de sites web et SEO
Nouvelles architectures de sites web et SEONouvelles architectures de sites web et SEO
Nouvelles architectures de sites web et SEO
Philippe YONNET
 
Mises à jour Google : conseils SEO
Mises à jour Google : conseils SEOMises à jour Google : conseils SEO
Mises à jour Google : conseils SEO
Benjamin Thiers
 

Tendances (20)

Petit-déjeuner SF Mobile First Index - Philippe Yonnet - 1er Février - Luxemb...
Petit-déjeuner SF Mobile First Index - Philippe Yonnet - 1er Février - Luxemb...Petit-déjeuner SF Mobile First Index - Philippe Yonnet - 1er Février - Luxemb...
Petit-déjeuner SF Mobile First Index - Philippe Yonnet - 1er Février - Luxemb...
 
Comment se préparer à l'index mobile first - Conférence SMX Paris 2017
Comment se préparer à l'index mobile first - Conférence SMX Paris 2017Comment se préparer à l'index mobile first - Conférence SMX Paris 2017
Comment se préparer à l'index mobile first - Conférence SMX Paris 2017
 
Comment privilégier l’expérience utilisateur (UX) au cœur de votre stratégie ...
Comment privilégier l’expérience utilisateur (UX) au cœur de votre stratégie ...Comment privilégier l’expérience utilisateur (UX) au cœur de votre stratégie ...
Comment privilégier l’expérience utilisateur (UX) au cœur de votre stratégie ...
 
Présentation globale petit déjeuner 16 novembre 2017 Lille
Présentation globale petit déjeuner 16 novembre 2017 LillePrésentation globale petit déjeuner 16 novembre 2017 Lille
Présentation globale petit déjeuner 16 novembre 2017 Lille
 
Webconférence du 8 mars 2018 - Comment obtenir et exploiter la positions 0 de...
Webconférence du 8 mars 2018 - Comment obtenir et exploiter la positions 0 de...Webconférence du 8 mars 2018 - Comment obtenir et exploiter la positions 0 de...
Webconférence du 8 mars 2018 - Comment obtenir et exploiter la positions 0 de...
 
SEO SXO AEO - Agence SEO / SEA Digimood
SEO SXO AEO - Agence SEO / SEA DigimoodSEO SXO AEO - Agence SEO / SEA Digimood
SEO SXO AEO - Agence SEO / SEA Digimood
 
Guide shopify & seo: fausse bonne idée?
Guide shopify & seo: fausse bonne idée?Guide shopify & seo: fausse bonne idée?
Guide shopify & seo: fausse bonne idée?
 
Actualité SEO SEA - Philippe Yonnet - Petit Déjeuner du 1er Février - Luxembourg
Actualité SEO SEA - Philippe Yonnet - Petit Déjeuner du 1er Février - LuxembourgActualité SEO SEA - Philippe Yonnet - Petit Déjeuner du 1er Février - Luxembourg
Actualité SEO SEA - Philippe Yonnet - Petit Déjeuner du 1er Février - Luxembourg
 
Contenus masqués, un point sur les bonnes pratiques - petit déjeuner du 18 ja...
Contenus masqués, un point sur les bonnes pratiques - petit déjeuner du 18 ja...Contenus masqués, un point sur les bonnes pratiques - petit déjeuner du 18 ja...
Contenus masqués, un point sur les bonnes pratiques - petit déjeuner du 18 ja...
 
Les bonnes stratégies pour gérer les événements saisonniers en seo - Etienne ...
Les bonnes stratégies pour gérer les événements saisonniers en seo - Etienne ...Les bonnes stratégies pour gérer les événements saisonniers en seo - Etienne ...
Les bonnes stratégies pour gérer les événements saisonniers en seo - Etienne ...
 
SEO et SEA ensemble a la conquete de la SERP - Digimood SEO / SEA
SEO et SEA ensemble a la conquete de la SERP - Digimood SEO / SEASEO et SEA ensemble a la conquete de la SERP - Digimood SEO / SEA
SEO et SEA ensemble a la conquete de la SERP - Digimood SEO / SEA
 
Actualités SEO SEA - Tiphaine Coupeau - Petit déjeuner 26-02-2019 Paris
Actualités SEO SEA - Tiphaine Coupeau - Petit déjeuner 26-02-2019 ParisActualités SEO SEA - Tiphaine Coupeau - Petit déjeuner 26-02-2019 Paris
Actualités SEO SEA - Tiphaine Coupeau - Petit déjeuner 26-02-2019 Paris
 
La recette pour un SEO réussi à l’international - 19 avril - Salon E-marketin...
La recette pour un SEO réussi à l’international - 19 avril - Salon E-marketin...La recette pour un SEO réussi à l’international - 19 avril - Salon E-marketin...
La recette pour un SEO réussi à l’international - 19 avril - Salon E-marketin...
 
Petit Déjeuner 29 mars - Comment améliorer votre visibilité sur des requêtes ...
Petit Déjeuner 29 mars - Comment améliorer votre visibilité sur des requêtes ...Petit Déjeuner 29 mars - Comment améliorer votre visibilité sur des requêtes ...
Petit Déjeuner 29 mars - Comment améliorer votre visibilité sur des requêtes ...
 
Le futur du SEO : l’optimisation pour les moteurs de réponse (AEO) - petit dé...
Le futur du SEO : l’optimisation pour les moteurs de réponse (AEO) - petit dé...Le futur du SEO : l’optimisation pour les moteurs de réponse (AEO) - petit dé...
Le futur du SEO : l’optimisation pour les moteurs de réponse (AEO) - petit dé...
 
SEO Covid-19 : enjeux et opportunités - Agence SEO Digimood
SEO Covid-19 : enjeux et opportunités - Agence SEO DigimoodSEO Covid-19 : enjeux et opportunités - Agence SEO Digimood
SEO Covid-19 : enjeux et opportunités - Agence SEO Digimood
 
Petit déjeuner du 29 mars - Quel contenu créer pour un Google transformé en m...
Petit déjeuner du 29 mars - Quel contenu créer pour un Google transformé en m...Petit déjeuner du 29 mars - Quel contenu créer pour un Google transformé en m...
Petit déjeuner du 29 mars - Quel contenu créer pour un Google transformé en m...
 
Les chantiers indispensables à glisser dans votre roadmap 2018 - petit déjeun...
Les chantiers indispensables à glisser dans votre roadmap 2018 - petit déjeun...Les chantiers indispensables à glisser dans votre roadmap 2018 - petit déjeun...
Les chantiers indispensables à glisser dans votre roadmap 2018 - petit déjeun...
 
Nouvelles architectures de sites web et SEO
Nouvelles architectures de sites web et SEONouvelles architectures de sites web et SEO
Nouvelles architectures de sites web et SEO
 
Mises à jour Google : conseils SEO
Mises à jour Google : conseils SEOMises à jour Google : conseils SEO
Mises à jour Google : conseils SEO
 

Similaire à Améliorer les performances de vos sites web une priorité pour 2018 - Petit déjeuner du 26 octobre 2017 Paris

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
Thom. Poole
 
Virtua : Performances Magento : Solutions efficaces et accessibles
Virtua : Performances Magento : Solutions efficaces et accessiblesVirtua : Performances Magento : Solutions efficaces et accessibles
Virtua : Performances Magento : Solutions efficaces et accessibles
Swissgento eCom Genève
 
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
 
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
Peak Ace
 
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
 
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
Object Vingt Trois
 
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
Fasterize
 
Kiwiparty 2011 - Optimisation des sites internet
Kiwiparty 2011 - Optimisation des sites internetKiwiparty 2011 - Optimisation des sites internet
Kiwiparty 2011 - Optimisation des sites internetDevclic
 
L'AMP pour les sites e-commerce - 22 février - Lille
L'AMP pour les sites e-commerce - 22 février - LilleL'AMP pour les sites e-commerce - 22 février - Lille
L'AMP pour les sites e-commerce - 22 février - Lille
Peak Ace
 
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
Peak Ace
 
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
 
Optimisation de son site web
Optimisation de son site webOptimisation de son site web
Optimisation de son site web
Christophe Avonture
 
Gestion des performances Magento et Hebergement
Gestion des performances Magento et HebergementGestion des performances Magento et Hebergement
Gestion des performances Magento et Hebergement
X2i
 
Webperf Front-End SeoCampus 2012
Webperf Front-End SeoCampus 2012Webperf Front-End SeoCampus 2012
Webperf Front-End SeoCampus 2012
Refficience
 
Webinar Semrush Neper - quel ROI pour les pages amp
Webinar Semrush Neper - quel ROI pour les pages  ampWebinar Semrush Neper - quel ROI pour les pages  amp
Webinar Semrush Neper - quel ROI pour les pages amp
Philippe YONNET
 
Quel ROI attendre d'un projet de création de pages AMP ?
Quel ROI attendre d'un projet de création de pages AMP ?Quel ROI attendre d'un projet de création de pages AMP ?
Quel ROI attendre d'un projet de création de pages AMP ?
Semrush France
 
RennesJS Talk webperf by Dareboost
RennesJS Talk webperf by DareboostRennesJS Talk webperf by Dareboost
RennesJS Talk webperf by Dareboost
Damien Jubeau
 
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
Emmanuel Gautier
 
Les bonnes pratiques du developpement web - Alteca - avril 2014
Les bonnes pratiques du developpement web - Alteca - avril 2014Les bonnes pratiques du developpement web - Alteca - avril 2014
Les bonnes pratiques du developpement web - Alteca - avril 2014
François CRETON
 

Similaire à Améliorer les performances de vos sites web une priorité pour 2018 - Petit déjeuner du 26 octobre 2017 Paris (20)

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
 
Virtua : Performances Magento : Solutions efficaces et accessibles
Virtua : Performances Magento : Solutions efficaces et accessiblesVirtua : Performances Magento : Solutions efficaces et accessibles
Virtua : Performances Magento : Solutions efficaces et accessibles
 
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 ?
 
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
 
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é
 
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
 
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
 
Kiwiparty 2011 - Optimisation des sites internet
Kiwiparty 2011 - Optimisation des sites internetKiwiparty 2011 - Optimisation des sites internet
Kiwiparty 2011 - Optimisation des sites internet
 
L'AMP pour les sites e-commerce - 22 février - Lille
L'AMP pour les sites e-commerce - 22 février - LilleL'AMP pour les sites e-commerce - 22 février - Lille
L'AMP pour les sites e-commerce - 22 février - Lille
 
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
 
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é
 
Optimisation de son site web
Optimisation de son site webOptimisation de son site web
Optimisation de son site web
 
Gestion des performances Magento et Hebergement
Gestion des performances Magento et HebergementGestion des performances Magento et Hebergement
Gestion des performances Magento et Hebergement
 
Webperf Front-End SeoCampus 2012
Webperf Front-End SeoCampus 2012Webperf Front-End SeoCampus 2012
Webperf Front-End SeoCampus 2012
 
Webinar Semrush Neper - quel ROI pour les pages amp
Webinar Semrush Neper - quel ROI pour les pages  ampWebinar Semrush Neper - quel ROI pour les pages  amp
Webinar Semrush Neper - quel ROI pour les pages amp
 
Quel ROI attendre d'un projet de création de pages AMP ?
Quel ROI attendre d'un projet de création de pages AMP ?Quel ROI attendre d'un projet de création de pages AMP ?
Quel ROI attendre d'un projet de création de pages AMP ?
 
RennesJS Talk webperf by Dareboost
RennesJS Talk webperf by DareboostRennesJS Talk webperf by Dareboost
RennesJS Talk webperf by Dareboost
 
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
 
Les bonnes pratiques du developpement web - Alteca - avril 2014
Les bonnes pratiques du developpement web - Alteca - avril 2014Les bonnes pratiques du developpement web - Alteca - avril 2014
Les bonnes pratiques du developpement web - Alteca - avril 2014
 

Plus de Peak Ace

SEO CAMP'us Paris 2022 - CADOR EN SEO - Mathieu Chapon (1).pptx
SEO CAMP'us Paris 2022 - CADOR EN SEO - Mathieu Chapon (1).pptxSEO CAMP'us Paris 2022 - CADOR EN SEO - Mathieu Chapon (1).pptx
SEO CAMP'us Paris 2022 - CADOR EN SEO - Mathieu Chapon (1).pptx
Peak Ace
 
SEO CAMP'us Paris 2022 - 6 Tips E-Commerce - Mathieu Chapon.pptx
SEO CAMP'us Paris 2022 - 6 Tips E-Commerce - Mathieu Chapon.pptxSEO CAMP'us Paris 2022 - 6 Tips E-Commerce - Mathieu Chapon.pptx
SEO CAMP'us Paris 2022 - 6 Tips E-Commerce - Mathieu Chapon.pptx
Peak Ace
 
Petit dejeuner sf 180419 actualite seo sea
Petit dejeuner sf 180419   actualite seo seaPetit dejeuner sf 180419   actualite seo sea
Petit dejeuner sf 180419 actualite seo sea
Peak Ace
 
Event sf 180419 changement de marque et de domaine
Event sf 180419 changement de marque et de domaineEvent sf 180419 changement de marque et de domaine
Event sf 180419 changement de marque et de domaine
Peak Ace
 
Event sf 180419 gerer les contenus pagines
Event sf 180419 gerer les contenus paginesEvent sf 180419 gerer les contenus pagines
Event sf 180419 gerer les contenus pagines
Peak Ace
 
Event sf 180419 les bonnes pratiques en netlinking
Event sf 180419 les bonnes pratiques en netlinkingEvent sf 180419 les bonnes pratiques en netlinking
Event sf 180419 les bonnes pratiques en netlinking
Peak Ace
 
Amazon : au cœur de votre stratégie SEO 2019 - Philippe Yonnet - Petit déjeun...
Amazon : au cœur de votre stratégie SEO 2019 - Philippe Yonnet - Petit déjeun...Amazon : au cœur de votre stratégie SEO 2019 - Philippe Yonnet - Petit déjeun...
Amazon : au cœur de votre stratégie SEO 2019 - Philippe Yonnet - Petit déjeun...
Peak Ace
 
Contenu et SEO : quelles tendances pour 2019 ? - Julien Callaou - petit déjeu...
Contenu et SEO : quelles tendances pour 2019 ? - Julien Callaou - petit déjeu...Contenu et SEO : quelles tendances pour 2019 ? - Julien Callaou - petit déjeu...
Contenu et SEO : quelles tendances pour 2019 ? - Julien Callaou - petit déjeu...
Peak Ace
 
Comment structurer ses campagnes adwords pour tirer le meilleur parti de l’au...
Comment structurer ses campagnes adwords pour tirer le meilleur parti de l’au...Comment structurer ses campagnes adwords pour tirer le meilleur parti de l’au...
Comment structurer ses campagnes adwords pour tirer le meilleur parti de l’au...
Peak Ace
 
Comment optimiser votre site pour être visible sur les requêtes saisonnières ...
Comment optimiser votre site pour être visible sur les requêtes saisonnières ...Comment optimiser votre site pour être visible sur les requêtes saisonnières ...
Comment optimiser votre site pour être visible sur les requêtes saisonnières ...
Peak Ace
 
« Le temps de chargement n’existe pas ! » - petit déjeuner 13 décembre paris
« Le temps de chargement n’existe pas ! » - petit déjeuner 13 décembre paris« Le temps de chargement n’existe pas ! » - petit déjeuner 13 décembre paris
« Le temps de chargement n’existe pas ! » - petit déjeuner 13 décembre paris
Peak Ace
 
Comment exploiter et atteindre la position 0 ou featured snippets de Google ...
Comment exploiter et atteindre la position 0 ou featured snippets de Google  ...Comment exploiter et atteindre la position 0 ou featured snippets de Google  ...
Comment exploiter et atteindre la position 0 ou featured snippets de Google ...
Peak Ace
 
Actualité des moteurs de recherche et du référencement (SEO & SEA) - petit dé...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - petit dé...Actualité des moteurs de recherche et du référencement (SEO & SEA) - petit dé...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - petit dé...
Peak Ace
 
La nouvelle Google Search Console - petit déjeuner 15-11-2018 Nantes
La nouvelle Google Search Console - petit déjeuner 15-11-2018 Nantes La nouvelle Google Search Console - petit déjeuner 15-11-2018 Nantes
La nouvelle Google Search Console - petit déjeuner 15-11-2018 Nantes
Peak Ace
 
Comment tirer le meilleur parti possible du content marketing - petit déjeune...
Comment tirer le meilleur parti possible du content marketing - petit déjeune...Comment tirer le meilleur parti possible du content marketing - petit déjeune...
Comment tirer le meilleur parti possible du content marketing - petit déjeune...
Peak Ace
 
Migration les pièges a éviter - petit déjeuner 15-11-2018 Nantes
Migration les pièges a éviter - petit déjeuner 15-11-2018 Nantes Migration les pièges a éviter - petit déjeuner 15-11-2018 Nantes
Migration les pièges a éviter - petit déjeuner 15-11-2018 Nantes
Peak Ace
 
Actualite des moteurs de recherche et du referencement SEO/SEA - petit déjeun...
Actualite des moteurs de recherche et du referencement SEO/SEA - petit déjeun...Actualite des moteurs de recherche et du referencement SEO/SEA - petit déjeun...
Actualite des moteurs de recherche et du referencement SEO/SEA - petit déjeun...
Peak Ace
 
Mobile first index et speed update - Petit déjeuner Bordeaux - Julie Vidalin
Mobile first index et speed update - Petit déjeuner Bordeaux - Julie VidalinMobile first index et speed update - Petit déjeuner Bordeaux - Julie Vidalin
Mobile first index et speed update - Petit déjeuner Bordeaux - Julie Vidalin
Peak Ace
 
Les nouvelles fonctionnalités de la search console - petit déjeuner Bordeaux ...
Les nouvelles fonctionnalités de la search console - petit déjeuner Bordeaux ...Les nouvelles fonctionnalités de la search console - petit déjeuner Bordeaux ...
Les nouvelles fonctionnalités de la search console - petit déjeuner Bordeaux ...
Peak Ace
 
Comment tirer le meilleur parti possible du content marketing - petit déjeune...
Comment tirer le meilleur parti possible du content marketing - petit déjeune...Comment tirer le meilleur parti possible du content marketing - petit déjeune...
Comment tirer le meilleur parti possible du content marketing - petit déjeune...
Peak Ace
 

Plus de Peak Ace (20)

SEO CAMP'us Paris 2022 - CADOR EN SEO - Mathieu Chapon (1).pptx
SEO CAMP'us Paris 2022 - CADOR EN SEO - Mathieu Chapon (1).pptxSEO CAMP'us Paris 2022 - CADOR EN SEO - Mathieu Chapon (1).pptx
SEO CAMP'us Paris 2022 - CADOR EN SEO - Mathieu Chapon (1).pptx
 
SEO CAMP'us Paris 2022 - 6 Tips E-Commerce - Mathieu Chapon.pptx
SEO CAMP'us Paris 2022 - 6 Tips E-Commerce - Mathieu Chapon.pptxSEO CAMP'us Paris 2022 - 6 Tips E-Commerce - Mathieu Chapon.pptx
SEO CAMP'us Paris 2022 - 6 Tips E-Commerce - Mathieu Chapon.pptx
 
Petit dejeuner sf 180419 actualite seo sea
Petit dejeuner sf 180419   actualite seo seaPetit dejeuner sf 180419   actualite seo sea
Petit dejeuner sf 180419 actualite seo sea
 
Event sf 180419 changement de marque et de domaine
Event sf 180419 changement de marque et de domaineEvent sf 180419 changement de marque et de domaine
Event sf 180419 changement de marque et de domaine
 
Event sf 180419 gerer les contenus pagines
Event sf 180419 gerer les contenus paginesEvent sf 180419 gerer les contenus pagines
Event sf 180419 gerer les contenus pagines
 
Event sf 180419 les bonnes pratiques en netlinking
Event sf 180419 les bonnes pratiques en netlinkingEvent sf 180419 les bonnes pratiques en netlinking
Event sf 180419 les bonnes pratiques en netlinking
 
Amazon : au cœur de votre stratégie SEO 2019 - Philippe Yonnet - Petit déjeun...
Amazon : au cœur de votre stratégie SEO 2019 - Philippe Yonnet - Petit déjeun...Amazon : au cœur de votre stratégie SEO 2019 - Philippe Yonnet - Petit déjeun...
Amazon : au cœur de votre stratégie SEO 2019 - Philippe Yonnet - Petit déjeun...
 
Contenu et SEO : quelles tendances pour 2019 ? - Julien Callaou - petit déjeu...
Contenu et SEO : quelles tendances pour 2019 ? - Julien Callaou - petit déjeu...Contenu et SEO : quelles tendances pour 2019 ? - Julien Callaou - petit déjeu...
Contenu et SEO : quelles tendances pour 2019 ? - Julien Callaou - petit déjeu...
 
Comment structurer ses campagnes adwords pour tirer le meilleur parti de l’au...
Comment structurer ses campagnes adwords pour tirer le meilleur parti de l’au...Comment structurer ses campagnes adwords pour tirer le meilleur parti de l’au...
Comment structurer ses campagnes adwords pour tirer le meilleur parti de l’au...
 
Comment optimiser votre site pour être visible sur les requêtes saisonnières ...
Comment optimiser votre site pour être visible sur les requêtes saisonnières ...Comment optimiser votre site pour être visible sur les requêtes saisonnières ...
Comment optimiser votre site pour être visible sur les requêtes saisonnières ...
 
« Le temps de chargement n’existe pas ! » - petit déjeuner 13 décembre paris
« Le temps de chargement n’existe pas ! » - petit déjeuner 13 décembre paris« Le temps de chargement n’existe pas ! » - petit déjeuner 13 décembre paris
« Le temps de chargement n’existe pas ! » - petit déjeuner 13 décembre paris
 
Comment exploiter et atteindre la position 0 ou featured snippets de Google ...
Comment exploiter et atteindre la position 0 ou featured snippets de Google  ...Comment exploiter et atteindre la position 0 ou featured snippets de Google  ...
Comment exploiter et atteindre la position 0 ou featured snippets de Google ...
 
Actualité des moteurs de recherche et du référencement (SEO & SEA) - petit dé...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - petit dé...Actualité des moteurs de recherche et du référencement (SEO & SEA) - petit dé...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - petit dé...
 
La nouvelle Google Search Console - petit déjeuner 15-11-2018 Nantes
La nouvelle Google Search Console - petit déjeuner 15-11-2018 Nantes La nouvelle Google Search Console - petit déjeuner 15-11-2018 Nantes
La nouvelle Google Search Console - petit déjeuner 15-11-2018 Nantes
 
Comment tirer le meilleur parti possible du content marketing - petit déjeune...
Comment tirer le meilleur parti possible du content marketing - petit déjeune...Comment tirer le meilleur parti possible du content marketing - petit déjeune...
Comment tirer le meilleur parti possible du content marketing - petit déjeune...
 
Migration les pièges a éviter - petit déjeuner 15-11-2018 Nantes
Migration les pièges a éviter - petit déjeuner 15-11-2018 Nantes Migration les pièges a éviter - petit déjeuner 15-11-2018 Nantes
Migration les pièges a éviter - petit déjeuner 15-11-2018 Nantes
 
Actualite des moteurs de recherche et du referencement SEO/SEA - petit déjeun...
Actualite des moteurs de recherche et du referencement SEO/SEA - petit déjeun...Actualite des moteurs de recherche et du referencement SEO/SEA - petit déjeun...
Actualite des moteurs de recherche et du referencement SEO/SEA - petit déjeun...
 
Mobile first index et speed update - Petit déjeuner Bordeaux - Julie Vidalin
Mobile first index et speed update - Petit déjeuner Bordeaux - Julie VidalinMobile first index et speed update - Petit déjeuner Bordeaux - Julie Vidalin
Mobile first index et speed update - Petit déjeuner Bordeaux - Julie Vidalin
 
Les nouvelles fonctionnalités de la search console - petit déjeuner Bordeaux ...
Les nouvelles fonctionnalités de la search console - petit déjeuner Bordeaux ...Les nouvelles fonctionnalités de la search console - petit déjeuner Bordeaux ...
Les nouvelles fonctionnalités de la search console - petit déjeuner Bordeaux ...
 
Comment tirer le meilleur parti possible du content marketing - petit déjeune...
Comment tirer le meilleur parti possible du content marketing - petit déjeune...Comment tirer le meilleur parti possible du content marketing - petit déjeune...
Comment tirer le meilleur parti possible du content marketing - petit déjeune...
 

Améliorer les performances de vos sites web une priorité pour 2018 - Petit déjeuner du 26 octobre 2017 Paris

  • 1. Améliorer les performances de vos sites web Une priorité pour 2018 Améliorer les performances de vos sites web Une priorité pour 2018
  • 2. Sommaire 1) La performance au cœur de votre stratégie 2) Optimiser votre version desktop 3) Optimiser votre version mobile 4) Choix techno : PWA et AMP 5) Protocole HTTP2 6) La certification pour vous 2
  • 3. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics Performance, chaque seconde compte « Surtout en mobile »
  • 4. http://www.kpcb.com/internet-trends 3 utilisateurs sur 4 sont des mobinautes dans le monde
  • 7. le mobile comme point de départ Parcours Multiscreen 65% Commencent sur un smartphone 61% Continuent sur un ordinateur 4% Continuent sur une Tablette DECISIONCONSIDERATIONAWARENESS INTENT SMARTPHONE S DESKTOPS / TABLETTES
  • 8. Les indicateurs négatifs de la web performance 8 Des utilisateurs s’attendent à un site qui se charge en moins de 2 secondes Des utilisateurs quittent un site au-delà de 3 secondes Des utilisateurs sont gênés par les performances Considèrent qu’un site rapide assure leur fidélité Seconde supplémentaire (après 3 secondes d’attente) fait perdre 16% des clients. 47% 40% 79% 52% 1 Source: http://www.fasterize.com
  • 9. LES KPIs de Référence Speed index: Poids de la page: Nombre de requêtes 9 < 200 ms < 1 second 1000 < 4 seconds D 2.3 Mo M 0,80 Mo 85 in average 500 ms Time to First Byte Tps chargement HTML Début d’affichage Temps de chargement:
  • 10. Time To First Byte 10 Outil pour tester le TTFB  http://www.bytecheck.com/
  • 11. Time To First Byte 11 Dareboost propose une vision « scenario » plutôt sympa
  • 12. Speed Index 12 Le Speed Index est l’indicateur UX qui calcule le délai moyen d’affichage au-dessus de la ligne de flottaison et la progressivité de l’affichage Speed Index: 3082
  • 13. Temps de chargement HTML 13 Temps de téléchargement HTML (du code source) : on ne compte pas les appels aux images, JS, CSS, Tag, Ads,…
  • 14. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics Améliorer la performance Desktop & Mobile
  • 15. Les optimisations classiques Les images sont régulièrement trop lourdes. Vous pouvez: Réduire leur poids sans perdre la qualité https://imagify.io Les compresser Héberger vos images sur un sous-domaine différent http://image.domaine.com Utiliser le lazy loading Eviter de compresser le format PNG Utiliser les sprites CSS pour les images récurrentes sur vos templates (pictos, logos) Pour une même image, l'appeler avec un format plus léger en mobile qu’en desktop Les images
  • 16. Les optimisations classiques Ces fichiers sont une cause d’un lent chargement visuel de la page: Regrouper vos fichiers CSS et JS en quelques fichiers Minifier vos fichiers https://www.minifier.org/ Compresser vos fichiers Utiliser un sous-domaine dédié pour ces ressources http://static.domaine.com Utiliser des méthodes asynchrones ou Deferred  qui charge ce qui est visible pour l’internaute Rallonger le cache serveur de ces ressources qui évoluent rarement Optimiser votre cache navigateur pour éviter les purges inutiles Traiter vos fichiers CSS et JS
  • 17. Les optimisations classiques Votre code source: au-delà de 1000 lignes, attention ! Un code optimisé est un code bien indenté et sans caractères inutiles en fin de lignes. Ce qu’il faut retenir : 1 caractère ASCII = 7 bits = 1 octet Soit : 1 espace = 7 bits = 1 octet : 1 tabulation = 7 bits = 1 octet : 1 retour à la ligne = 7 bits = 1 octet
  • 18. Le Parser - Tolérance 0 Si on compare le code source de cette page avant/après la suppression des lignes vides 18 234 ko 88 ko - 69% du poids total Sur cette page qui faisait à la base 10825 lignes, nous en avons supprimé 8670 qui étaient vides, soit 149,1 Ko supprimées de cette page
  • 19. Les optimisations plus « compliquées » Quand on vous parle de cache, vous devez savoir de quoi on parle: Cache serveur Cache navigateur Cache du CMS Cache Varnish Cache AKAMAI Reverse proxy Load Balancing CDN … 19 Le cache: Ce que vous devez savoir! ARHHHH
  • 20. S'il y a une chose à retenir 20 Qu’est-ce que le cache?
  • 21. S’il y a une chose à retenir Exemple client sur la durée du cache  15 minutes pour les « listes produit »  20 minutes pour les « fiches produit »  1 fois par jour pour la « home »  Tous les 7 jours pour les « images, css, JS,… » 21 Avoir du cache ne veut rien dire Pourquoi un cache si court? Comment est régénéré le cache?
  • 22. S'il y a une chose à retenir Nous avons 3 leviers pour rendre le système plus efficace :  La fréquence de rafraîchissement : A-t-on besoin de régénérer le cache de toutes mes pages  Les éléments à cacher dans la page : Certains éléments de la page ne bougent jamais : le Header ou le footer par exemple  La création du cache : Où/qui génère le cache de la page ? Côté serveur ou côté client? 22 Gérer la durée du cache
  • 23. Obligatoire pour Google En octobre 2017, Google va encore plus loin en signalant les sites non sécurisés dans son navigateur Chrome. Le passage au HTTPS est fortement recommandé pour éviter de perdre la confiance des internautes. Plus de 30% des sites en 1re page de résultats Google sont maintenant en HTTPS contre 5% en 2014. Source : Moz Non sécurisé ou Dangereux Informations ou non sécurisé Sécurisé
  • 24. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics PWAMPPWA + AMP
  • 25. Site mobile + APP Le Progressive Web App s’indexe comme un site mobile et s’utilise comme une App Les avantages Temps de chargement rapide et fonctionne hors connexion Responsive et ergonomique Fonctions Application: push, alerte… Occupe très peu d’espace sur le téléphone et pas de mise à jour SEO Friendly APP Mobile
  • 26. Le SEO des PWA Les avantages SEO pour des formats PWA: • Fournir des URL propres • Spécifiez les URL canoniques • Conception pour plusieurs appareils • Développer en itération • Utilisez Progressive Enhancement • Teste avec la Search Console • Annoter avec les données structurées Schema.org • Testez avec plusieurs navigateurs • Mesurer la performance de la charge de page https://webmasters.googleblog.com/2016/11/building-indexable-progressive-web-apps.html
  • 27. PWA chez Lancôme Lancôme a d’ailleurs partagé ses résultats prometteurs sur le lancement de sa version PWA •Baisse de 84% du temps de chargement •Augmentation de 17% du taux de conversion •Diminution du taux de rebond de 15% •18% de taux d’ouverture des notifications •Accroissement de 12% du taux de conversion sur la récupération de panier via les notifications push.
  • 28. #PWAMP = AMP + PWA La complémentarité des deux technologies est la formule gagnante
  • 30. Avantages du HTTP/2: Un enjeu de Performance Le protocole HTTP/2 permet d’améliorer la vitesse des échanges des données sur le web via 3 grands axes : • Le multiplexing : HTTP/2 permet en une seule connexion TCP de faire transiter plusieurs éléments • Le push : HTTP/2 permet de définir des éléments dont le chargement est prioritaire par rapport à d’autres (JS, CSS…) • La compression des en-têtes HTTP : Les en-têtes ne sont plus en texte, mais en binaire. Le premier en-tête est complet, et les requêtes suivantes ne contiennent que les éléments changeants.
  • 31. Passage au HTTP/2 Le certificat SSL devient un prérequis pour pouvoir bénéficier du protocole HTTP/2. Certaines pratiques d’optimisation des temps de chargement efficaces en HTTP/1 deviennent obsolètes : • Concaténation de fichiers CSS ou JS • Externalisation des ressources • Domaines Cookie-less • Domain Sharding 18,2% des sites sont en HTTP/2 en septembre 2017
  • 32. Google ne crawle pas le HTTP2 Un test a été effectué par Bartosz Góralewicz en ne proposant un site qu’en HTTP2 et en désactivant l’HTTP1. Le site répondait en erreur!!!
  • 33. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics Les Outils et certifications
  • 34. Les outils de diagnostic Ceux qu’on vous recommande
  • 35. Faites passer la certification « Sites mobiles » Google propose un guide de révisons afin de passer la certification Sites mobiles dont les modules sous-entendent les points forts d’un site mobile efficace… … et certainement des futurs critères de classement Lancée en avril 2017
  • 36. La certification « Sites mobiles » UX Perf AMP, PWA, Conversion