Laten we beginnen. Het is Gratis
of registreren met je e-mailadres
Webperformance Door Mind Map: Webperformance

1. Accélérer la vitesse de mon site

1.1. Optimiser le front-end de mon site - FEO

1.1.1. Javascript

1.1.1.1. Comment optimiser mon javascript ?

1.1.1.1.1. Script Third Party

1.1.1.1.2. Librairie / Framework Javascript

1.1.1.1.3. Les stratégies d'implémentation

1.1.1.2. Pourquoi le javascript ralenti mon site ?

1.1.1.2.1. Pourquoi il faut limiter l'appel script Third Party

1.1.1.2.2. Pourquoi il faut éviter d'utiliser trop de librairie javascript ?

1.1.2. Image

1.1.2.1. Pourquoi mes images sont longues à s'afficher sur mon site ?

1.1.2.1.1. Mes images sont trop lourdes

1.1.2.1.2. J'ai trop d'images sur mon site

1.1.2.1.3. J'utilise un mauvais format d'image

1.1.2.1.4. Mes images ne sont pas optimisées pour le web

1.1.2.2. Comment optimiser mes images de mon site ?

1.1.2.2.1. Les outils

1.1.2.2.2. Les stratégies d'intégration

1.1.2.2.3. Choisir le bon format d'image

1.1.3. Font

1.1.3.1. Comment optimiser mes polices ?

1.1.3.1.1. Quels formats utiliser ?

1.1.3.1.2. Les stratégies d'intégration

1.1.3.2. Quel type de problème peut provoquer les polices sur mon site

1.1.3.2.1. Pourquoi j'ai un effet de scintillement avant que ma police apparaisse ?

1.1.3.2.2. Pourquoi il ne faut pas utiliser trop de fonts sur site

1.1.4. CSS

1.1.4.1. Comment optimiser mes CSS ?

1.1.4.1.1. Les stratégies d'intégration

1.1.4.2. Pourquoi mon CSS ralenti mon site

1.1.4.2.1. Style CSS écrit en dure dans la page

1.1.4.2.2. Utilisation d'ancien préfixe pour le navigateur

1.1.4.2.3. surcharge d'un style avec la balise !important

1.2. Comment optimiser le back-end de mon site ? ► Optimiser le temps de chargement backend d'un site

1.2.1. Comment mettre en place le module apache Page Speed Insight de Google ?

1.2.1.1. Est-ce que c'est compliqué de déployer ce module sur mon serveur ?

1.2.1.2. Quels sont les gains à espérer en déployant le module Page Speed Insight sur mon site ?

1.2.2. Comment mettre en place le protocole HTTP/2

1.2.2.1. Différence HTTP/1 vs HTTP/2

1.2.2.2. Benchmark HTTP/1 vs HTTP/2

1.2.2.3. Quels sont les gains à espérer en passant sur le protocole HTTP/2 ?

1.2.3. Quels sont les solutions de cache que je peux mettre en place sur mon site ? ► Solutions cache

1.2.3.1. Mettre en place un CDN ► CDN

1.2.3.1.1. Pourquoi mettre en place un CDN

1.2.3.1.2. Comment mettre en place un CDN

1.2.3.1.3. Quel CDN choisir ► Comment choisir un CDN ?

1.2.3.2. Mettre en place un Varnish ► Cache varnish

1.2.3.3. Mettre en place du cache navigateur ► Cache navigateur

1.2.3.4. Utiliser des plugins de cache ► Plug-in cache

1.2.3.4.1. 💥A creuser l'ensemble des plugins de cache par type de CMS / Serveur

1.2.4. Héberger son site. ► Comment héberger son site internet ?

1.2.4.1. Quel hébergeur choisir ?

1.2.4.1.1. OVH

1.2.4.1.2. Linkbynet

1.2.4.1.3. Google cloud

1.2.4.1.4. AWS

1.2.4.1.5. Oxalide

1.2.4.2. Quel type de serveur choisir ?

1.2.4.2.1. Mutualisé ► Héberger son site sur un serveur mutualisé

1.2.4.2.2. Dédié ► Héberger son site sur un serveur dédié

1.2.4.2.3. Cloud ► Hébergement site dans le cloud

1.2.4.3. conseil pour choisir un hébergeur ► x conseil pour choisir un hébergeur

