Jump to content
Camel Design

wordpress accélérer son site et améliorer son référencement sur serveur apache

Recommended Posts

miniature-tuto-webdesign-wordpress-speed-titcrea-news.jpg

Pour améliorer son référencement et accélérer son site wordpress sous un serveur apache, il vous suffit d’activer la compression Gzip de votre hébergement wordpress et la mise en cache de vos données pour les robots de référencement dans un premier temps et ajouter une extension de compression de vos images pour réduire la taille de votre contenu et qu’il soi transmit plus rapidement.

COMMENT ? ME DIREZ VOUS !

Simplement avec quelques règles à ajouter dans votre fichier htaccess présent d’origine à la racine de votre hébergement wordpress, si vous avez indiqué une structure de permalien dans les paramètre de votre wordpress (back-office => réglages => permaliens : nous vous conseillons : Titre de la publication).

Pour ce faire éditer votre fichier « .htaccess » à la racine de votre installation wordpress, de base il comporte ceci :

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress

Il ne faut pas toucher à cette partie ! ces règles font fonctionner vos redirections wordpress avec votre structure de permaliens choisie dans vos paramètres. Juste passer une ligne et ajouter ceci en dessous :

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/x-icon "access 1 year"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresDefault "access 1 month"
</IfModule>

<ifModule mod_headers.c>
<filesMatch "\.(ico|jpe?g|png|gif|swf)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(css)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(js)$">
Header set Cache-Control "private"
</filesMatch>
<filesMatch "\.(x?html?|php)$">
Header set Cache-Control "private, must-revalidate"
</filesMatch>
</ifModule>

<IfModule mod_headers.c>
   Header unset Etag
   Header set Connection keep-alive
</IfModule>
FileETag None

# BEGIN GZIP COMPRESSION
<IfModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</IfModule>
# END GZIP COMPRESSION

<IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml
  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>

Enregistrer votre fichier et remplacer le dans votre hébergement wordpress à la racine de votre site ! et voila rien qu’avec cette simple manipulation vous avez :

  • Activer la compression GZIP de vos contenus, il seront donc moins lourd, ils prendront donc moins d’espace sur votre hébergement et seront chargés plus rapidement
  • Activer la mise en cache de vos données par les robots de syndication, ils n’ont donc pas besoin de repasser tout le temps seulement en cas de changement d’un contenu. Et cela fonctionne également pour vos visiteurs ! leur navigateur enregistre vos données lors du premier passage et si ils reviennent sur votre site le cache prend le relais et ne recharge que le nécessaire, donc lors des nouvelles visites le site est chargé beaucoup plus rapidement.
  • Nous avons également désactiver les etags, et donc de réduis le nombre de requêtes et votre bande passante utilisée.

ET LES IMAGES ? COMMENT FAIRE ?

Avec la modification mise en place dans le htaccess nous compressons déjà le contenu distribué, mais nous pouvons encore améliorer la distribution de vos images en installant un plugin de compression des images pour wordpress. Il en existe des tas, mais personnellement j’utilise : Imagify

Rendez vous dans votre back office wordpress et allez dans « Extensions => Ajouter » et rechercher : Imagify, installer et activer le !

De base, imagify vous accorde la compression gratuite de 25mo d’image et 50mo si créer un compte gratuit chez eux et ensuite vous avez le choix :

  • Attendre le mois d’après pour récupérer votre limite de 500mo.
  • Payer un abonnement mensuel ou annuel, si vous ajouter énormément de photo (si vous êtes photographe ou graphiste par exemple).
  • Acheter un pack de data plus gros, exemple : 5go, 10go, ect…

Imagify compresse toutes vos images ! Celle déjà présente sur votre wordpress et les nouvelles à venir lors de leurs uploads et vous avez même une option pour ajouter des dossiers à scanner sur votre hébergement pour compresser leur contenu image : utile pour compresser les images présente d’origine dans votre thème ou si vous stocker des images dans dossier à part pour votre marketing.

Le plugin imagify propose 3 niveau de compression pour vos image wordpress :

  • Normal : optimiser sans perte, vos images seront optimisées sans aucun changement visible. Si vous souhaitez des images d’une qualité parfaite, nous vous recommandons ce niveau.
  • Agressif : permet une optimisation idéale de vos images sans perte de qualité notable. Cela permettra une réduction importante du poids initial avec une légère perte de la qualité d’image qui n’est pas perceptible à l’œil humain.
  • Ultra : Ce niveau appliquera toutes les optimisations disponibles pour une compression des images maximale. Cela permettra de considérablement réduire le poids initial. Parfois, la qualité de l’image pourra être légèrement dégradée.

