Introduction

Une fois que vous avez conçu votre site WordPress le plus accessible et le plus green IT possible, le dernier choix pour sa mise en place est son hébergement. Le choix de l’hébergeur est important pour avoir un site internet réellement numériquement responsable. Il faut également le paramétrer correctement, en particulier pour bien gérer son cache.

Le choix de l’hébergeur

Pour effectuer le choix de l’hébergeur, différents critères doivent être pris en compte. Les paragraphes suivants présentent ces différents critères qui peuvent aider à estimer l’empreinte environnemental de l’hébergement de votre site internet.

L’efficacité énergétique

L’un des premiers éléments évoqués pour un hébergeur vert est son efficacité énergétique. Celle-ci est mesurée par le PUE (Power Usage Effectiveness ou indicateur d’efficacité énergétique en français). Le PUE calcule le rapport entre la consommation totale du centre de données et celle des équipements informatiques.

L’idéal est d’avoir un PUE valant 1,0. Plus sa valeur est grande, moins bonne est l’efficacité énergétique du centre de données. Cet indicateur permet de mettre en évidence l’énergie utilisée par la climatisation, les onduleurs, la filtration de l’air, la conversion du courant… À l’heure actuelle, la valeur moyenne des PUE des centres de données est d’environ 1,6.

Les hébergeurs ne publient pas systématiquement leur PUE. Généralement, s’ils ne le font pas, ce n’est pas bon signe. Cela veut souvent dire qu’ils consomment encore beaucoup d’énergie, en utilisant la climatisation, très énergivore, plutôt qu’une source naturelle de rafraîchissement (free-cooling à air ou à eau).

Voici quelques exemples d’hébergeurs publiant leur PUE :

Hébergeur	PUE
Neutral Hosting	1,06
Infomaniak	1,06
Ex2	1,09 à 1,29
DRI	1,15
PlanetHoster	1,1 à 1,2
OVHcloud	1,29
Hostinger	1,2 à 1,7
Scaleway	1,37

Il existe la certification...

Le développement du site en local

Dans cet ouvrage, nous vous proposons une méthodologie de développement en trois partie :

le développement du site en local, sur votre machine ;
la migration du site local chez un hébergeur professionnel, avec une exportation et une importation ;
une sauvegarde régulière du site publié.

C’est une méthode parmi bien d’autres, mais elle a fait ses preuves.

