SlideShare une entreprise Scribd logo
1  sur  15
Télécharger pour lire hors ligne
Importance du temps
de chargement de vos pages
Pour votre référencement




Pour votre trafic
Ce que permet un bon temps de chargement
Comment mesurer le temps de chargement de
              vos pages ?
<script language=»javascript»>
  NavName = navigator.appName.substring(0,3);
  NavVersion = navigator.appVersion.substring(0,1);

  if (NavName != «Mic» || NavVersion>=4){
     entree = new Date;
     entree = entree.getTime();
     }
function TpsChargement()
     {
     if (NavName != «Mic» || NavVersion >= 4){
       fin = new Date;
       fin = fin.getTime();
       secondes = (fin-entree)/1000;
       window.status=’Page chargée en ‘ + secondes + ‘ seconde(s).’;
       }
     }
</script>

Et dans l’évènement onload du body, il reste à ajouter l’appel de la fonction :

<body onload=»TpsChargement()»>
Outils automatiques
             de mesure et d’amélioration :

Page Speed




GTmetrix
Google Webmastertools




L’association de ces trois outils
Les facteurs pouvant ralentir
                               le temps de chargement :


Les redirections lentes




Redirections multiples




Redirection 301




Pages interstitielles




Serveur lent




Taille importante des pages
Quelques solutions «manuelles»
               pour réduire le temps de chargement :


-   Plus le nombre de requêtes http est important, plus la page sera longue à télécharger.


-   Compresser vos pages HTML pour économiser de précieux Ko, est très utile.




-   Utilisez le css plutôt qu’une image autant que possible ( bordure, ombre...).
-   Limitez au maximum la publicité sur votre site.




-   Modifier la taille directement dans Photoshop permet d’obtenir des images plus légère au
    bon format, plutôt que d’utiliser l’HTML pour modifier la taille.
- Inclure ses feuilles de style au début.
- Créez vos pages Web en cache




- Incluez vos scripts à la fin




-   Utilisez un Content Deliver Network ( CDN)
- Hébergez en local




- Evitez les widgets
- Utilisez des accélérateurs
Merci pour votre attention !

Contenu connexe

En vedette

Lejournaldesindignes2
Lejournaldesindignes2Lejournaldesindignes2
Lejournaldesindignes2WKTL-Agency
 
Cas pirelli Jorge Martins, MBA Marketing, Montreal
Cas pirelli  Jorge Martins, MBA Marketing, MontrealCas pirelli  Jorge Martins, MBA Marketing, Montreal
Cas pirelli Jorge Martins, MBA Marketing, Montrealjorgerodrigo.com
 
Beaute sauvage puis Kevin Richardson l'ami des lions
Beaute sauvage puis Kevin Richardson l'ami des lionsBeaute sauvage puis Kevin Richardson l'ami des lions
Beaute sauvage puis Kevin Richardson l'ami des lionslys167
 
La educación básica en méxico, preescolar, primaria y secundaria
La educación básica en méxico, preescolar, primaria y secundariaLa educación básica en méxico, preescolar, primaria y secundaria
La educación básica en méxico, preescolar, primaria y secundariaLilia G. Torres Fernández
 
BlogTrip Costa Blanca Calpe 2013. #calpemoción
BlogTrip Costa Blanca Calpe 2013. #calpemociónBlogTrip Costa Blanca Calpe 2013. #calpemoción
BlogTrip Costa Blanca Calpe 2013. #calpemociónCarmen Urbano
 
Les 6 catégories et calendrier
Les 6 catégories et calendrier Les 6 catégories et calendrier
Les 6 catégories et calendrier Contactcentres.be
 
RYANAIR, refonte digital & fêtes de fin d'année - e07
RYANAIR, refonte digital & fêtes de fin d'année - e07RYANAIR, refonte digital & fêtes de fin d'année - e07
RYANAIR, refonte digital & fêtes de fin d'année - e07HETIC
 
Chirurgie programmée et risque de récidive de mtev
Chirurgie programmée et risque de récidive de mtevChirurgie programmée et risque de récidive de mtev
Chirurgie programmée et risque de récidive de mtevARMVOP Médecin Vasculaire
 
