Sites Web statiques? N’est-ce pas la vieille école? Aux débuts du Web, tout les sites Web étaient statiques. Aujourd’hui, transformer votre site WordPress dynamique en un site statique hautement performant pourrait être une option viable pour vous. Les visiteurs bénéficient d’une expérience de navigation ultra-rapide, tandis que les gestionnaires de contenu continuent à utiliser l’expérience de création WordPress et l’écosystème de plugins. Les pirates n’ont pratiquement aucune surface à attaquer, car les seules ressources accessibles au public sont des pages statiques. Nous avons demandé à Miriam Schwab – une experte des sites WordPress statiques et PDG de Strattique – pour découvrir les pouvoirs secrets des sites Web statiques.

Qui est Miriam Schwab

Miriam Schwab travaille avec WordPress depuis plus de 14 ans et elle adore ça. Après avoir fondé et dirigé une agence de développement WordPress pendant treize ans, elle est aujourd’hui co-fondatrice et PDG de Strattic. Strattic convertit les sites Web WordPress en sites statiques. Miriam dirige une équipe de vingt personnes, basée en Israël, aux États-Unis et en Allemagne.

Pourquoi voudriez-vous transformer un site dynamique construit avec WordPress en un site statique?

Lorsque j’ai commencé à créer des sites Web au début des années 2000, ils étaient très statiques. C’est la raison pour laquelle je décris souvent le passage aux sites Web statiques comme un cercle complet.

Un site Web statique présente plusieurs avantages importants:

  1. La vitesse. Les sites statiques sont généralement plus rapides car chaque page est pré-rendue – sans serveur de traitement sous-jacent, sans requêtes de base de données et sans traitement PHP, les pages peuvent être rapidement servies à l’utilisateur. Une autre façon de les accélérer est que chaque page peut être diffusée via un CDN. Dans votre site dynamique standard, seuls les actifs statiques tels que les images, CSS et JS peuvent être CDN. Cependant, les pages HTML proprement dites ne le peuvent pas car elles sont virtuelles.
  2. Sécurité. Votre site Web dynamique standard a une grande surface d’attaque. Chaque couche du serveur Apache au MySQL en passant par chaque plugin installé sur le site est potentiellement vulnérable. Il est difficile de s’assurer que tous les trous sont bouchés, tout le temps. Avec un site statique, il n’y a pratiquement rien à violer.
  3. Évolutivité. La prise en charge d’un site à fort trafic est coûteuse et peut être compliquée. Et même si vous réussissez, une pointe de trafic peut sérieusement ralentir un site et causer des problèmes. Les sites statiques évoluent sans effort. Un de nos clients est entré dans la presse et son trafic a été multiplié par dix, et nous ne l’avons pas senti du tout! Le site s’est mis à l’échelle, et pas seulement – est devenu plus rapide. C’est la chose étrange à propos des CDN: les sites obtiennent plus de trafic plus rapidement.
  4. Moins de gestion et de maintenance. Avec un site dynamique, il y a un besoin de maintenance régulière, comme des mises à niveau, des ajustements de sécurité, des optimisations de vitesse, etc. Ce n’est pas le cas sur un site généré statiquement (cela revient aux points ci-dessus).

J’entends à plusieurs reprises des gens qui ont emprunté la voie statique complète (également connue sous le nom de Jamstack) qu’ils finissent par passer beaucoup de temps à coder pour gérer le contenu de leurs sites. De plus, la pile des sites statiques non WordPress est très diversifiée et en constante évolution. Chaque site statique a besoin d’un CMS, d’un générateur de site statique, d’un stockage, d’un CDN et même d’un contrôle de version. Et pour chacune de ces couches, des dizaines, voire des centaines de solutions existent. Avec WordPress, vous obtenez la plupart de cela dans un seul système. Vous devez prendre soin de la couche statique séparément. Pour cela, vous pouvez utiliser un plugin, ou une plateforme de bout en bout comme Strattic.

Il y a sûrement des inconvénients?

Les inconvénients sont que certains types de fonctionnalités ne fonctionnent pas directement sur les sites statiques. Vous devez travailler pour le rendre compatible avec l’électricité statique. Parfois, il est simple de préparer un site pour la statique, mais parfois c’est assez compliqué.