1.3. Comment recruter un expert de la webperf ► Recruter un expert webperf

1.3.1. Qu'elle est le salaire d'un expert de la webperf ? ► Salaire expert web performance

1.3.2. Qu'elles sont les bonnes questions à poser pendant un entretien pour recruter un expert webperf ? ► Question à poser pour recruter un expert webperf

1.3.3. Ou ? ► Site spécialisé pour recruter un expert web performance

1.3.3.1. Existe-t-il des agences spécialisés pour recruter des profils avec des compétences webperf ? ► Agence spécialisé web performance

1.3.3.2. Existe-t-il des sites d'emplois spécialisés pour recruter un expert webperf ? ► Site emploi spécialisé web performance

1.3.3.3. Existe-t-il des cabinets de recrutement spécialisé dans les profils webperf ? ► Cabinet de recrutement spécialisé web performance

1.3.3.4. Existe-t-il des formations spécialisées web performance ? ► Formation web performance

1.3.3.5. Existe-t-il des plateformes de freelance pour les profil web performance ► Expert webperf freelance

1.3.4. Profil

1.3.4.1. Consultant web performance

1.3.4.2. Expert web performance

1.3.4.3. Expert Front end optimization

1.3.4.4. Expert technique web performance

2. Est-ce que mes taux de transformation sont mauvais parce que mon site est lent ?

2.1. Quels sont les impacts d'un site lent ► Impact site lent

2.1.1. UX

2.1.1.1. Est-ce que mes clients vont quitter mon site parce qu'il est lent ?

2.1.1.1.1. Taux de rebond ► Comment faire baisser le taux de rebond ?

2.1.1.1.2. Pages vues par session ► Comment augmenter le nombre de pages vues ?

2.1.1.1.3. Durée de session ► Comment augmenter la durée d'une session ?

2.1.1.2. Un site lent dégrade-t-il l'expérience utilisateur de mes clients ? ► Impact vitesse de chargement sur l'expérience utilisateur

2.1.1.2.1. Pourquoi mes avis clients sont mauvais sur mobile ?

2.1.1.2.2. Pourquoi je n'arrive pas à convertir les personnes qui visitent mon site en client ?

2.1.1.2.3. Est-ce qu'un site lent va dégrader mon image de marque ?

2.1.2. Business

2.1.2.1. Est-ce qu'un site lente va impacter mon chiffre d'affaire ? ► Impact site lent sur le CA

2.1.2.1.1. Pourquoi il faut que mon site s'affiche en moins de trois secondes ?

2.1.2.1.2. Est-ce qu'il y a une corrélation entre taux de conversion et la vitesse de mon site ? ► Corrélation vitesse de mon site taux de conversion

2.1.2.1.3. Taux de transformation ► Comment améliorer mon taux de conversion ?

2.1.2.2. Est-ce qu'un site lent va impacter le ROI de mes investissement marketing ► Optimiser son taux de conversion sur les investissement marketing

2.1.2.2.1. Pourquoi j'ai des mauvais taux de conversion sur mes campagnes adword ? ► Optimiser son taux de conversion sur Google Adword

2.1.2.2.2. Pourquoi j'ai des mauvais taux de conversion sur mes campagnes e-mail marketing ? ► Optimiser son taux de conversion sur une campagne e-mailing

2.1.2.2.3. Pourquoi j'ai des mauvais taux de conversion sur mon trafic SEO ► Optimiser son taux de conversion sur le seo

2.1.3. Référencement

2.1.3.1. Est-ce que je risque une pénalité de Google si mon site est lent ? ► Pénalité Google site lent

2.1.3.2. Est-ce que la vitesse est un critère de classement de l'algorithme de Google ? ► La vitesse est-elle un critère important pour Google

2.1.3.3. Est-ce que Google indexe moins de page parce que mon site est lent ? ► Corrélation indexation vitesse d'un site

2.1.3.4. Est-ce que Google va crawler moins de page parce que mon site est lent ? ► Corrélation nombre de pages crawlés vitesse d'un site

2.1.3.4.1. C'est quoi le crawl budget ► Crawl budget définition

2.2. Comment déterminer que mon site est lent ? ► Audit vitesse de chargement d'un site

2.2.1. Quels sont les outils pour auditer la vitesse de mon site ► Outils monitoring web performance