La révolution cloud : la révolution des nouvelles technologies sur le SI
La révolution cloud : la révolution des nouvelles technologies sur le SILa révolution cloud : la révolution des nouvelles technologies sur le SI
La révolution cloud : la révolution des nouvelles technologies sur le SIDelphine Pramotton
 
Carte cantonale révisée
Carte cantonale réviséeCarte cantonale révisée
Carte cantonale réviséeFabrice Valéry
 
Media Habits Questionnaire Results
Media Habits Questionnaire ResultsMedia Habits Questionnaire Results
Media Habits Questionnaire Resultstamaragilll
 
Guía para la escritura del ensayo. Gamboa, Y. (1997)
Guía para la escritura del ensayo. Gamboa, Y. (1997)Guía para la escritura del ensayo. Gamboa, Y. (1997)
Guía para la escritura del ensayo. Gamboa, Y. (1997)Lilia G. Torres Fernández
 
Criterios de la planeación en la educación superior en México
Criterios de la planeación en la educación superior en MéxicoCriterios de la planeación en la educación superior en México
Criterios de la planeación en la educación superior en MéxicoLilia G. Torres Fernández
 

En vedette (20)

Lejournaldesindignes2
Lejournaldesindignes2Lejournaldesindignes2
Lejournaldesindignes2
 
FEDERICO GARCÍA LORCA
FEDERICO GARCÍA LORCAFEDERICO GARCÍA LORCA
FEDERICO GARCÍA LORCA
 
Cas pirelli Jorge Martins, MBA Marketing, Montreal
Cas pirelli  Jorge Martins, MBA Marketing, MontrealCas pirelli  Jorge Martins, MBA Marketing, Montreal
Cas pirelli Jorge Martins, MBA Marketing, Montreal
 
Beaute sauvage puis Kevin Richardson l'ami des lions
Beaute sauvage puis Kevin Richardson l'ami des lionsBeaute sauvage puis Kevin Richardson l'ami des lions
Beaute sauvage puis Kevin Richardson l'ami des lions
 
La educación básica en méxico, preescolar, primaria y secundaria
La educación básica en méxico, preescolar, primaria y secundariaLa educación básica en méxico, preescolar, primaria y secundaria
La educación básica en méxico, preescolar, primaria y secundaria
 
Cote d'Azur
Cote d'AzurCote d'Azur
Cote d'Azur
 
Photos Anciennes
Photos AnciennesPhotos Anciennes
Photos Anciennes
 
BlogTrip Costa Blanca Calpe 2013. #calpemoción
BlogTrip Costa Blanca Calpe 2013. #calpemociónBlogTrip Costa Blanca Calpe 2013. #calpemoción
BlogTrip Costa Blanca Calpe 2013. #calpemoción
 
M, un monde de marques
M, un monde de marquesM, un monde de marques
M, un monde de marques
 
Les 6 catégories et calendrier
Les 6 catégories et calendrier Les 6 catégories et calendrier
Les 6 catégories et calendrier
 
RYANAIR, refonte digital & fêtes de fin d'année - e07
RYANAIR, refonte digital & fêtes de fin d'année - e07RYANAIR, refonte digital & fêtes de fin d'année - e07
RYANAIR, refonte digital & fêtes de fin d'année - e07
 
Chirurgie programmée et risque de récidive de mtev
Chirurgie programmée et risque de récidive de mtevChirurgie programmée et risque de récidive de mtev
Chirurgie programmée et risque de récidive de mtev
 
La révolution cloud : la révolution des nouvelles technologies sur le SI
La révolution cloud : la révolution des nouvelles technologies sur le SILa révolution cloud : la révolution des nouvelles technologies sur le SI
La révolution cloud : la révolution des nouvelles technologies sur le SI
 
Urdu 37
Urdu 37Urdu 37
Urdu 37
 
Carte cantonale révisée
Carte cantonale réviséeCarte cantonale révisée
Carte cantonale révisée
 
Media Habits Questionnaire Results
Media Habits Questionnaire ResultsMedia Habits Questionnaire Results
Media Habits Questionnaire Results
 
Guía para la escritura del ensayo. Gamboa, Y. (1997)
Guía para la escritura del ensayo. Gamboa, Y. (1997)Guía para la escritura del ensayo. Gamboa, Y. (1997)
Guía para la escritura del ensayo. Gamboa, Y. (1997)
 
