Dans le passé, nous avons expliqué comment WordPress se positionne avec d’autres systèmes de gestion de contenu populaires tels que Drupal, Joomla ou SquareSpace. Mais que se passe-t-il si vous essayez de choisir entre WordPress et 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 basé sur une base de données (comme WordPress) ou l’écriture de tout le HTML / CSS vous-même avec éventuellement l’utilisation d’un cadre.
Pour vous aider à prendre votre décision, nous vous expliquerons ce que ces termes signifient, puis nous passerons en revue les avantages et les inconvénients de chaque approche. Augmentez la vitesse de votre site WordPress jusqu’à 200% en passant simplement à Action Web Solution.
- La différence entre WordPress et un site en HTML statique
- WordPress : Les pour et les contre
- Un site HTML statique : Les pours et les contres
- WordPress pour généner un site web statique
Différence entre WordPress et un site en HTML Statique
Au final, tout sort en HTML sur le frontend. Autrement dit, le code de votre site va ressembler à ceci, peu importe si vous utilisez WordPress ou un site Web HTML statique:
La différence importante réside dans la façon dont ce code HTML existe.
Avec le HTML statique, cette histoire est assez simple. Vous ou votre développeur rédigez le code (y compris votre contenu). Ensuite, une fois sur le serveur, c’est toujours comme ça. Il n’y a pas de traitement en arrière-plan en cours – votre site est toujours là dans sa forme finale.
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écuter le code PHP pour assembler la version HTML de votre site
Interroger votre base de données pour obtenir le contenu à insérer dans ce code HTML
Qu’est-ce qu’un système de gestion de contenu, alors?
Ci-dessus, 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 à interagir directement avec le code.
Par exemple, au lieu d’avoir à ajouter manuellement votre contenu en le formatant avec HTML comme vous le feriez pour un site Web HTML statique, vous pouvez simplement saisir votre contenu à l’aide de l’éditeur WordPress et WordPress se chargera de l’afficher sur votre site:
De même, si vous avez déjà voulu modifier ce contenu à une date ultérieure, vous pouvez simplement le modifier à l’aide du même éditeur, plutôt que d’avoir à modifier directement le fichier HTML statique sur votre serveur.
Avantages et inconvénients de WordPress
Nous aborderons dans un instant les avantages et les inconvénients d’un site Web HTML statique, mais commençons par certaines des raisons pour lesquelles plus de 34% de l’ensemble d’Internet utilise désormais WordPress..
Code-Free Content Management
Le plus grand avantage de WordPress est qu’il peut éliminer presque complètement le code de la gestion quotidienne de votre site Web. Au lieu de cela, la plupart des actions que vous souhaitez effectuer peuvent être effectuées à l’aide d’une interface graphique.
Avec cet interface graphique, vous pouvez:
- Créer du nouveau contenu
- Changer la présentation de votre site web
- Modifier le fonctionnement de votre site
- Configurer d’importants réglages pour le SEO
- Effectuez de nombreuses autres actions importantes
À moins que vous ne viviez et respiriez HTML / CSS (et probablement même si vous le faites), cette approche va faciliter la gestion de tous les aspects de votre site Web.
Facile à 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:
D’un autre côté, avec un site HTML statique, vous contrôlez l’apparence de votre site en utilisant votre propre CSS. Non seulement cela prend beaucoup de temps à configurer en premier lieu, mais cela prendra également du temps si 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 encore plus de travail et d’expertise pour pouvoir gérer.
Nous le savons de première main, car la majorité du site de Action Web Solution a été créé avec une solide librairie de fonctionalités. 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 également d’avoir des développeurs parmi le personnel. Si vous voulez gagner du temps et que vous n’avez pas de développeurs à temps plein, opter pour un thème WordPress pré-construit peut accélérer considérablement votre flux de travail.
De plus, vous devez vous soucier de rendre tous vos CSS réactifs (c’est à dire pour qu’il paraisse bien aussi sur mobile), alors que presque chaque thème WordPress est réactif par défaut de nos jours.
Facilité à ajouter de nouvelles fonctionnalité
WordPress propose également quelque chose appelé plugins qui vous permet d’étendre facilement les fonctionnalités de votre site. Vous souhaitez ajouter un formulaire de contact à votre site? Avec le HTML statique, vous devrez gérer la validation et ce qui se passe avec les données soumises par un utilisateur. Avec WordPress, il vous suffit d’installer un plugin…
L’écart de difficulté devient encore plus grand avec de plus grandes fonctionnalités. Vous souhaitez ajouter un forum à votre site? Bonne chance de le faire vous-même. Mais avec WordPress, il vous suffit d’installer un plugin de forum.
Vous pouvez même virer rapidement sur la fonctionnalité de commerce électronique ou de réseau social.
Développement et changements rapides
La combinaison de thèmes et de plugins, ainsi que les fonctionnalités générales de WordPress en tant que système de gestion de contenu, vous permettent de créer rapidement des sites Web même complexes.
Le HTML statique peut être rapide pour un site très basique avec seulement quelques pages … mais si vous avez besoin de fonctionnalités non standard, WordPress va certainement vous permettre de créer un site plus rapidement.
Vous voulez plus d’avantages? Découvrez ces 10 bonnes raisons (à venir) pourquoi vous devriez utiliser WordPress.
Y a-t-il des inconvénients à utiliser WordPress?
Vous constaterez que certaines personnes disent des choses comme «les sites Web HTML statiques se chargent plus rapidement» ou «les sites Web HTML statiques se classent mieux dans Google». Mais cela doit être pris avec un grain de sel. S’il est vrai que PHP et une base de données introduisent des temps et des délais de chargement supplémentaires, il n’est pas si difficile d’obtenir des temps de chargement WordPress en moins d’une seconde – ce qui est très rapide. .
Vous devriez vous demander si un site statique légèrement plus rapide mérite d’abandonner les 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. Lors de nos récents tests de référence PHP, nous avons conclu que PHP 7.3 peut gérer 3 fois plus de requêtes (transactions) par seconde que PHP 5.6. 🚀
Il existe également des moyens pour annuler facilement les retards PHP et de 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 rapidement comme un site HTML statique.
Quel est l’impact de la mise en cache sur un site WordPress? Voici un test rapide sur un blog WordPress avant et après le cache.
sans Cache
Nous avons d’abord effectué un test avec le cache désactivé sur le blog WordPress.
As you can see there is a significant delay in the first HTML DOC load. This is due to it not serving from cache on the server.
AVEC Cache
Comme vous pouvez le voir, il y a un retard important dans la première charge HTML DOC. Cela est dû au fait qu’il ne sert pas à partir du cache sur le serveur.
Comme vous pouvez le voir, il y a une amélioration massive. En fait, le simple fait de servir la page initiale du cache sur le serveur a réduit le temps de chargement de 32,2%.
When it comes to the ranking rumors you might hear, there are . En ce qui concerne les rumeurs de classement que vous pourriez entendre, il existe d’excellents plugins SEO WordPress qui vous permettent de contrôler tous les aspects du référencement technique et sur la page de votre site. Si les sites WordPress fonctionnaient 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 or TechCrunch.
Il y a cependant quelques petits inconvénients, et le premier est la maintenance. Bien que le choix d’un hébergement WordPress géré avec qualité puisse éliminer une grande partie de la pire maintenance, vous serez toujours responsable de vous assurer que le logiciel de base WordPress, les plugins et les thèmes sont mis à jour et compatibles. C’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 y a beaucoup de mauvais plugins et thèmes. Et les solutions gratuites se contentent parfois de supprimer complètement la carte. Trier le mauvais pour trouver le bon peut prendre beaucoup de temps.
Avantages et inconvénients d’un site Web HTML statique
Vous avez entendu WordPress, mais examinons maintenant les avantages et les inconvénients d’un site Web HTML statique.
Aucun logiciel sous-jacent à gérer
Nous en avons en quelque sorte parlé il y a une seconde, mais revoyons-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 mettre à jour tout ce code sous-jacent et de vous assurer qu’il n’y a pas de problème de compatibilité. Bien que cela soit assez simple (il vous suffit généralement de cliquer sur un bouton), c’est quelque chose que vous devez faire pour assurer la sécurité et le fonctionnement de votre site Web..
D’un autre côté, si vous avez écrit du HTML statique et propre, vous devriez pouvoir 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 Web HTML statique rendra un peu plus simple la saisie de certains types de balisage. Au lieu d’avoir à gérer les fichiers de modèles de thèmes 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 de schéma sur un site Web HTML statique.
Quels sont les inconvénients de la création d’un site Web HTML statique?
Alors qu’un site Web HTML statique est certainement bien pour un site Web de base, les principaux problèmes surviennent lorsque vous essayez de vous développer, que ce soit en termes de quantité de contenu ou de fonctionnalités.
La plupart de ces inconvénients sont tout simplement l’opposé des avantages de WordPress. À savoir:
- L’ajout ou la modification de contenu n’est pas convivial, car vous devrez creuser dans le code.
- L’ajout 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.
De plus, à moins que vous ne connaissiez réellement HTML / CSS vous-même, toutes ces choses nécessiteront également de payer un développeur, tandis que WordPress vous permettrait de les faire vous-même, pour la plupart.
Utilisez WordPress comme générateur de site Web statique
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 blog sur les pages GitHub et pousser votre nouveau contenu avec une seule commande. Le mauvais côté? Ce n’est pas facile (pour dire le moins) de le configurer, et même pour les développeurs, cela peut prendre beaucoup de temps.
Si vous avez un après-midi libre pour en savoir plus sur Jekyll, jetez un œil à cet article by Mike Neumegen. Alternativement, un flat-file CMS like Grav peut vous faciliter la gestion de contenu tout en évitant le besoin d’une base de données.
Si vous êtes techniquement averti, il est même possible de tirer le meilleur parti des deux mondes et d’utiliser WordPress comme générateur de site Web HTML statique. Cependant, vous devez simplement vous rappeler que si vous utilisez WordPress de cette manière, vous devrez faire des sacrifices:
- Il n’y aura aucun contenu dynamique “en temps réel” sur votre site.
- Aucun article recommandé pour vous ou widgets qui changent pour chaque visiteur.
- Vous ne pouvez pas utiliser le système de commentaires intégré de 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 Web statiques créeront une page HTML complète basée sur votre contenu et une fois cela fait, quel que soit le nombre de personnes visitant votre site, il ne sera pas régénéré; sauf si vous saisissez une commande spécifique sur votre ordinateur.
Lecture suggérée: (à venir).
Les développeurs résolvent le «problème» des commentaires en ne l’utilisant pas du tout ou en passant à des solutions basées sur JavaScript, les plus populaires étant les commentaires Disqus ou Facebook.
Il existe quelques plugins de mise en cache WordPress que vous pouvez utiliser pour créer des fichiers HTML statiques de vos publications et pages, mais si vous utilisez Nginx comme serveur Web (si vous ne l’êtes pas, vous devriez vraiment, mais c’est un sujet pour un autre article), vous pouvez simplement activer le commutateur de mise en cache de la page entière et le définir pour expirer dans un jour ou une semaine. Plus vous pouvez vous «permettre» de le régler, le mieux ça sera.
Ce qui se passe ensuite, c’est que le premier visiteur demandera au serveur de générer les fichiers HTML complets et mis en cache et tous les visiteurs consécutifs dans la période d’expiration prédéfinie recevront ces fichiers. Chez certains hébergeurs los serveurs utilisent le module de cache nginx fastcgi pour la mise en cache des pages. Comment l’installer, demandez-vous? Eh bien, si vous gérez vos propres serveurs, voici un guide extrêmement détaillé de DigitalOcean que vous pouvez suivre. .
Cache de page complète Cloudflare
Vous pouvez également utiliser les règles de page Cloudflare avec WordPress et servir l’ensemble de votre site à partir du cache. WP Bullet a un excellent guide sur la façon de configurer le cache Cloudflare pour vos publications et pages WordPress. .
Cela peut être très bénéfique pour les sites qui lancent un événement ou qui attendent une énorme augmentation du trafic. N’oubliez pas cependant que si vous servez entièrement à partir du cache, vous rencontrerez très probablement des problèmes avec la vérification de WooCommerce, votre barre d’outils d’administration WordPress et d’autres choses dont vous aurez besoin pour corriger ou trouver des solutions de contournement.
Nous offrons le meilleur des deux mondes
Nous ne recommandons généralement pas de servir l’intégralité de 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 première page “statique”, les catégories, les pages produits (si vous ne les modifiez pas trop souvent) et puis 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 chez Action Web Solutiona, nous avons mis en place des règles au niveau du serveur pour les solutions de commerce électronique et les blogs afin de garantir ce qui doit être mis en cache et ce qui ne devrait pas l’être.
Quelques exemples incluent certaines pages WooCommerce et EDD comme le panier, mon compte et le paiement, qui sont exclues de la mise en cache. Et les utilisateurs contournent automatiquement le cache lorsque le cookie de woocommerce_items_in_cart ou celui de edd_items_in_cart est détecté pour garantir un processus de paiement fluide et synchronisé.
Cela vous offre un site WordPress à chargement rapide, sans avoir à vous soucier de la rupture des choses.
WordPress ou Statique?
Maintenant, pour la question à un million de dollars… Si vous construisez simplement un petit site Web qui ne changera probablement pas ou ne nécessitera pas de nouveau contenu, le HTML statique est une bonne approche. Mais pour toute autre chose, WordPress va presque certainement être 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 désormais plus de 34% de tous les sites Web sur Internet. À vous maintenant – pourriez-vous jamais créer un site avec du HTML statique sur WordPress? Ou avez-vous emprunté la route du générateur de site Web statique?
Si vous avez apprécié cet article, vous adorerez la plate-forme d’hébergement WordPress de Action Web Solution. Dynamisez votre site Web et obtenez une assistance 24/7 de notre équipe WordPress chevronnée. Notre infrastructure basée sur Google Cloud se concentre sur la mise à l’échelle automatique, les performances et la sécurité. Laissez-nous vous montrer la différence Action Web Solution! Contactez-nous pour connaître nos forfaits