SlideShare une entreprise Scribd logo
1  sur  11
www.revue-hebergement-web.com
Les moteurs de recherche pénalisent les sites lents
Les internautes ne sont plus tolérant. 2
secondes et puis ils quittent la page
Éviter de redimensionner l’image avec le CSS ou le
code HTML
Cela oblige les navigateurs web a exécuter plusieurs
commandes intitules: traitement des images
initiales, puis leurs redimensionnement
Optimiser vos images avec Yahoo! Smush.it™
Redimensionner vos images avec un éditeur avant de
les ajouter sur votre site
Chaque plugin installé consomme des ressource
pour fonctionner
Plus de plugins plus lent est le site
Demandez-vous si la fonctionnalité que vous gagnez
avec un plugin vaut le compromis de la vitesse du site
Voir si possible d’intégrer le plugin dans le thème de
votre site à la place
Indépendamment de ce que votre site web
utilise comme plateforme. Un vérification des
mises à jours des scripts est indispensable
Faites le automatiquement ou manuellement
N’oubliez pas de faire une sauvegarde
complète avant
Content delivery networks (Réseaux de contenu
de livraison) ou, CDNs - sont de vastes réseaux de
serveurs qui sont localisé un peu partout dans le
monde
Les visiteurs de votre site sont servis à partir du
serveur le plus proche d’eux = Temps de chargement
de site plus rapide.
Example de CDN : MaxCDN.COM
La mise en cache permet au navigateur d'un
visiteur de stocker des copies des pages, si le visiteur
revient dans l'avenir, le contenu est chargé à partir
de la mémoire cache - plutôt que de recharger la
page entière.
Économie sur le nombre de ressources utilisées
pour afficher vos pages.
Example: Le plugin W3 Total Cache pour
WordPress.
Sinon, parlez-en à votre développeur web sur les
façons d'intégrer un cache du navigateur dans le
code de votre site.
La compression Gzip réduit la taille des réponses
HTTP du navigateur
3 façons pour l’activer:
1- Ajoutez le code suivant à htaccess
# compress text, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
# Ou, compression de certains type de fichiers en fonction de l’extension:
SetOutputFilter DEFLATE
Effet de la compression gzip
2. Ajoutez le code suivant au début de votre code
HTML ou une page PHP:
<?php if (substr_count($_SERVER*'HTTP_ACCEPT_ENCODING'+, ‘gzip’))
ob_start(“ob_gzhandler”); else ob_start(); ?>
3- Installer un plugin de compression Gzip
Comme WP HTTP Compression pour WordPress
Effet de la compression gzip
Ajouter les fichiers CSS à la partie supérieure du code de votre page (entre les balises <head>
</head>)
Le Javascript en bas avant la balise </body>
http://www.revue-hebergement-
web.com/articles/Webdesign_et_programmation
/7_astuces_pour_accelerer_votre_site_web/
www.revue-hebergement-web.com

Contenu connexe

En vedette

Підкуп виборців
Підкуп виборцівПідкуп виборців
Підкуп виборцівcnopora
 
Pogorelova
PogorelovaPogorelova
Pogorelovacnopora
 
Petersen presentación animada
Petersen   presentación animadaPetersen   presentación animada
Petersen presentación animadaAgus Petersen
 
Tabela Campeonato Pernambucano Feminino 2014 - 2ª fase
Tabela Campeonato Pernambucano Feminino 2014 - 2ª faseTabela Campeonato Pernambucano Feminino 2014 - 2ª fase
Tabela Campeonato Pernambucano Feminino 2014 - 2ª faseFPF PE
 
L'escleriade chambre d'hôtes de charme
L'escleriade chambre d'hôtes de charmeL'escleriade chambre d'hôtes de charme
L'escleriade chambre d'hôtes de charmeVanillethebest
 
лідерство л. татаринова
лідерство л. татариновалідерство л. татаринова
лідерство л. татариноваOlena Bashun
 
Как создать скорм-пакет мини-курсов. Практика. Елена Черныш
Как создать скорм-пакет мини-курсов. Практика. Елена ЧернышКак создать скорм-пакет мини-курсов. Практика. Елена Черныш
Как создать скорм-пакет мини-курсов. Практика. Елена ЧернышCorporate_E-Learning_UA
 
Introduction to TitanDB
Introduction to TitanDB Introduction to TitanDB
Introduction to TitanDB Knoldus Inc.
 
Autres activités des he
Autres activités des heAutres activités des he
Autres activités des hemisstambouille
 
Using Altera Signal tap
Using Altera Signal tapUsing Altera Signal tap
Using Altera Signal tapRafe Husain
 
Как создать курс, который будут проходить с удовольствием и с пользой?
Как создать курс, который будут проходить с удовольствием и с пользой?Как создать курс, который будут проходить с удовольствием и с пользой?
Как создать курс, который будут проходить с удовольствием и с пользой?Elena Tikhomirova
 
DataStax et Apache Cassandra pour la gestion des flux IoT
DataStax et Apache Cassandra pour la gestion des flux IoTDataStax et Apache Cassandra pour la gestion des flux IoT
DataStax et Apache Cassandra pour la gestion des flux IoTVictor Coustenoble
 
Модель ADDIE. Андрей Кубай.
Модель ADDIE. Андрей Кубай.Модель ADDIE. Андрей Кубай.
Модель ADDIE. Андрей Кубай.Andrew Kubay
 
O papel dos altos executivos no sgso
O papel dos altos executivos no sgsoO papel dos altos executivos no sgso
O papel dos altos executivos no sgsoRusemberg
 
