Free Press

Dans le passé, nous avons parlé de la façon dont WordPress se compare à d’autres systèmes de gestion de contenu populaires comme Drupal, Joomla, et même Squarespace. Mais que faire si vous essayez de décider entre WordPress vs HTML statique pour votre site Web ?

À un niveau de base, c’est une sorte de débat général entre l’utilisation d’un système de gestion de contenu piloté par une base de données (comme WordPress) ou l’écriture de tout le HTML/CSS vous-même ainsi que l’utilisation éventuelle d’un framework.

Pour vous aider à prendre votre décision, nous allons expliquer ce que ces termes signifient et ensuite sauter dans certains des avantages et des inconvénients de chaque approche.

• Différence entre WordPress et le HTML statique
• Avantages et inconvénients de WordPress
• Avantages et inconvénients du site Web en HTML statique
• Utiliser WordPress comme générateur de site Web statique

Différence entre WordPress et le HTML statique

En fin de compte, tout sort sous forme de HTML sur le front-end. C’est-à-dire que le code de votre site va ressembler à quelque chose comme ceci, peu importe si vous utilisez WordPress ou un site HTML statique :

Quoi que vous choisissiez, votre code ressemblera toujours à ceci

La différence importante est dans la façon dont ce HTML vient à l’existence.

Avec le HTML statique, cette histoire est assez simple. Vous, ou votre développeur, écrivez le code (y compris votre contenu). Ensuite, une fois qu’il est sur le serveur, c’est toujours comme ça. Il n’y a pas de traitement de fond en cours – votre site est toujours là dans sa forme finie.

WordPress, d’autre part, est un système de gestion de contenu qui utilise PHP et une base de données. En termes simples, cela signifie que lorsque quelqu’un visite votre site WordPress, votre serveur  » assemble  » votre site en :

• Exécutant le code PHP pour mettre en place la version HTML de votre site
• Interrogeant votre base de données pour obtenir le contenu à insérer dans ce HTML

Qu’est-ce qu’un système de gestion de contenu, alors ?

Plus haut, nous vous avons dit que WordPress est un système de gestion de contenu, mais nous n’avons pas vraiment expliqué ce que cela signifie. Un système de gestion de contenu, souvent abrégé en CMS, est un logiciel qui vous aide à créer, gérer et modifier le contenu d’un site web sans avoir besoin d’interagir directement avec le code.

Par exemple, au lieu d’avoir besoin d’ajouter manuellement votre contenu en le formatant avec du HTML comme vous le feriez pour un site web HTML statique, vous pouvez simplement entrer votre contenu en utilisant l’éditeur WordPress et WordPress se chargera de l’afficher sur votre site :

L’interface de l’éditeur WordPress

De même, si jamais vous vouliez modifier ce contenu à une date ultérieure, vous pourriez simplement y aller et le modifier en utilisant ce même éditeur, plutôt que de devoir modifier directement le fichier HTML statique sur votre serveur.

Pros et contre de WordPress

Nous aborderons dans une seconde certains des avantages et des inconvénients d’un site HTML statique, mais commençons par certaines des raisons pour lesquelles plus de 39,5% de l’ensemble de l’Internet utilise maintenant WordPress.

Gestion de contenu sans code

Le plus grand avantage de WordPress est qu’il peut presque complètement éliminer le code de la gestion quotidienne de votre site Web. Au lieu de cela, la plupart des actions que vous voudrez prendre peuvent être effectuées à l’aide d’une interface graphique.

Avec cette interface graphique, vous pouvez :

• Créer du nouveau contenu
• Changer l’apparence de votre site
• Changer le fonctionnement de votre site
• Configurer des paramètres SEO importants
• Préparer plein d’autres actions importantes

À moins que vous ne viviez et respiriez le HTML/CSS (et probablement même si c’est le cas), cette approche va rendre beaucoup plus facile la gestion de chaque aspect de votre site Web.