Cours de cuisines
Cours de cuisinesCours de cuisines
Cours de cuisines
 
Mots Liste1
Mots Liste1Mots Liste1
Mots Liste1
 
Criterios de la planeación en la educación superior en México
Criterios de la planeación en la educación superior en MéxicoCriterios de la planeación en la educación superior en México
Criterios de la planeación en la educación superior en México
 

Similaire à Importance du chargement des pages

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ériqueThom. Poole
 
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
 
Optimisez la vitesse de chargement de votre site
Optimisez la vitesse de chargement de votre siteOptimisez la vitesse de chargement de votre site
Optimisez la vitesse de chargement de votre siteWebxFrance
 
Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...
Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...
Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...Peak Ace
 
Amélioration des performances eCommerce - Webinaire par aYaline
Amélioration des performances eCommerce - Webinaire par aYalineAmélioration des performances eCommerce - Webinaire par aYaline
Amélioration des performances eCommerce - Webinaire par aYalineaYaline
 
Core Web Vitals : Comprendre, Mesurer, Optimiser
Core Web Vitals : Comprendre, Mesurer, OptimiserCore Web Vitals : Comprendre, Mesurer, Optimiser
Core Web Vitals : Comprendre, Mesurer, OptimiseriProspect France
 
Morning tech #2 - Démarche performance slides
Morning tech #2 - Démarche performance slidesMorning tech #2 - Démarche performance slides
Morning tech #2 - Démarche performance slidesOxalide
 
Oxalide Morning tech #2 - démarche performance
Oxalide Morning tech #2 - démarche performanceOxalide Morning tech #2 - démarche performance
Oxalide Morning tech #2 - démarche performanceLudovic Piot
 
« 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 parisPeak Ace
 
Temps de chargement / Présentation du petit déjeuner
Temps de chargement / Présentation du petit déjeuner Temps de chargement / Présentation du petit déjeuner
Temps de chargement / Présentation du petit déjeuner Frédéric Van Cauwenberge
 
Créer un site internet ou un blog
Créer un site internet ou un blogCréer un site internet ou un blog
Créer un site internet ou un blogSéverine Alix
 
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 SEOPeak Ace
 
Kiwiparty 2011 - Optimisation des sites internet
Kiwiparty 2011 - Optimisation des sites internetKiwiparty 2011 - Optimisation des sites internet
Kiwiparty 2011 - Optimisation des sites internetDevclic
 
Les 7 commandements pour réduire vos temps de chargement
Les 7 commandements pour réduire vos temps de chargementLes 7 commandements pour réduire vos temps de chargement
Les 7 commandements pour réduire vos temps de chargementJulie DULOT
 
Yass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptxYass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptxyassinesouli2
 
Le SEO JavaScript démystifié
Le SEO JavaScript démystifiéLe SEO JavaScript démystifié
Le SEO JavaScript démystifiéAdrien Russo
 
Webinar - Construire le cahier des charges de son site web.pdf
Webinar - Construire le cahier des charges de son site web.pdfWebinar - Construire le cahier des charges de son site web.pdf
Webinar - Construire le cahier des charges de son site web.pdfJulien Dereumaux
 
jQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-sidejQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-sidemaru.maru
 
Initiation Webperf : Comprendre, analyser et optimiser les performances web F...
Initiation Webperf : Comprendre, analyser et optimiser les performances web F...Initiation Webperf : Comprendre, analyser et optimiser les performances web F...
Initiation Webperf : Comprendre, analyser et optimiser les performances web F...Kenny Dits
 