Baina bigdata introduction 2016
Baina bigdata introduction 2016Baina bigdata introduction 2016
Baina bigdata introduction 2016Karim Baïna
 

En vedette (16)

Підкуп виборців
Підкуп виборцівПідкуп виборців
Підкуп виборців
 
Pogorelova
PogorelovaPogorelova
Pogorelova
 
Petersen presentación animada
Petersen   presentación animadaPetersen   presentación animada
Petersen presentación animada
 
Tabela Campeonato Pernambucano Feminino 2014 - 2ª fase
Tabela Campeonato Pernambucano Feminino 2014 - 2ª faseTabela Campeonato Pernambucano Feminino 2014 - 2ª fase
Tabela Campeonato Pernambucano Feminino 2014 - 2ª fase
 
L'escleriade chambre d'hôtes de charme
L'escleriade chambre d'hôtes de charmeL'escleriade chambre d'hôtes de charme
L'escleriade chambre d'hôtes de charme
 
лідерство л. татаринова
лідерство л. татариновалідерство л. татаринова
лідерство л. татаринова
 
Как создать скорм-пакет мини-курсов. Практика. Елена Черныш
Как создать скорм-пакет мини-курсов. Практика. Елена ЧернышКак создать скорм-пакет мини-курсов. Практика. Елена Черныш
Как создать скорм-пакет мини-курсов. Практика. Елена Черныш
 
Introduction to TitanDB
Introduction to TitanDB Introduction to TitanDB
Introduction to TitanDB
 
Autres activités des he
Autres activités des heAutres activités des he
Autres activités des he
 
Using Altera Signal tap
Using Altera Signal tapUsing Altera Signal tap
Using Altera Signal tap
 
Как создать курс, который будут проходить с удовольствием и с пользой?
Как создать курс, который будут проходить с удовольствием и с пользой?Как создать курс, который будут проходить с удовольствием и с пользой?
Как создать курс, который будут проходить с удовольствием и с пользой?
 
DataStax et Apache Cassandra pour la gestion des flux IoT
DataStax et Apache Cassandra pour la gestion des flux IoTDataStax et Apache Cassandra pour la gestion des flux IoT
DataStax et Apache Cassandra pour la gestion des flux IoT
 
Les hydrocarbures
Les hydrocarburesLes hydrocarbures
Les hydrocarbures
 
Модель ADDIE. Андрей Кубай.
Модель ADDIE. Андрей Кубай.Модель ADDIE. Андрей Кубай.
Модель ADDIE. Андрей Кубай.
 
O papel dos altos executivos no sgso
O papel dos altos executivos no sgsoO papel dos altos executivos no sgso
O papel dos altos executivos no sgso
 
Baina bigdata introduction 2016
Baina bigdata introduction 2016Baina bigdata introduction 2016
Baina bigdata introduction 2016
 

Comment accélérer la vitesse d'affichage de votre site web

  • 2. Les moteurs de recherche pénalisent les sites lents Les internautes ne sont plus tolérant. 2 secondes et puis ils quittent la page
  • 3. Éviter de redimensionner l’image avec le CSS ou le code HTML Cela oblige les navigateurs web a exécuter plusieurs commandes intitules: traitement des images initiales, puis leurs redimensionnement Optimiser vos images avec Yahoo! Smush.it™ Redimensionner vos images avec un éditeur avant de les ajouter sur votre site
  • 4. Chaque plugin installé consomme des ressource pour fonctionner Plus de plugins plus lent est le site Demandez-vous si la fonctionnalité que vous gagnez avec un plugin vaut le compromis de la vitesse du site Voir si possible d’intégrer le plugin dans le thème de votre site à la place
  • 5. Indépendamment de ce que votre site web utilise comme plateforme. Un vérification des mises à jours des scripts est indispensable Faites le automatiquement ou manuellement N’oubliez pas de faire une sauvegarde complète avant
  • 6. Content delivery networks (Réseaux de contenu de livraison) ou, CDNs - sont de vastes réseaux de serveurs qui sont localisé un peu partout dans le monde Les visiteurs de votre site sont servis à partir du serveur le plus proche d’eux = Temps de chargement de site plus rapide. Example de CDN : MaxCDN.COM
  • 7. La mise en cache permet au navigateur d'un visiteur de stocker des copies des pages, si le visiteur revient dans l'avenir, le contenu est chargé à partir de la mémoire cache - plutôt que de recharger la page entière. Économie sur le nombre de ressources utilisées pour afficher vos pages. Example: Le plugin W3 Total Cache pour WordPress. Sinon, parlez-en à votre développeur web sur les façons d'intégrer un cache du navigateur dans le code de votre site.
  • 8. La compression Gzip réduit la taille des réponses HTTP du navigateur 3 façons pour l’activer: 1- Ajoutez le code suivant à htaccess # compress text, html, javascript, css, xml: AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript # Ou, compression de certains type de fichiers en fonction de l’extension: SetOutputFilter DEFLATE Effet de la compression gzip
  • 9. 2. Ajoutez le code suivant au début de votre code HTML ou une page PHP: <?php if (substr_count($_SERVER*'HTTP_ACCEPT_ENCODING'+, ‘gzip’)) ob_start(“ob_gzhandler”); else ob_start(); ?> 3- Installer un plugin de compression Gzip Comme WP HTTP Compression pour WordPress Effet de la compression gzip
  • 10. Ajouter les fichiers CSS à la partie supérieure du code de votre page (entre les balises <head> </head>) Le Javascript en bas avant la balise </body>