2.2.1.1. Définition Real User Monitoring

2.2.1.1.1. SpeedCurve ► Présentation SpeedCurve

2.2.1.1.2. Sitespeed ► Présentation Sitespeed

2.2.1.1.3. Quanta ► Présentation Quanta

2.2.1.1.4. Boomerang JS c Présentation Boomerang JS

2.2.1.1.5. Google analytics ► Rapports webperf dans Google Analytics

2.2.1.1.6. Crux ► Rapports webperf Crux

2.2.1.1.7. Comparatif outils RUM ► Comparatif outils Real User Monitoring

2.2.1.1.8. Qu'elle est le meilleur outil de Real User Monitoring?

2.2.1.1.9. Benchmark outil Real User Monitoring ► Benchmark solutions Real User Monitoring

2.2.1.2. Définition Synthétique Monitoring

2.2.1.2.1. PageSpeed Insight ► Présentation PageSpeed Insight

2.2.1.2.2. Webpagetest ► Présentation

2.2.1.2.3. GTMetrix ► Présentation

2.2.1.2.4. DareBoost ► Présentation

2.2.1.2.5. LightHouse ► Présentation

2.2.1.2.6. Pingdom ► Présentation

2.2.1.2.7. Comparatif outil Synthétique Monitoring ► Comparatif outil monitoring webperf

2.2.1.2.8. Qu'elle est le meilleur outil ► Qu'elle est le meilleur outil de monitoring webperf

2.2.1.2.9. Benchmark outil SM ► Benchmark solutions monitoring webperf

2.2.1.3. Qu'elle est la différence entre le Real User Monitoring et le Synthétique Monitoring

2.2.2. Quels sont les métriques importantes pour déterminer qu'un site est lent ? ► Métrique webperf

2.2.2.1. Les métriques UX ► Métriques UX orienté webperf

2.2.2.1.1. Définition Speed Index

2.2.2.1.2. Définition Time To Interactive

2.2.2.1.3. Définition First Meaningful Paint

2.2.2.1.4. Définition First CPU Idle

2.2.2.1.5. Définition First Input Delay

2.2.2.1.6. Définition Start Render

2.2.2.1.7. Définition Largest Contentful Paint

2.2.2.1.8. Définition Cumulative Layout Shift

2.2.2.1.9. Définition Total Blocking Time

2.2.2.1.10. Définition PageSpeed Insight

2.2.2.2. Les métriques brutes

2.2.2.2.1. Définition Time To First Byte

2.2.2.2.2. Définition poids de la page

2.2.2.2.3. Définition Time To First Byte

2.2.2.2.4. Définition nombre de requêtes

2.3. Est-ce que mon CMS est lent ?

2.3.1. Magento ► CMS Magento

2.3.1.1. Pourquoi mon site Magento est lent ► Pourquoi Magento est lent ?

2.3.1.1.1. Approfondir la branche en analysant les problématiques qui ralentissent le CMS Magento

2.3.1.1.2. Comment faire un audit webperf de mon site Magento ► Audit webperf Magento

2.3.1.2. Comment accélérer mon CMS Magento ► Accélérer la vitesse de chargement Magento

2.3.1.2.1. Est-ce qu'il existe des plug-in Magento pour avoir un site rapide ► Plug-in pour accélérer la vitesse de chargement Magento

2.3.1.2.2. Améliorer mes scores des outils webperf ► Optimiser mes métriques webperf sur Magento

2.3.1.3. Présentation de quelques sites sur Magento

2.3.2. Hybris ► CMS Hybris

2.3.2.1. Pourquoi mon site Hybris est lent ► Pourquoi Hybris est lent ?

2.3.2.1.1. Approfondir la branche en analysant les problématiques qui ralentissent le CMS Hybris

2.3.2.1.2. Comment faire un audit webperf de mon site Hybris ► Audit webperf Hybris

2.3.2.2. Comment accélérer mon CMS Hybris ► Accélérer la vitesse de chargement Hybris

2.3.2.2.1. Est-ce qu'il existe des plug-in Hybris pour avoir un site rapide ► Plug-in pour accélérer la vitesse de cahrgement Hybris

2.3.2.2.2. Améliorer mes scores des outils webperf ► Optimiser mes métriques webperf sur Hybris

2.3.2.3. Présentation de quelques sites sur Hybris

