Skip to content

Mise à jour des documents en fonction des changements de WordPress de ces dernières années #230

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
37 changes: 10 additions & 27 deletions fiches/WP_1.05-choisir-entre-wordpress-org-et-wordpress-com.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,48 +19,31 @@ toIndex: true

## Sujet

Il existe sur le marché 2 WordPress en apparence semblables, mais finalement assez différents en termes de possibilités d'utilisation et surtout d'écoconception :
En explorant la solution logicielle WordPress pour la création d'un site internet, vous serez peut-être amenés à découvrir deux "versions" de WordPress : [WordPress.org](https://fr.wordpress.org/) et [WordPress.com](https://wordpress.com/fr/).

- [WordPress.org](https://fr.wordpress.org/)
- [WordPress.com](https://wordpress.com/fr/)

Nous souhaitons attirer votre attention sur ces deux formules pour vous permettre de faire un choix éclairé sur les différents points de divergence en fonction de votre besoin. Sachez toutefois que l'ensemble est basé sur le même logiciel [[open source]] WordPress, c'est-à-dire le [[cms|CMS]] comprenant tous les fichiers nécessaires pour la construction d'un site et même si WordPress est rapide et pratique, car il permet un gain de temps pour créer son site internet, il est cependant pointé du doigt comme étant un système potentiellement très polluant.

### WordPress.com, la solution propriétaire

Appartenant à Automattic Inc. (société américaine et l'un des principaux contributeurs du CMS WordPress en open source), ce site propose une version de WordPress (la même que le .org en open source) hébergée proposant une offre gratuite, pour un minimum de fonctionnalités et de personnalisations, jusqu'au payant, pour un peu plus de liberté toujours restreinte. Solution clé en main concernant l'hébergement, le nom de domaine, l'optimisation, la sécurité et la maintenance, cette solution ne vous donnera pas accès au code source, à la base de données, etc. Si vous souhaitez faire un e-commerce, vous pouvez oublier cette solution.
Nous souhaitons attirer votre attention sur ces deux formules pour vous permettre de faire un choix éclairé sur les différents points de divergence en fonction de votre besoin. Ces deux formules utilisent le même logiciel [[open source]] WordPress, c'est-à-dire le [[cms|CMS]] comprenant tous les fichiers nécessaires pour la construction d'un site. Ce logiciel, bien que rapide et pratique, car il permet un gain de temps pour créer son site internet, est cependant parfois pointé du doigt comme étant un système potentiellement polluant.

### WordPress.org, la solution open-source

Sur ce site, vous pouvez télécharger directement le logiciel open source WordPress (le même utilisé chez Automattic Inc.). Cette solution nécessite l'achat d'un nom de domaine et de souscrire à une offre chez un hébergeur ainsi que de vous occupez, en suivant les recommandations des bonnes pratiques d'écoconception de ce référentiel, de l'optimisation, de la sécurité et de la maintenance.
Sur ce site, vous pouvez télécharger directement le logiciel open source WordPress. Cette solution nécessite l'achat d'un nom de domaine et de souscrire à une offre chez un hébergeur ainsi que de vous occuper, en suivant les recommandations des bonnes pratiques d'écoconception de ce référentiel, de l'optimisation, de la sécurité et de la maintenance.

> Les hébergeurs proposent désormais l'installation de WordPress en un clic. Avant de se lancer dans une installation rapide, assurez-vous en lisant la documentation de l'hébergeur que vous aurez bien accès à vos fichiers et à votre base de données depuis votre hébergement. Aussi, il est important de vérifier l'emplacement d'installation de WordPress ainsi que les règles de sécurité sont respectées (aucun répertoire portant comme nom, votre identifiant administrateur par exemple).
Beaucoup d'hébergeurs proposent l'installation de WordPress en un clic. Avant de se lancer dans une installation rapide, assurez-vous en lisant la documentation de l'hébergeur que vous aurez bien accès à vos fichiers et à votre base de données depuis votre hébergement. Aussi, il est important de vérifier l'emplacement d'installation de WordPress ainsi que les règles de sécurité soient respectées (aucun répertoire portant comme nom, votre identifiant administrateur par exemple).

### Récapitulatif
L'un des hébergeurs à votre disposition est donc WordPress.com.

Pour plus de compréhension, voici un tableau comparatif :
### WordPress.com, hébergeur

| | WordPress.com | WordPress.org |
| :--------------------------------- | :-------------- | :---------------------------------------------------------------------------- |
| Installation | En un clic | En un clic (selon votre hébergeur) ou manuelle |
| Personnalisation du design | Forfait Pro | Contrôle total |
| Ajout d'extensions/fonctionnalités | Forfait Pro | Accès à l'ensemble des extensions et les extensions développées par vos soins |
| Système de monétisation | Restrictions | Contrôle total |
| Optimisation du SEO | Restrictions | Contrôle total |
| Sécurité & maintenance | Automatiques | Automatiques avec des extensions |
| Accès au code source | Automattic Inc. | Vous |
| Accès et appartenance des données | Automattic Inc. | Vous |
| Conditions générales de vente | oui | non |
Appartenant à Automattic Inc. (société américaine et l'un des principaux contributeurs du CMS WordPress en open source), ce site est un hébergeur spécialisé dans la création de sites WordPress. Cet hébergeur se démarque et est connu pour son offre gratuite, une solution clé en main mais incluant un minimum de fonctionnalités et de personnalisations. Pour accéder à l'ensemble des fonctionnalités disponibles avec le logiciel WordPress (installation d'extensions, accès au code source, à la base de données, etc), il vous faudra acheter un de leurs plans.

## GreenIT vous conseille

**Le coût environnemental est énorme !**
**Le coût environnemental est conséquent !**

Nous pensons que vous l'aurez compris, que l'on utilise WordPress.com ou directement le logiciel open source WordPress sur son hébergeur :
Au final, lorsque vous utilisez WordPress et peut importe où ce site est hébergé :

- du code et des fichiers et médias (vidéos, images, audios, etc.) sont stockés dans un datacenter
- des [[requete|requêtes]] sont faites à des serveurs
- les [[terminal|terminaux]] des utilisateurs doivent suivre et afficher des sites toujours de plus en plus obèses
- les [[terminal|terminaux]] des utilisateurs doivent suivre et afficher toutes les données nécessaires à l'affichage de chaque page.

Vous le verrez tout au long de ces bonnes pratiques, il est plus facile d'agir quand nous sommes libres d'accéder, de désactiver et supprimer des fonctionnalités non essentielles, de mettre en [[cache]] les éléments durables, de choisir et modifier le thème qui correspond à notre besoin et aux conseils d'écoconception, etc.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -19,25 +19,17 @@ toIndex: true

Le Lazy Load ('chargement différé' en français) est une technique d’optimisation qui permet de charger le contenu d'une page d'un site au fur et à mesure que le visiteur la parcourt. Elle permet d'éviter de télécharger de contenus volumineux (images, vidéos, etc.) parfois non nécessaires, car non vus par le visiteur. Par exemple, si votre visiteur a atterri sur votre page par erreur ou s'il a besoin de consulter une seule partie de votre page.

> ⚠️ Avant d'utiliser cette technique, n'oubliez pas d'optimiser au préalable vos images et vidéos (voir bonnes pratiques du [[scope]] "Images"). Le lazy load permet "seulement" de limiter le nombre d'images chargées inutilement.
> ⚠️ Cette technique, bien qu'importante, ne doit pas vous empêcher d'optimiser au préalable vos images et vidéos (voir bonnes pratiques du [[scope]] "Images"). Le lazy load permet "seulement" de limiter le nombre d'images chargées inutilement.

## GreenIT vous conseille

### Solution no-code 🌱🌱

Il existe plusieurs [[extension|extensions]] WordPress permettant d'appliquer cette technique, certains proposant aussi l'optimisation des images (voir les bonnes pratiques du [[scope]] "Images").
Le logiciel WordPress gère désormais le Lazy Load nativement. Vous n'avez plus besoin d'installer d'[[extension|extensions]] pour ajouter cette fonctionnalité.

### Solution code 🌱🌱🌱
Ce lazy loading natif a l'avantage d'améliorer les performances globales de votre site, car il ne repose pas sur du code JavaScript en ligne ni des scripts externes.

Cependant, il est encore plus efficace d'utiliser la technique de lazy load de manière native en ajoutant l'attribut `loading=lazy` aux images et aux iframes que vous souhaitez charger progressivement.
```html
<img src="image.jpg" loading="lazy" />
<iframe src="video-player.html" title="..." loading="lazy"></iframe>
```

Nota: si vous utilisez la fonction WP [get_the_post_thumbnail (EN)](https://developer.wordpress.org/reference/functions/get_the_post_thumbnail/), la balise image obtenue contiendra l'attribut `loading="lazy"` par défaut ([https://caniuse.com/?search=loading(EN)](https://caniuse.com/?search=loading)).

Le lazy loading natif a l'avantage d'améliorer les performances globales de votre site, car il ne repose pas sur du code JavaScript en ligne ni des scripts externes.
Certaines extensions vous permettent cependant d'optimiser vos images en amont de leur affichage sur votre site, et peuvent donc être intéressantes (voir les bonnes pratiques du [[scope]] "Images").

## Principe de validation

Expand Down