Facile de changer l’apparence de votre site

Chaque site WordPress a besoin de quelque chose appelé un thème. Votre thème détermine l’apparence de votre site sur le frontend. Pour installer un nouveau thème WordPress, vous cliquez essentiellement sur un bouton ou téléchargez un seul fichier et votre site adopte instantanément ce style :

Comment ajouter un nouveau thème WordPress

En revanche, avec un site HTML statique, vous contrôlez l’apparence de votre site en utilisant votre propre CSS. Non seulement cela prend du temps à mettre en place en premier lieu, mais il en sera de même si jamais vous voulez changer radicalement l’apparence de votre site HTML statique à l’avenir. Oui, il existe des frameworks CSS que vous pouvez utiliser pour accélérer ce processus, mais cela nécessite toujours plus de travail et d’expertise pour pouvoir le gérer.

Nous le savons de première main en raison du fait qu’une majorité du site Web de Kinsta a été créée avec de bons vieux commits Github (lecture suggérée : git vs Github). Oui, nous utilisons un thème et un cadre WordPress, et notre code est enveloppé dans des fonctions WordPress, mais la plupart de ce que vous voyez sur notre site a été créé par notre équipe. Cela peut parfois permettre une plus grande flexibilité, mais cela nécessite aussi d’avoir des développeurs dans le personnel. Si vous voulez gagner du temps et que vous n’avez pas de développeurs à temps plein, aller avec un thème WordPress préconstruit peut accélérer drastiquement votre flux de travail.

Thème WordPress

En outre, vous devez vous soucier de rendre tout votre CSS responsive (AKA look good on mobile), alors que presque tous les thèmes WordPress sont responsive par défaut de nos jours.

Facile d’ajouter de nouvelles fonctionnalités

WordPress offre également quelque chose appelé plugins qui vous permettent d’étendre facilement les fonctionnalités de votre site. Vous voulez ajouter un formulaire de contact à votre site ? Avec du HTML statique, vous devrez vous occuper de la validation et de ce qui se passe avec les données qu’un utilisateur soumet. Avec WordPress, il vous suffit d’installer un plugin…

Comment ajouter un nouveau plugin WordPress

L’écart de difficulté s’accentue avec des fonctionnalités plus importantes. Vous voulez ajouter un forum à votre site ? Bonne chance pour le faire par vous-même. Mais avec WordPress, il vous suffit d’installer un plugin de forum.

Vous pouvez même ajouter rapidement des fonctionnalités de commerce électronique ou de réseau social.

Développement et modifications rapides

La combinaison de thèmes et de plugins, ainsi que la fonctionnalité générale de WordPress en tant que système de gestion de contenu, signifient que vous pouvez faire tourner rapidement des sites Web même compliqués.

Le HTML statique peut être rapide pour un site très basique avec seulement quelques pages… mais si vous avez besoin d’une fonctionnalité non standard, WordPress va presque certainement vous permettre de construire un site plus rapidement.

Vous voulez plus d’avantages ? Consultez ces 10 bonnes raisons pour lesquelles vous devriez utiliser WordPress.

Y a-t-il des inconvénients à utiliser WordPress ?

Vous trouverez certaines personnes disant des choses comme « les sites HTML statiques se chargent plus rapidement » ou « les sites HTML statiques se classent mieux dans Google. » Mais certains de ces propos doivent être pris avec un grain de sel. S’il est vrai que PHP et une base de données introduisent un temps de chargement et des délais supplémentaires, il n’est pas si difficile d’obtenir des temps de chargement de WordPress inférieurs à une seconde – ce qui est largement rapide.

Vous devriez vous demander si le fait d’avoir un site statique légèrement plus rapide vaut la peine de renoncer aux avantages que WordPress a à offrir. De plus, les performances de PHP se sont considérablement améliorées au cours des cinq dernières années. Dans nos récents tests de référence PHP, nous avons conclu que PHP 7.3 peut gérer 3x plus de requêtes (transactions) par seconde que PHP 5.6. 🚀