La première étape consiste à développer les grands concepts du site en local sur votre machine, dans l’environnement de développement Local édité par WP Engine (https://localwp.com) et dédié à WordPress (voir à ce sujet la section Le développement du site en local, chapitre Exploiter WordPress).

L’objectif ici n’est pas de développer la totalité du site, mais bien de concevoir les fonctionnalités essentielles du site, les contenus rédactionnels types et le design global. Il n’est pas nécessaire que le site soit totalement finalisé. En d’autres termes, il faut vérifier que tout fonctionne bien comme vous le voulez ou comme cela a été éventuellement indiqué dans un cahier des charges. Vous devez avoir un site parfaitement fonctionnel dans tous les domaines techniques, graphiques et ergonomiques.

L’exportation du site local

Lorsque tout a été testé, modifié, personnalisé et validé en local, le site doit être exporté dans une archive. Cette étape se fait avec l’extension All-in-One WP Migration and Backup : https://fr.servmask.com. C’est la version gratuite qui sera utilisée dans ce qui suit. Elle est limitée à 128 Mo pour le fichier à importer. C’est suffisant pour la conception de base d’un site en local. Pour aller au-delà des 128 Mo, il faut acquérir la version payante et illimitée : https://fr.servmask.com/products/unlimited-extension. Cette extension exporte la totalité du site : la base de données et tous les fichiers constitutifs du site (médias, thème, extensions…). Le format de l’archive exportée par l’extension lui est propre.

Dans la barre des menus de la page d’administration, choisissez Extensions, puis Ajouter une extension.

Dans le champ de recherche, saisissez All-in-One WP Migration and Backup.

Dans l’encadré All-in-One WP Migration and Backup, cliquez sur le bouton Installer maintenant.

Une fois installée et activée, l’extension crée son propre menu, nommé All-in-One WP Migration.

Dans le menu All-in-One WP Migration, choisissez Exporter, puis...

Le téléchargement de WordPress chez un hébergeur

L’étape suivante consiste à installer WordPress chez votre hébergeur. Il y a plusieurs façons de procéder. Certains hébergeurs vous proposent une installation simplifiée de WordPress avec un installeur prêt à l’emploi, mis à votre disposition, d’autres vous laissent faire l’installation complète manuellement.

Dans le cas d’une installation manuelle, c’est-à-dire que c’est à vous de faire toute l’installation de WordPress, vous devez avoir en votre possession les paramètres d’accès à votre espace de stockage par FTP. En effet, il faut commencer par télécharger WordPress chez votre hébergeur.

Dans un premier temps, téléchargez WordPress depuis le site français, à cette URL : https://fr.wordpress.org/download/.

Ensuite, décompressez l’archive pour obtenir un dossier nommé wordpress.

Puis, vous devez utiliser une application de type FPT. Vous pouvez utiliser FileZilla qui est gratuite et multiplateforme : https://filezilla-project.org.

Lancez FileZilla et connectez-vous à votre espace de stockage chez votre hébergeur en renseignant les champs Hôte, Nom d’utilisateur et Mot de passe.

Puis cliquez sur le bouton...

L’installation de WordPress chez l’hébergeur

L’installation de WordPress

L’étape suivante consiste à installer WordPress dans votre nom de domaine. Pour cela, il vous faut obligatoirement avoir les paramètres d’accès à la base de données associée à votre nom de domaine. Tournez-vous vers votre hébergeur si vous n’êtes pas en possession de ces éléments.

Pour lancer l’installation de WordPress, saisissez l’URL de votre nom de domaine dans votre navigateur web.

Le premier écran d’installation de WordPress s’affiche :

Cliquez sur le bouton C’est parti.

Puis, dans l’écran suivant, renseignez les champs demandés :

Cliquez sur le bouton Envoyer.

L’accès à la base de données est validé :

Cliquez sur le bouton Lancer l’installation.

Renseignez tous les champs, sachant qu’ensuite tout sera « écrasé » lors de l’importation de l’archive du site local. Donc, les données ici n’ont pas besoin d’être définitives, ni sécurisées.

Cliquez sur le bouton Installer WordPress.

L’installation est terminée :

Cliquez sur le lien Se connecter.

Renseignez les champs demandés....

La sauvegarde du site chez l’hébergeur

Maintenant que votre site est publié sur Internet et qu’il est accessible aux visiteurs, il faut le faire vivre et publier régulièrement des contenus enrichissants.

Mais attention, vous n’êtes pas à l’abri d’une défaillance technique chez votre hébergeur ou d’une attaque sur votre site. Vous pouvez tout perdre. C’est pourquoi il faut effectuer très régulièrement des sauvegardes de votre site.

Pour cela, il existe de très nombreuses solutions. L’extension All-in-One WP Migration and Backup (https://fr.servmask.com) que vous avez utilisée pour effectuer la migration permet également d’effectuer des sauvegardes régulières. Mais attention, il faudra utiliser la version payante (https://fr.servmask.com/products/unlimited-extension) pour passer outre la limite de poids des fichiers de sauvegarde.

Une fois cette extension acquise, installez-la de manière classique.

Vous avez ainsi les deux extensions installées :

La nouvelle extension installée complète le menu :

La meilleure méthode est de sauvegarder le site avec une planification calendaire.

Dans le menu All-in-One WP Migration, choisissez Planifications.

L’extension propose trois sauvegardes planifiées immédiatement utilisables : journalière...

Optimiser un site WordPress grâce au cache

Le cache est un très bon moyen pour optimiser son site internet et ainsi réduire son empreinte environnementale. Il existe plusieurs niveaux de cache.

Le cache navigateur

Lorsqu’un visiteur navigue pour la première fois sur votre site, il charge tous les éléments pour afficher votre page internet (page HTML, feuilles de style CSS, scripts JavaScript, images…). Tous ces éléments sont conservés en cache un certain temps. Ainsi, si le visiteur navigue sur une autre page du site, il n’a pas besoin de tous les fichiers, mais seulement de ceux qu’il ne possède pas. Si vous avez le logo de votre entreprise sur toutes vos pages, une feuille de style commune, etc. ces éléments ne sont pas téléchargés à nouveau. Si l’internaute revient sur une page déjà visitée, normalement, aucune ressource n’est envoyée depuis le serveur, ce qui permet de le soulager et de moins solliciter le réseau.

Pour indiquer le temps pendant lequel le navigateur doit utiliser la ressource en cache plutôt que de la redemander au serveur, il est nécessaire de préciser dans l’en-tête HTTP : Cache-Control: max-age=tempsEnSecondes, public. En configurant votre serveur web, il est possible de lui faire intégrer cette information dans ses réponses....