Voila, après avoir mit en place votre htaccess et votre plugin de compression d’image vous verrez un gain significatif sur la vitesse de chargement de votre site wordpress et google ainsi que vos visiteurs vous en seront reconnaissant.


Cordialement

Camel Design

Webdesigner chez https://camel-design.com/

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Camel Design
      NETTOYER ET OPTIMISER SON ORDINATEUR AVEC CCLEANER
      Votre ordinateur est devenu lent ? Et vous cherchez comment le nettoyer et/ou l’optimiser ?
      Aujourd’hui, presque tous les utilisateurs de Windows connaissent Ccleaner, cet utilitaire est vivement recommandé pour nettoyer son ordinateur de tous les fichiers spam et indésirables qui occupent de l’espace inutilement sur votre disque dur.
      Que fait Ccleaner exactement ?
      Vérifie et optimise le système en nettoyant les librairies dynamiques inexistantes, Supprime les fichiers inutilisés présents sur les disques durs (fichiers temporaires), Enlève les raccourcis n’ayant pas de cible ou les contrôles ActiveX inutiles, les programmes obsolètes, les classes invalides et les extensions de fichiers inexistantes. Vide l’historique des navigateurs et des programmes exécutés, Vide les fichiers journaux (logs de Windows), les cookies, la corbeille, le presse-papier, les formulaires, les documents récemment ouverts, le cache du système, etc. Tout cela pour libérer de l’espace disque et booster la vitesse de votre PC. Cela lui redonne une seconde jeunesse !
      1) Télécharger et installer la version standard et gratuite de Ccleaner
      2) Lancer et paramétrer Ccleaner :
      2.1) Mettre Ccleaner en français dans option => paramètres (voir capture)

      2.2) Cocher toutes les cases dans le nettoyeur de fichiers, sauf :
      nettoyer l’espace libre (cette option nettoie votre disque dur en profondeur mais prend des heures) 3 cases spécifiques au navigateur que vous utilisez pour surfer ! session, infos des formulaires et mot de passe enregistrés ! Cela permet de dire à ccleaner qu’il n’efface pas ces données dans votre navigateur habituelle et vous évite de devoir vous rappeler et de retaper tous vos mot de passe déjà enregistrer dans celui-ci (voir capture) ATTENTION il y’a 2 onglets à remplir dans le nettoyeur !
       
      2.3) Cliquer sur nettoyer en bas à droite de Ccleaner et patienter, une fois fini vous aurez un rapport vous indiquant ce que Ccleaner à nettoyer !
      3) Registre : dans cette partie de Ccleaner rien à toucher ! Il vous suffit de cliquer sur le bouton en bas a gauche « chercher les erreurs » et une fois le scan terminé de cliquer sur le bouton en bas à droite « corriger les erreurs sélectionnes… », Ccleaner vous proposera de faire une sauvegarde de votre registre actuel : indiquer « non » très peu utile selon moi vu qu’on va le nettoyer.

      4) Ccleaner possède d’autres outils plus avancés pour un nettoyage plus en profondeur dans la partie « outils » :
      désinstallation de programme programme qui se lance au démarrage du pc plugins de navigateur analyse, recherche, réinstallation et suppression de disque dur Voila, il ne vous reste plus qu’a fermer Ccleaner et profiter de nouveau de votre ordinateur tout propre, nous vous conseillons de passer un coup de Ccleaner :
      une fois par mois si vous utilisez votre ordinateur tous les jours une fois par trimestre si vous utiliser votre ordinateur rarement Télécharger : Ccleaner (gratuit)
       
    • By Camel Design
      CCleaner est destiné à optimiser ainsi qu'à nettoyer votre système.

      Le logiciel retire les fichiers inutilisés de vos disques durs, les raccourcis sans cible, les contrôles ActiveX, les fichiers d’aide, les entrées dans le registre, etc. afin de libérer de l’espace et améliorer le chargement de Windows. CCleaner est également en mesure d’effacer toute trace de vos navigations sur le Web en quelques secondes. L'application supprime les fichiers temporaires, l’historique des sites visités, les cookies, les formulaires, etc. CCleaner prend en charge Internet Explorer, Opera, chrome et Mozilla Firefox. Enfin, le programme peut supprimer les documents temporaires de nombreuses applications. 

Camel Design Forum

Forum Camel Design : Tutoriels, Aide et support en informatique, téléphonie, webdesign et Streaming.

Nous contacter

NOS SERVICES

×
×
  • Create New...

Important Information

you accept the Terms of Use