WordPress 5.0 benchmarks PHP

Il existe également des moyens d’annuler facilement les délais de PHP et de la base de données en utilisant la mise en cache pour servir des versions HTML statiques de vos pages. Cela signifie que chaque chargement de page peut essentiellement se charger à la vitesse de l’éclair, tout comme il le ferait avec un site HTML statique.

Combien la mise en cache a-t-elle un impact sur un site WordPress ? Voici un test rapide sur un blog WordPress avant et après la mise en cache.

Sans cache

Nous avons d’abord effectué un test avec le cache désactivé sur le blog WordPress.

Site WordPress sans cache (test Pingdom)

Comme vous pouvez le voir, il y a un retard significatif dans le premier chargement HTML DOC. Cela est dû au fait qu’il ne sert pas à partir du cache sur le serveur.

Sans délai de cache

Avec cache

Nous avons ensuite effectué un test avec le cache activé sur le blog WordPress. Rien d’autre n’a été modifié.

Site WordPress avec cache (test Pingdom)

Comme vous pouvez le voir, il y a une amélioration massive. En fait, le simple fait de servir la page initiale à partir du cache sur le serveur a diminué le temps de chargement de 32,2%.

Avec le cache

Kinsta gère automatiquement la mise en cache au niveau du serveur pour tous les clients d’hébergement WordPress. Cela signifie que vous n’avez pas à vous embêter avec des plugins de mise en cache tiers.

En ce qui concerne les rumeurs de classement que vous pourriez entendre, il existe d’excellents plugins de référencement WordPress qui vous permettent d’optimiser votre référencement WordPress en contrôlant chaque aspect du référencement technique et sur page de votre site. Si les sites WordPress se comportaient vraiment moins bien que les sites HTML statiques dans les classements de recherche, vous ne le verriez pas utilisé par des plateformes massives comme The Wirecutter ou TechCrunch.

Il y a quelques petits inconvénients, cependant, et le premier est la maintenance. Bien que le choix d’un hébergement WordPress géré de qualité puisse éliminer une grande partie de la pire maintenance, vous serez toujours responsable de vous assurer que le logiciel de base de WordPress, les plugins et les thèmes sont mis à jour et compatibles. Cela est assez facile de nos jours, mais c’est quelque chose que vous n’avez pas besoin de faire avec un site Web HTML statique.

Le deuxième inconvénient serait probablement la qualité. En raison de l’extrême popularité de WordPress, il existe un grand nombre de mauvais plugins et thèmes. Et les solutions gratuites disparaissent parfois complètement de la carte. Trier le mauvais pour trouver le bon peut prendre beaucoup de temps.

Pros et inconvénients d’un site Web HTML statique

Vous avez entendu parler de WordPress – mais maintenant, creusons dans certains des avantages et des inconvénients d’un site Web HTML statique.

Il n’y a pas de logiciel sous-jacent à maintenir

Nous avons en quelque sorte parlé de cela il y a une seconde, mais rappelons-le rapidement ici car c’est l’un des principaux avantages du HTML statique.

Lorsque vous utilisez WordPress et des thèmes/plugins, vous êtes responsable de la mise à jour de tout ce code sous-jacent et de vous assurer qu’il n’y a pas de problèmes de compatibilité. Bien que cela soit assez simple (il suffit généralement de cliquer sur un bouton), c’est quelque chose que vous devez faire pour que votre site Web soit sécurisé et fonctionne.

D’un autre côté, si vous avez écrit du HTML statique propre, vous devriez pouvoir à peu près laisser les choses tranquilles et ne jamais vous soucier des mises à jour.

Accès plus facile au code sous-jacent

