Après avoir analysé 5 000 000 de pages pour connaître les bonnes pratiques pour optimiser la vitesse de chargement d'un site, vous savez ce qu'il en ressort ? 樂 C'est une catastrophe ! Le temps moyen nécessaire au chargement complet d’une page Web est de 10,3 secondes sur le bureau et de 27,3 secondes sur mobile !  Savez-vous ce qui permet assez facilement de vraiment donner un coup d'accélérateur à un site ? Et ce qui ne sert à rien ? Car si on cherche bien sur Google, on va trouver des conseils dans tous les sens. Maëlys va vous donner les bonnes pratiques que nous mettons en place concrètement chez Pilot'in et que nous vous recommandons vivement ! Au programme : Les bonnes raisons d’aller chercher de la performance ? Les outils pour auditer son site Les principes de base et erreurs à ne pas faire Les outils pour optimiser techniquement son site WordPress Les bons compléments La TODO à faire dans la semaine pour accélérer tout ça : 1h de temps max Les liens complémentaires

1. Doubler la vitesse de son
site WordPress
- avec Maëlys

2. Hissez Haut vos projets digitaux
SOM-MER
1. Les bonnes raisons d’aller chercher de la performance ?
2. Les outils pour auditer son site
3. Les principes de base et erreurs à ne pas faire
4. Les outils pour optimiser techniquement son site WordPress
5. La TODO à faire dans la semaine pour doubler votre temps de chargement
6. Les liens vers les outils
7. Pour aller plus loin

3. Qui est Maëlys ?

4. Hissez Haut vos projets digitaux
Maëlys Darde
● Dev fullstack avec préférence Back - chez Pilot’in depuis janvier 2020
● A réalisé plus d’une centaine de site
● Fan de WordPress depuis son plus jeune âge
● Fan de cocktail
● Team PhpStorm
TOP 30 FRANCE de 2015 à 2020
des agences digitales

5. Les bonnes raisons
d’aller chercher de la
performance ?

6. Hissez-haut vos projets digitaux !
👍🏻

7. Hissez-haut vos projets digitaux !
● Une expérience client plus intéressante
● Un passage facilité à l’acte d’achat
Chaque seconde de retard sur le chargement
de sa page c’est :
● 7% de taux de conversion en moins
dans le service
● 20% de taux de conversion en moins
dans le retail
● 11% de pages vues en moins
● 16% de taux de satisfaction en moins
● 8% d’augmentation du taux de rebond
Source : DigitalFuel
Pour
l’utilisateur

8. Hissez-haut vos projets digitaux !
www.regilait.com

9. Hissez-haut vos projets digitaux !
● Un meilleur crawling
● Un meilleur positionnement
Pour notre
copain
Google

10. Hissez-haut vos projets digitaux !
source : Fasterize

11. Les outils pour auditer
son site

12. Hissez-haut vos projets digitaux !
La bête noire des devs
https://developers.google.com/speed/pagespeed/insights

13. Hissez-haut vos projets digitaux !
Les outils “écolos” et pédagos
https://www.websitecarbon.com/

14. Hissez-haut vos projets digitaux !
www.pilot-in.com
Optimisation du site
Pilot’in
PAGESPEED INSIGHTS
Ordinateur
Téléphone
Vitesse du site
PINGDOM
Notes environnementales
WEBSITE CARBON
ECO INDEX

15. Hissez-haut vos projets digitaux !
www.bluekomet.fr
Sites testés :
Bluekomet : 0,8s
Marizia : 1,2 s
Glastetik : 0,8s
Optimisation du site
BlueKomet
PAGESPEED INSIGHTS
Ordinateur
Téléphone
Vitesse du site
PINGDOM
Notes environnementales
WEBSITE CARBON
ECO INDEX

16. Hissez-haut vos projets digitaux !
Affichage d’au moins 1 élément
avec lequel on peut interagir
Affichage de tous les éléments Fréquence de changements
inattendus sur la page (ex :
modification de police ou apparition
d’images)

17. Hissez-haut vos projets digitaux !

18. Hissez-haut vos projets digitaux !

19. Hissez-haut vos projets digitaux !

20. Les outils pour
optimiser
techniquement son site
WordPress

21. Eviter les thèmes et
faire le plus de
sur-mesure
possible

22. Page builder VS sur-mesure (Pilo’Press)
VS

23. Hissez Haut vos projets digitaux
Les avantages du Pilo’Press :
● Consistant : Dirigé par un Design System
● Simple d’utilisation : Moins d’options, moins de temps perdu à
chercher la bonne section
● Framework : Développement facile et réutilisable d’un site à l’autre
● Page Builder : Fonctionnement similaire à un page builder pour
l’utilisateur final
● Open source et Gratuit

24. Eviter les plugins à
problèmes
Plugins pas mis à jour
depuis 1 an et +
Plugins avec une note
inférieure à 3 et moins
Supprimer les extensions
(ou plugins) inutiles

25. Prenez un bon
hébergement et
boostez-le !
💰
Prix d’un bon serveur : entre 30
et 100€/mois
Ex : 30€/mois chez Pilot’in
🚨
Evitez les offres d’hébergement
mutualisé d’entrée de gamme
comme OVH à 2€/mois
https://bit.ly/offre-o2switch
www.litespeedtech.com

26. Les plugins
WordPress
Compression du CSS
Compression du JS
Amélioration de système de
cache serveur
Pour retailler et alléger vos
photos automatiquement
(Gratuit pour 200
images/mois environ)
Pour vos photos :
2560px de large
maximum
200ko maximum
Renommer le fichier avec
les bons mots clés
Ne flinguez pas tout !
Activez les options, testez
pour voir si le site reste
stable, revenez en arrière
si besoin !
👉🏻 Voir la page du plugin