2.3.3. Prestashop ► CMS Prestashop

2.3.3.1. Pourquoi mon site Prestashop est lent ► Pourquoi Prestashop est lent ?

2.3.3.1.1. Approfondir la branche en analysant les problématiques qui ralentissent le CMS Prestashop

2.3.3.1.2. Comment faire un audit webperf de mon site Prestashop ► Audit webperf Prestashop

2.3.3.2. Comment accélérer mon CMS Prestashop ► Accélérer la vitesse de chargement Prestashop

2.3.3.2.1. Est-ce qu'il existe des plug-in Prestashop pour avoir un site rapide ► Plug-in pour accélérer la vitesse de chargement Prestashop

2.3.3.2.2. Améliorer mes scores des outils webperf ► Optimiser mes métriques webperf sur Prestashop

2.3.3.3. Présentation de quelques sites sur Prestashop

2.3.4. Wordpress ► CMS Wordpress

2.3.4.1. Pourquoi mon site Wordpress est lent ► Pourquoi Wordpress est lent ?

2.3.4.1.1. Approfondir la branche en analysant les problématiques qui ralentissent le CMS Wordpress

2.3.4.1.2. Comment faire un audit webperf de mon site Wordpress ► Audit webperf Wordpress

2.3.4.2. Comment accélérer mon CMS Wordpress ► Accélérer la vitesse de chargement Wordpress

2.3.4.2.1. Est-ce qu'il existe des plug-in Wordpress pour avoir un site rapide ► Plug-in pour accélérer la vitesse de chargement Wordpress

2.3.4.2.2. Améliorer mes scores des outils webperf ► Optimiser mes métriques webperf sur Wordpress

2.3.4.3. Présentation de quelques sites sur Wordpress

2.3.5. Drupal ► CMS Drupal

2.3.5.1. Pourquoi mon site Drupal est lent ► Pourquoi Drupal est lent ?

2.3.5.1.1. Approfondir la branche en analysant les problématiques qui ralentissent le CMS Drupal

2.3.5.1.2. Comment faire un audit webperf de mon site Drupal ► Audit webperf Drupal

2.3.5.2. Comment accélérer mon CMS Drupal ► Accélérer la vitesse de chargement Drupal

2.3.5.2.1. Est-ce qu'il existe des plug-in Drupal pour avoir un site rapide ► Plug-in pour accélérer la vitesse de chargement Drupal

2.3.5.2.2. Améliorer mes scores des outils webperf ► Optimiser mes métriques webperf sur Drupal

2.3.5.3. Présentation de quelques sites sur Drupal

2.3.6. SaleForce ► CMS SaleForce

2.3.6.1. Pourquoi mon site SaleForce est lent ► Pourquoi SaleForce est lent ?

2.3.6.1.1. Approfondir la branche en analysant les problématiques qui ralentissent le CMS SaleForce

2.3.6.1.2. Comment faire un audit webperf de mon site SaleForce ► Audit webperf SaleForce

2.3.6.2. Comment accélérer mon CMS SaleForce ► Accélérer la vitesse de chargement SaleForce

2.3.6.2.1. Est-ce qu'il existe des plug-in SaleForce pour avoir un site rapide ► Plug-in pour accélérer la vitesse de chargement SaleForce

2.3.6.2.2. Améliorer mes scores des outils webperf ► Optimiser mes métriques webperf sur SaleForce

2.3.6.3. Présentation de quelques sites sur SaleForce

2.3.7. Shopify ► CMS Shopify

2.3.7.1. Pourquoi mon site Shopify est lent ► Pourquoi Shopify est lent ?

2.3.7.1.1. Approfondir la branche en analysant les problématiques qui ralentissent le CMS Shopify

2.3.7.1.2. Comment faire un audit webperf de mon site Shopify ► Audit webperf shopify

2.3.7.2. Comment accélérer mon CMS Prestashop ► Accélérer la vitesse de chargement Shopify

2.3.7.2.1. Est-ce qu'il existe des plug-in Shopify pour avoir un site rapide ► Plug-in pour accélérer la vitesse de chargement Shopify

2.3.7.2.2. Améliorer mes scores des outils webperf ► Optimiser mes métriques webperf sur Shopify

2.3.7.3. Présentation de quelques sites sur Shopify