Alors que WordPress vous permet d’accéder à tout le code sous-jacent de votre site, un site HTML statique rendra un peu plus simple la saisie de certains types de balisage. Au lieu d’avoir besoin de traiter les fichiers de modèle de thème et la boucle WordPress, tout est là devant vous.

Par exemple, bien qu’il existe des plugins de schéma pour WordPress, vous pouvez plus facilement contrôler le balisage du schéma sur un site HTML statique.

Quels sont les inconvénients de la création d’un site HTML statique ?

Bien qu’un site Web HTML statique soit certainement très bien pour un site Web de base, les principaux problèmes surviennent lorsque vous essayez de passer à l’échelle supérieure, que ce soit en termes de quantité de contenu ou de fonctionnalités.

La plupart de ces inconvénients sont simplement l’opposé des avantages de WordPress. À savoir :

• Ajouter ou modifier du contenu n’est pas convivial car vous devrez creuser dans le code.
• Ajouter de nouvelles fonctionnalités nécessite que vous les codiez vous-même.
• Changer l’apparence de votre site nécessite de réécrire votre CSS.

En outre, à moins que vous ne connaissiez réellement le HTML/CSS vous-même, toutes ces choses nécessiteront également de payer un développeur, alors que WordPress vous permettrait de les faire vous-même, pour la plupart.

Utiliser WordPress comme générateur de sites web statiques

Les générateurs de sites web statiques diffèrent légèrement des deux options ci-dessus car ils prennent le contenu d’un système de gestion de contenu, tel que WordPress, le combinent avec un thème et génèrent des pages HTML statiques. Jekyll est l’un des plus populaires, que vous pouvez utiliser pour héberger l’ensemble de votre site Web ou de votre blog sur les pages GitHub et pousser votre nouveau contenu avec une seule commande. L’inconvénient ? Il n’est pas facile (c’est le moins qu’on puisse dire) de le configurer, et même pour les développeurs, cela peut prendre du temps.

Si vous avez un après-midi de libre pour en savoir plus sur Jekyll, alors jetez un œil à cet article de Mike Neumegen. Alternativement, un CMS à fichier plat comme Grav peut vous donner une gestion de contenu plus facile tout en évitant le besoin d’une base de données.

Si vous avez des connaissances techniques, il est même possible d’obtenir le meilleur des deux mondes et d’utiliser WordPress comme un générateur de site HTML statique. Cependant, vous devez juste vous rappeler que si vous utilisez WordPress de cette manière, vous devrez faire des sacrifices :

• Il n’y aura pas de contenu dynamique « en temps réel » sur votre site, du tout.
• Pas d’articles recommandés pour vous ou de widgets qui changent pour chaque visiteur.
• Vous ne pourrez pas utiliser le système de commentaires intégré à WordPress.

Essentiellement, tout ce qui est généré côté serveur (PHP) deviendra statique et mis à jour manuellement. Les générateurs de sites statiques créeront une page HTML complète basée sur votre contenu et une fois que c’est fait, peu importe combien de personnes visitent votre site, il ne sera pas régénéré ; pas à moins que vous ne tapiez une commande spécifique sur votre ordinateur.

Lecture suggérée : Comment télécharger un fichier HTML sur WordPress.

Les développeurs résolvent le  » problème  » des commentaires soit en ne les utilisant pas du tout, soit en passant à des solutions basées sur JavaScript, les plus populaires étant Disqus ou les commentaires Facebook.

Il existe un couple de plugins de mise en cache WordPress que vous pouvez utiliser pour créer des fichiers HTML statiques de vos articles et de vos pages, mais si vous utilisez Nginx comme serveur web (si ce n’est pas le cas, vous devriez vraiment, mais c’est un sujet pour un autre article), vous pouvez simplement basculer l’interrupteur de mise en cache de la page complète et le régler pour qu’il expire dans un jour ou une semaine. Plus la période à laquelle vous pouvez vous « permettre » de la régler est longue, mieux c’est.