Similaire à Importance du chargement des pages (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
 
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 ?
 
Optimisez la vitesse de chargement de votre site
Optimisez la vitesse de chargement de votre siteOptimisez la vitesse de chargement de votre site
Optimisez la vitesse de chargement de votre site
 
Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...
Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...
Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...
 
Amélioration des performances eCommerce - Webinaire par aYaline
Amélioration des performances eCommerce - Webinaire par aYalineAmélioration des performances eCommerce - Webinaire par aYaline
Amélioration des performances eCommerce - Webinaire par aYaline
 
Core Web Vitals : Comprendre, Mesurer, Optimiser
Core Web Vitals : Comprendre, Mesurer, OptimiserCore Web Vitals : Comprendre, Mesurer, Optimiser
Core Web Vitals : Comprendre, Mesurer, Optimiser
 
Morning tech #2 - Démarche performance slides
Morning tech #2 - Démarche performance slidesMorning tech #2 - Démarche performance slides
Morning tech #2 - Démarche performance slides
 
Oxalide Morning tech #2 - démarche performance
Oxalide Morning tech #2 - démarche performanceOxalide Morning tech #2 - démarche performance
Oxalide Morning tech #2 - démarche performance
 
« 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
 
Temps de chargement / Présentation du petit déjeuner
Temps de chargement / Présentation du petit déjeuner Temps de chargement / Présentation du petit déjeuner
Temps de chargement / Présentation du petit déjeuner
 
Créer un site internet ou un blog
Créer un site internet ou un blogCréer un site internet ou un blog
Créer un site internet ou un blog
 
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
 
Kiwiparty 2011 - Optimisation des sites internet
Kiwiparty 2011 - Optimisation des sites internetKiwiparty 2011 - Optimisation des sites internet
Kiwiparty 2011 - Optimisation des sites internet
 
Les 7 commandements pour réduire vos temps de chargement
Les 7 commandements pour réduire vos temps de chargementLes 7 commandements pour réduire vos temps de chargement
Les 7 commandements pour réduire vos temps de chargement
 
Yass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptxYass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptx
 
Le SEO JavaScript démystifié
Le SEO JavaScript démystifiéLe SEO JavaScript démystifié
Le SEO JavaScript démystifié
 
Webinar - Construire le cahier des charges de son site web.pdf
Webinar - Construire le cahier des charges de son site web.pdfWebinar - Construire le cahier des charges de son site web.pdf
Webinar - Construire le cahier des charges de son site web.pdf
 
jQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-sidejQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-side
 
Initiation Webperf : Comprendre, analyser et optimiser les performances web F...
Initiation Webperf : Comprendre, analyser et optimiser les performances web F...Initiation Webperf : Comprendre, analyser et optimiser les performances web F...
Initiation Webperf : Comprendre, analyser et optimiser les performances web F...
 
REX : la webperf chez RueDuCommerce
REX : la webperf chez RueDuCommerceREX : la webperf chez RueDuCommerce
REX : la webperf chez RueDuCommerce
 

Dernier

A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.Franck Apolis
 
presentation l'interactionnisme symbolique finale.pptx
presentation l'interactionnisme symbolique  finale.pptxpresentation l'interactionnisme symbolique  finale.pptx
presentation l'interactionnisme symbolique finale.pptxMalikaIdseaid1
 
Mécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.pptMécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.pptssusercbaa22
 
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptxSUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptxssuserbd075f
 
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptxSAID MASHATE
 
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdfCOURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdfabatanebureau
 
Approche-des-risques-par-l’analyse-des-accidents-1.pptx
Approche-des-risques-par-l’analyse-des-accidents-1.pptxApproche-des-risques-par-l’analyse-des-accidents-1.pptx
Approche-des-risques-par-l’analyse-des-accidents-1.pptxssusercbaa22
 
Boléro. pptx Film français réalisé par une femme.
Boléro.  pptx   Film   français   réalisé  par une  femme.Boléro.  pptx   Film   français   réalisé  par une  femme.
Boléro. pptx Film français réalisé par une femme.Txaruka
 
gestion des conflits dans les entreprises
gestion des  conflits dans les entreprisesgestion des  conflits dans les entreprises
gestion des conflits dans les entreprisesMajdaKtiri2
 
Cours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdfCours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdfachrafbrahimi1
 
Bolero. pptx . Film de A nnne Fontaine
Bolero. pptx . Film   de  A nnne FontaineBolero. pptx . Film   de  A nnne Fontaine
Bolero. pptx . Film de A nnne FontaineTxaruka
 
La nouvelle femme . pptx Film français
La   nouvelle   femme  . pptx  Film françaisLa   nouvelle   femme  . pptx  Film français
La nouvelle femme . pptx Film françaisTxaruka
 
Sidonie au Japon . pptx Un film français
Sidonie    au   Japon  .  pptx  Un film françaisSidonie    au   Japon  .  pptx  Un film français
Sidonie au Japon . pptx Un film françaisTxaruka
 
MaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.pptMaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.pptssusercbaa22
 
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...M2i Formation
 

Dernier (16)

A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.
 
presentation l'interactionnisme symbolique finale.pptx
presentation l'interactionnisme symbolique  finale.pptxpresentation l'interactionnisme symbolique  finale.pptx
presentation l'interactionnisme symbolique finale.pptx
 
Mécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.pptMécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.ppt
 
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptxSUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
 
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
 
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdfCOURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
 
Approche-des-risques-par-l’analyse-des-accidents-1.pptx
Approche-des-risques-par-l’analyse-des-accidents-1.pptxApproche-des-risques-par-l’analyse-des-accidents-1.pptx
Approche-des-risques-par-l’analyse-des-accidents-1.pptx
 
Boléro. pptx Film français réalisé par une femme.
Boléro.  pptx   Film   français   réalisé  par une  femme.Boléro.  pptx   Film   français   réalisé  par une  femme.
Boléro. pptx Film français réalisé par une femme.
 
gestion des conflits dans les entreprises
gestion des  conflits dans les entreprisesgestion des  conflits dans les entreprises
gestion des conflits dans les entreprises
 
Cours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdfCours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdf
 
Bolero. pptx . Film de A nnne Fontaine
Bolero. pptx . Film   de  A nnne FontaineBolero. pptx . Film   de  A nnne Fontaine
Bolero. pptx . Film de A nnne Fontaine
 
La nouvelle femme . pptx Film français
La   nouvelle   femme  . pptx  Film françaisLa   nouvelle   femme  . pptx  Film français
La nouvelle femme . pptx Film français
 
Sidonie au Japon . pptx Un film français
Sidonie    au   Japon  .  pptx  Un film françaisSidonie    au   Japon  .  pptx  Un film français
Sidonie au Japon . pptx Un film français
 
MaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.pptMaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.ppt
 
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
 
Evaluación Alumnos de Ecole Victor Hugo
Evaluación Alumnos de Ecole  Victor HugoEvaluación Alumnos de Ecole  Victor Hugo
Evaluación Alumnos de Ecole Victor Hugo
 

Importance du chargement des pages

  • 1. Importance du temps de chargement de vos pages
  • 3. Ce que permet un bon temps de chargement
  • 4. Comment mesurer le temps de chargement de vos pages ?
  • 5. <script language=»javascript»> NavName = navigator.appName.substring(0,3); NavVersion = navigator.appVersion.substring(0,1); if (NavName != «Mic» || NavVersion>=4){ entree = new Date; entree = entree.getTime(); } function TpsChargement() { if (NavName != «Mic» || NavVersion >= 4){ fin = new Date; fin = fin.getTime(); secondes = (fin-entree)/1000; window.status=’Page chargée en ‘ + secondes + ‘ seconde(s).’; } } </script> Et dans l’évènement onload du body, il reste à ajouter l’appel de la fonction : <body onload=»TpsChargement()»>
  • 6. Outils automatiques de mesure et d’amélioration : Page Speed GTmetrix
  • 8. Les facteurs pouvant ralentir le temps de chargement : Les redirections lentes Redirections multiples Redirection 301 Pages interstitielles Serveur lent Taille importante des pages
  • 9. Quelques solutions «manuelles» pour réduire le temps de chargement : - Plus le nombre de requêtes http est important, plus la page sera longue à télécharger. - Compresser vos pages HTML pour économiser de précieux Ko, est très utile. - Utilisez le css plutôt qu’une image autant que possible ( bordure, ombre...).
  • 10. - Limitez au maximum la publicité sur votre site. - Modifier la taille directement dans Photoshop permet d’obtenir des images plus légère au bon format, plutôt que d’utiliser l’HTML pour modifier la taille.
  • 11. - Inclure ses feuilles de style au début.
  • 12. - Créez vos pages Web en cache - Incluez vos scripts à la fin - Utilisez un Content Deliver Network ( CDN)
  • 13. - Hébergez en local - Evitez les widgets
  • 14. - Utilisez des accélérateurs
  • 15. Merci pour votre attention !