Webperformance : mobile, monitoring, http/2, budget performance

Publicité

Publicité

Publicité

Publicité

Publicité

Publicité

Publicité

Publicité

Publicité

Publicité

Publicité

Publicité

Temps de chargement
T’as pas un site performant ?
THOMAS SOUDAZ / DAMIEN JUBEAU
SEOCAMPUS - 07/04/2016 1

#seocamp
Thomas Soudaz
Fondateur de la société Refficience, Consultant Web, WebPerf et SEO
@tsoudaz
Site : Refficience.com...

#seocamp
Damien Jubeau
Fondateur de la société Dareboost, solution de monitoring et d’audit de performance et qualité web
...

t
Attente = Frustration
© Stefan dzialeka

#seocampUsage Mobile
Mobile
Desktop / Laptop
Objets connectés
Heuresparjour

#seocampData mobile
Source : akamai state of the internet
Data
Voix

#seocampData mobile
0
1000
2000
3000
4000
5000
6000
7000
TransfertsenMo
MàJ App
Navigateur
Musique
Geoloc
Jeux
Social
Mail...

#seocamp

#seocamp
Source : Soasta
Mobile : 1 sec de délai pénalise la conversion
Taux de conversion
Taux de conversion
Temps de cha...

#seocampProblème de la Performance mobile
 Latence
 Capacité CPU
 Mémoire
 Consommation de batterie
 Tailles d’écrans...

#seocampTransactions App vs Navigateur mobile
Source : Criteo - state of mobile e-commerce

#seocamp

#seocampUltra-Fragmentation !

#seocamp
Parts de marché Navigateurs mobile
Chrome
23%
Safari iOS9
23%
Safari iOS8
10%
InApp iOS
12%
Android
15%
Samsung
7...

#seocampSolutions Techniques
Choix marketing
Site mobile dédié ? Besoin ?
Même contenus desktop/mobile ?
Appli et/ou Webap...

#seocampChoix et impacts
Source : test réalisés sous WPT – 3G 100ms de latence
Top 10 Fr Techno URL Surcoût !
Leboncoin RW...

#seocampBonnes pratiques mobile
Objectif Speedindex : < 2500 = top 10%
 0 redirection! => Url commune desktop/tablette/mo...

#seocamp
on ne peut améliorer que ce que l'on mesure

#seocamp
TTFB
(délai avant premier octet)

#seocamp
200ms
Source : Google https://developers.google.com/speed/docs/insights/Server?hl=fr

#seocamp
Start Render
(délai avant début d'affichage)

#seocamp

#seocamp
Visually Complete
(délai avant fin d'affichage)

#seocamp

#seocamp
Speed Index

#seocamp

#seocamp

#seocamp
https://sites.google.com/a/webpagetest.org/docs/using-webpagetest/metrics/speed-index

#seocamp
< 1000
(1 seconde pour le contenu « above the fold »)
https://developers.google.com/speed/docs/insights/mobile

#seocamp
Evolution fonctionnelle
Evolution technique
Evolution du contenu
Contributif
Dépendances aux tierces parties

#seocamp
Surveillance

#seocamp
2 approches
(complémentaires)

#seocamp
Real User Monitoring
(monitoring passif)
« la vraie vie »

#seocamp

#seocamp
Monitoring Synthétique
(monitoring actif)
internaute simulé

#seocamp
HTTPs
Boost SEO ?
(attention à la migration !)

#seocamp
Sécurité

#seocamp
HTTP est sur le chemin
de la dépréciation !

#seocampHTTP2
 HTTP2 pipelining
 Compression des Headers
 Push
/! HTTTP 1.1 vs HTTP2
Les fausses bonnes idées :
 Conca...

#seocamp
Source : movr - scientiamobile.com

#seocamp
« En tant que chef de produit vous
devriez considérer la vitesse comme la
première des fonctionnalités »
Larry Pa...

#seocamp
Se fixer des objectifs
« le site doit être rapide »
« la page doit faire moins de 1Mo »
« le serveur doit répondr...

#seocamp
Optimiser
Epurer
Abandonner

#seocamp
Respect du budget

#seocamp
Budget toujours KO ?
=> il évolue !

#seocamp
Pour chaque étape et
pour chaque interlocuteur

#seocampToolbox
Diagnostic Niveau
 Google Pagespeed Insights Débutant
 Outils de développement Chrome/FF/IE Intermédiair...

Questions ?
THOMAS SOUDAZ / DAMIEN JUBEAU
SEOCAMPUS - 07/04/2016 50

Partager Slideshare

LinkedIn
Facebook
Twitter

Intégrer

Taille (px)

Afficher les Slideshows associés à la fin

Code abrégé pour WordPress

Lien

Partager
E-mail

Cocon sémantique : Coup Marketing o... by Trikaya Communica... 6984 views
La force du copywriting, de la titr... by Keeg-seo 7251 views
Bien former/recruter son Rédacteur ... by Ecribouille 3701 views
Intégrer Yandex dans sa stratégie S... by iProspect France 6429 views
Synodiance > Recherche Vocale - SEO... by Search Foresight 6195 views
Seo campus 2016 : Comment faire du... by Veronique Duong 4197 views

Afficher sur Slideshare

1 sur 50 Publicité

Afficher sur Slideshare

1 sur 50 Publicité