En outre, il s’agit d’un nouveau paradigme et nécessite un léger changement d’esprit quant à la façon dont vous gérez votre site. Si vous utilisez votre propre plugin de publication statique, vous devez configurer tout l’environnement, de l’hébergement WordPress au stockage statique en passant par le CDN. Vous devez vous assurer qu’il attrape chaque page, redirection, image, et cetera sans planter le serveur.

Sur Strattic, nous remplaçons automatiquement de nombreuses fonctionnalités traditionnellement dynamiques par des solutions compatibles avec l’électricité statique. Par exemple, si vous avez une recherche sur votre site, nous la remplaçons par une recherche basée sur Algolia sans que vous ayez à faire quoi que ce soit et nous prenons en charge les plugins WP Form tels que Gravity Forms et CF7. Cependant, notre approche différente de la sécurité signifie que vous devez saisir des informations d’identification supplémentaires pour accéder à votre site.

De plus, la publication de vos modifications sur votre site statique en direct implique une étape supplémentaire: d’abord, vous publiez votre contenu sur le site WordPress, puis vous le publiez sur le site statique, ce qui peut prendre quelques minutes pour être mis en ligne. Ce n’est qu’un bouton supplémentaire, mais c’est un flux différent.

Et les bénéfices potentiels en termes de référencement?

L’exécution d’un site statique présente des avantages potentiels pour le référencement, car ils ont tendance à se charger plus rapidement. Ceci, bien sûr, peut réduire les taux de rebond et améliorer les taux de conversion. De plus, ils sont extrêmement difficiles à pirater. Les sites ne risquent pas d’être supprimés de l’index de recherche de Google pour les logiciels malveillants et autres.

En général, la gestion d’un site Web statique convivial pour le référencement est la même chose qu’un site WP classique. Alors, assurez-vous d’avoir un bon contenu, des titres, des balises méta, des liens, etc. Idéalement, un site généré statiquement peut également être optimisé à l’aide d’un outil étonnant comme Yoast SEO.

Chez Strattic, nous aimons beaucoup Yoast SEO. À tel point que nous en avons fait l’une de nos premières priorités pour le supporter complètement: toutes les métadonnées, les balises Open Graph, etc. publient parfaitement sur le site statique. En outre, nous publions le plan du site XML de Yoast, le fichier robots.txt et nous prenons même en charge 301 redirections créées à l’aide de Yoast. Bien entendu, nous prenons également en charge les redirections générées avec les plugins Redirection et Safe Redirect Manager.

À quelle vitesse un site statique obtient-il et de quoi d’autre avez-vous besoin pour en tirer le meilleur parti?

Les améliorations de vitesse dépendent de la façon dont vous avez construit le site et de l’endroit où vous l’hébergez. Nous avons constaté des augmentations de vitesse jusqu’à 20 fois plus rapides, mais exécuter des tests de vitesse précis est difficile. Parfois, les chiffres ne reflètent pas une augmentation considérable de la vitesse, mais le site semble beaucoup plus rapide pour les utilisateurs. Après avoir visité une page sur un site, chaque visite suivante semble presque instantanée.

De plus, toutes les pages d’un site généré statiquement peuvent être entièrement servies via un CDN, y compris les pages HTML. Les pages de contenu d’un site WP standard n’existent pas réellement en tant que fichiers autonomes: ce sont des pages virtuelles générées à la demande. Donc, dans ce cas, les fichiers qui peuvent être servis via un CDN ne sont que les fichiers statiques comme les images, la vidéo, JS et CSS. Un utilisateur accédant à une page de contenu dépend de son accès à partir de l’emplacement physique du serveur WP, ce qui, dans de nombreux cas, peut être assez éloigné. Cela pourrait être un visiteur au Royaume-Uni essayant de consulter un site hébergé au Texas. Toutes les pages d’un site statique existent en tant que fichiers autonomes, y compris les pages de contenu. Le système les prérend en tant que fichiers HTML, afin de pouvoir les diffuser via un CDN, ce qui les rend également plus rapides pour les utilisateurs du monde entier.

Comme vous l’avez dit, la sécurité est un autre avantage majeur de l’exécution d’un site WordPress statique, non?

Oui, exactement, la sécurité est certainement un avantage majeur des sites statiques. Votre site WP standard s’exécute sur un serveur LAMP. Chaque couche de ce serveur présente des vulnérabilités potentielles, du système d’exploitation au MySQL en passant par PHP. En plus de cela, vous avez le site WordPress qui exécute de nombreux plugins. Tous ces plugins peuvent nécessiter une mise à jour de sécurité à tout moment. Chaque minute qu’il vous faut pour mettre à jour le site ouvre une fenêtre d’opportunité pour les armées de robots hackers parcourant le Web à la recherche de ces faiblesses connues.