27. Cloud et
optimisations
serveur

28. Les API externes

29. Adaptations graphiques

30. 1 3
2 4 5
ANIMATIONS et
LIBRAIRIES
2D ✔ 3D ❌
On peut avoir un effet
“waouh” tout en étant
éco. Privilégier les effets
2D aux effets 3D. (Moins
gourmand en ressources
sur CPU et GPU)
MOINS DE SECTIONS HABILLAGE
Illus / Textes ✔ Photos ❌
Dans le but d’avoir une
empreinte carbone la plus
faible possible, utiliser du
texte & des illustrations pour
habiller le site plutôt que des
photos.
FORMAT
WebP, WebM, Svg ✔
Jpg, Png, Mp4 ❌
Utiliser des ressources
optimisées pour le web
comme le format WebP pour
les images type visuel photo
et le format SVG pour les
icônes.
De manière générale…
Un design MINIMALISTE avec des éléments RECYCLÉS (réutilisés)
(Dans le but d’avoir un site le moins gourmand possible en ressources)
PRÉSENTATION
Images ✔ Vidéos ❌
Utiliser plutôt des visuels
légers et statiques. Les
vidéos utilisent
beaucoup de bande
passante sur les
serveurs.

31. La TODO à faire dans la
semaine pour doubler
votre temps de
chargement

32. To do
1. Changer d’hébergement pour o2switch ou un serveur dédié ⭐⭐⭐⭐⭐
2. Installer WP Rocket et cocher le plus d’options possibles (15 min) ⭐⭐⭐⭐⭐
3. Installez Imagify sur votre site WordPress et lancez-le pour optimiser vos images
existantes et les prochaines ⭐⭐⭐⭐
4. Faire le nettoyage dans les plugins installés ⭐⭐⭐
5. Mettre un CDN ⭐⭐⭐
6. Eviter les builders ⭐⭐⭐⭐⭐

33. Hissez-haut vos projets digitaux !
Les liens des outils
VAGUE 5

34. Les liens vers les outils :
👉🏻 PageSpeed Insights : https://developers.google.com/speed/pagespeed/insights
👉🏻 Website Carbon : https://www.websitecarbon.com/
👉🏻 o2switch : https://bit.ly/offre-o2switch
👉🏻 WP Rocket : http://bit.ly/plugin-wprocket
👉🏻 Imagify : https://imagify.io/fr

35. Pour aller plus loin

36. Voir le replay Voir le replay Voir le replay
Prospection e-mail Prospection LinkedIn Réaliser son CDC
Voir le replay
Voir la présentation Voir la présentation
Outils :
Prospectin
Kapsr
Lempod
Outils :
Prospectin
Dropcontact
Woodpecker
Hunter
Kapsr
Emaillistverify
ActiveCampaign
Voir la présentation
Outils :
Mindmeister
o2switch
Monday
Cahier des charges
prêt à l’emploi
Voir la présentation
Outils :
o2switch
Monday
Cahier des charges
prêt à l’emploi
Combien coûte un site ?

37. Tous nos outils magiques & astuces
🧙🏻‍♂
https://www.pilot-in.com/nos-outils-magiques/
Retrouvez tous les liens avec les versions gratuites et offres négociées
🎥
Tous nos prochains webinars : https://app.livestorm.co/pilot-in
Toutes nos vidéos en ligne : https://bit.ly/youtube-pilotin
📩
Soyez au courant de tous nos prochains contenus premiums gratuits :
https://www.pilot-in.com/nos-webinars/ (remplir le formulaire)

38. Agence de prospection digitale
Experte WordPress

39. Croissance continue
13 ans d’histoire
2008
Julien Dereumaux lance
son activité webmarketing
#optimiste
2013
Lancement de la
SAS Pilot’in
#pilotine
2017
Rachat de Lyon
Entreprises
#cargo
2021
21 personnes
dans l’équipage
#vedette

40. 21 marins spécialistes !
Actuellement en plein coeur de Lyon (Place des Terreaux)
👉🏻 Nos prochains locaux : 370m2 + terrasses et BBQ à 5 min de Bellecour & 100m de la piscine du rhône 🏊
Associés Pilotes de clientèle Stratégie digitale
Webdesign Développement WordPress
Consulter les CVs des matelots
Création de contenu vidéo et SEO Conseil avant-vente

42. Nos labels de qualité et récompenses
Certifié agence Partner Certifié fournisseur solutions Partenaire France
Certifié Facebook Ads Certifié Google Ads
Récompense webdesign
TOP 30 FRANCE de 2015 à 2020
des agences digitales

43. Ces organismes soutiennent Pilot’in au quotidien, au niveau de la RSE, de l’amélioration
continue, du recrutement et de sa R&D.
Nos partenaires & engagements

44. Innovation
6 ans de R&D sur WordPress
Et de nombreux projets en cours et en prévision
WordPress Pro Pilo’board Pilo’Press
Contributeur actif WordPress
Nos équipes contribuent à l’amélioration continue de WordPress. Nous
publions en Open Source différents plugins et participons aux
meetups et grands événements

45. Chiffres clés
Plus de 250 clients heureux !

46. Notre offre

47. Création et refonte de
sites
WordPress &
WooCommerce
Maintenance de sites et
TMA
Accompagnement
stratégie digitale et
prospection digitale
Création de contenu
Articles
Communiqués de presse
Etudes de cas
Interviews vidéo
Formations
en
Entreprise
Ecole
Test utilisateur
UX