Ce qui se passe ensuite, c’est que le premier visiteur verra le serveur générer les fichiers HTML complets, mis en cache, et tous les visiteurs consécutifs dans la période d’expiration prédéfinie se verront servir ces fichiers. Ici, à Kinsta, nos serveurs utilisent le nginx fastcgi cache module pour la mise en cache des pages. Comment le mettre en place, vous demandez ? Eh bien si vous gérez vos propres serveurs, voici un guide extrêmement détaillé de DigitalOcean que vous pouvez suivre.

Si vous êtes un client Kinsta, cela est automatique pour chaque site WordPress et le cache par défaut expire toutes les heures. Vous pouvez cependant ouvrir un ticket avec notre équipe de support dans votre tableau de bord MyKinsta et demander une durée de cache plus longue. Assurez-vous simplement de bien comprendre les conséquences d’une telle démarche.

Cloudflare Full Page Cache

Vous pouvez également utiliser les règles de page Cloudflare avec WordPress et servir votre site entier à partir du cache. Nous vous fournissons tous les détails ici sur la façon de configurer le cache Cloudflare pour vos articles et vos pages WordPress.

Cela peut être très bénéfique pour les sites qui lancent un événement ou qui s’attendent à un énorme afflux de trafic. Rappelez-vous cependant que si vous servez entièrement à partir du cache, vous rencontrerez très probablement des problèmes avec la caisse de WooCommerce, votre barre d’outils d’administration WordPress et d’autres choses diverses que vous devrez soit réparer, soit trouver des solutions de contournement.

Lecture suggérée : Comment configurer Cloudflare APO pour WordPress.

Nous fournissons le meilleur des deux mondes

Nous ne recommandons généralement pas de servir tout votre site à partir du cache, sauf si vous avez le temps de tout tester correctement. Par exemple, en ce qui concerne WooCommerce : vous pouvez mettre en cache la page d’accueil « statique », les catégories, les pages de produits (si vous ne les changez pas trop souvent) et alors oui, il se chargera presque instantanément ! Mais dès que quelqu’un clique sur « ajouter au panier », vous devrez passer à une version non mise en cache, sinon il verra le panier toujours vide.

Ici, à Kinsta, nous avons des règles au niveau du serveur en place pour les solutions de commerce électronique et les blogs afin de s’assurer que ce qui doit être mis en cache l’est, et que ce qui ne doit pas l’être, ne l’est pas.

Plusieurs exemples incluent certaines pages de WooCommerce et EDD comme le panier, mon-compte et la caisse, sont exclues de la mise en cache. Et les utilisateurs contournent automatiquement le cache lorsque le cookie woocommerce_items_in_cart ou edd_items_in_cart est détecté pour assurer un processus de paiement fluide et synchronisé.

Ceci vous fournit un site WordPress à chargement rapide, mais sans avoir à vous soucier que les choses se cassent.

Pile de composants de cache

Vous ne voulez pas héberger votre site entier avec Kinsta, mais vous voulez profiter de la fonctionnalité dynamique pour votre blog WordPress ? Vous pourriez envisager de charger votre site sur un proxy inverse. Nous supportons ces types de configurations.

WordPress ou Static?

Maintenant pour la question à un million de dollars… Si vous construisez juste un petit site web qui est peu susceptible de changer ou de nécessiter un nouveau contenu, le HTML statique est une bonne approche. Mais pour toute autre chose, WordPress sera presque certainement un meilleur choix. Cela est particulièrement vrai si vous n’avez pas accès à un développeur.

Sa facilité d’utilisation, combinée à son extensibilité, sont les principales raisons pour lesquelles il alimente maintenant plus de 39,5% de tous les sites Web sur Internet. Maintenant, à vous de jouer : construiriez-vous un site en HTML statique plutôt qu’avec WordPress ? Ou avez-vous emprunté la voie du générateur de sites Web statiques ?