Un site statique n’est essentiellement qu’une collection de fichiers. Il n’y a pas de traitement ou de requête en cours, donc il n’y a pratiquement pas grand chose à pirater. Sur Strattic, nous dissocions le site WP d’origine du site public. Ensuite, nous le stockons dans un conteneur qui s’arrête lorsqu’il n’est pas utilisé et n’est accessible qu’aux utilisateurs authentifiés par Strattic. En conséquence, les propriétaires de sites générés statiquement peuvent mieux dormir la nuit 🙂

Supposons que vous ayez un bon cas d’utilisation pour créer un site statique avec WordPress, par où commencer?

Les utilisateurs ont quelques options pour créer un site statique avec WordPress:

  1. Vous pouvez créer un site Web WordPress sans tête. Cela signifie que l’administrateur WP est utilisé uniquement pour la gestion de contenu et non pour le frontend. Le frontend obtient le contenu de l’API WP Rest ou de WPGraphQL. C’est une façon assez compliquée de créer un site car vous auriez besoin de créer une interface qui soit liée à la gestion de contenu. Ensuite, vous devez continuer à créer de nouvelles connexions à mesure que le site se développe. Cela rend également l’utilisation de blocs Gutenberg, d’Elementor ou de presque tous les plugins qui ont un impact sur l’apparence de votre site plus difficile et parfois impossible.
  2. Vous pouvez créer votre site dans WordPress comme d’habitude (thèmes, plugins, etc.) puis utiliser une plateforme spécialisée dans la génération d’une version statique de votre site. Comme Strattic, par exemple. Nous prenons en charge l’ensemble de l’environnement et prenons en charge les fonctionnalités WP importantes qui pourraient autrement être compliquées à travailler sur un site statique. Quelques exemples sont Yoast SEO, recherche (nous remplaçons la recherche native WP par une recherche optimisée par Algolia de haute qualité, prête à l’emploi, pour tous nos utilisateurs), WPML, Polylang, redirections 301, pages protégées par mot de passe, publications planifiées, Gravity Forms, Contactez Form 7, CoSchedule, et plus encore.

Pour récapituler, quels sont vos 5 meilleurs conseils pour les personnes qui souhaitent lancer un site WordPress statique?

  1. Familiarisez-vous avec ce que signifie «statique» et quels sont ses avantages. Il existe des tonnes de contenu sur ce sujet. Un autre terme populaire utilisé pour décrire cette approche du développement de sites Web est «Jamstack». Il est destiné à être positionné par rapport à la pile LAMP, qui est considérée comme plus ancienne et héritée. «Jam» signifie Javascript, API et Markup.
  2. Recherchez les options disponibles pour l’hébergement et la publication de sites WP statiques et voyez ce qui fonctionne le mieux pour vous.
  3. Assurez-vous que vous utilisez des outils compatibles avec l’électricité statique. Par exemple, les systèmes de formulaires tiers tels que TypeForm, Marketo, Wufoo, Hubspot, MailChimp, etc. qui leur fournissent directement les soumissions de formulaires sont excellents. Si vous utilisez Strattic, vous pouvez également utiliser Gravity Forms ou CF7 – des plugins de formulaires WordPress qui ne fonctionnent pas directement sur les statiques, mais nous les prenons en charge sur Strattic. Vous pouvez voir de nombreux exemples d’outils que vous pouvez utiliser pour remplacer les fonctionnalités traditionnellement «dynamiques» dans notre Répertoire des outils statiques.
  4. Testez soigneusement votre site statique avant de le lancer. Strattic propose un essai gratuit et vous pouvez migrer une copie de votre site et la publier en statique, avant de connecter le domaine de votre site Web. En outre, tous les utilisateurs de Strattic obtiennent un site de prévisualisation statique en plus du site de production statique. Même une fois que vous connectez votre domaine, vous pouvez toujours tester votre site WP d’abord dans l’environnement statique de prévisualisation pour vous assurer que tout semble correct avant de déployer des modifications sur votre site en direct pour que tout le monde puisse le voir.
  5. Célébrez votre participation à une tendance passionnante qui contribue à assurer l’avenir de WordPress pour tous! 🎉

Source link