Lorsque le « World Wide Web » a été révélé au public pour la première fois en 1991, tous les sites web étaient des collections de documents HTML statiques – chaque fichier contenant le balisage nécessaire pour afficher une page complète dans un navigateur web. Presque immédiatement, les développeurs pionniers du web ont commencé à travailler sur les moyens de générer des sites web de manière dynamique, assemblés par un code fonctionnant sur des serveurs web et extrayant le contenu de systèmes de base de données.
Bien que les sites web statiques n’aient pas totalement disparu avec l’arrivée des CMS, une approche moderne du concept de site statique est aujourd’hui populaire auprès de ceux qui privilégient la vitesse et la sécurité.
Sur la plateforme d’hébergement de sites statiques de Kinsta, les sites web sont en effet rapides et sécurisés. Ils sont également gratuits.
Examinons de plus près les sites statiques et la manière dont Kinsta peut vous aider à déployer le vôtre sur des serveurs de pointe dans le monde entier.
Un site statique est-il adapté à votre projet web ?
Un site statique sert des fichiers HTML, CSS, JavaScript et média pré-construits.
« L’avantage d’un contenu statique est qu’il est rapide et efficace », explique Michael Fuller, développeur JavaScript chez Kinsta et membre de l’équipe qui a contribué au lancement de la plateforme d’hébergement de sites statiques de Kinsta. « Plutôt que d’avoir à construire la page en dialoguant avec la base de données, le serveur se contente d’envoyer aux utilisateurs vos fichiers préétablis »
« Au lieu de créer entièrement des fichiers statiques à la main, il existe un certain nombre de générateurs de sites statiques », ajoute-t-il. « Il s’agit de kits qui facilitent le processus de création et de mise à jour d’un site statique en transformant les fichiers que vous fournissez en un site web fonctionnel »
Quels types de projets peuvent être déployés sous forme de sites statiques ?
« Si vous n’avez pas de pages nécessitant une connexion, pas de base de données ou quoi que ce soit d’autre qui nécessiterait un contenu dynamique, il s’agit probablement d’un bon candidat pour un site statique », explique M. Fuller. « Il peut s’agir de portfolios, de pages de marketing ou même d’un blog si vous pouvez écrire de nouveaux articles à l’aide d’un générateur de site statique »
De plus, lorsqu’un site n’a pas de serveur ou de base de données à laquelle se connecter, il offre moins de possibilités de violation de la sécurité.
« Pour les cas plus avancés, vous pouvez adopter une approche mixte », explique M. Fuller. « Vous pouvez créer un site statique qui utilise un frameworl JavaScript pour communiquer avec un serveur géré séparément. De cette façon, vous bénéficiez des avantages de la vitesse dans les temps de chargement initiaux, combinés à la flexibilité d’un site dynamique. »
Aperçu de l’hébergement de sites statiques chez Kinsta
Voici ce que vous obtenez gratuitement sur la plateforme d’hébergement de sites statiques de Kinsta :
- 100 sites statiques par entreprise
- 1 création simultanée par site
- 1 Go de taille d’image par site
- 600 minutes de construction par mois par entreprise
- 100 Go de bande passante par mois et par entreprise
Et, comme pour les plateformes d’hébergement d’applications et d’hébergement WordPress infogéré de Kinsta, les certificats SSL sont gratuits, les noms de domaine personnalisés sont pris en charge et une API optionnelle est disponible pour la gestion des sites.
Kinsta construit et pousse le contenu des sites statiques vers les 260+ centres de données du réseau mondial Cloudflare – la même plateforme qui soutient le CDN de Kinsta et la mise en cache pour les sites WordPress.
Déployer un site statique chez Kinsta
La première étape pour déployer un site statique chez Kinsta est de connecter votre hébergeur Git préféré à votre compte dans MyKinsta.
« Nous prenons actuellement en charge trois des principaux fournisseurs Git, BitBucket, GitHub et GitLab », explique Fuller. « Cela signifie qu’en plus des avantages liés au fait que nous servons votre site, vous pouvez utiliser leurs outils de suivi des versions »
Après avoir autorisé l’accès de MyKinsta à votre fournisseur Git, vous pouvez commencer à ajouter votre premier site statique en sélectionnant son dépôt et sa branche :
Ci-dessus, nous avons sélectionné Déploiement automatique au commit, ce qui signifie que Kinsta redéploiera le site lorsque des changements seront poussés vers la branche sur l’hôte Git.
Ensuite, MyKinsta va essayer de déterminer les réglages de construction requis pour votre projet :
« Si nous sommes en mesure de détecter le générateur et le gestionnaire de paquets que vous utilisez, nous les pré-remplirons avec les conventions standard utilisées pour eux », explique Fuller. « Par exemple, la commande pour les constructions alimentées par Node.js est généralement yarn build ou npm run build, et le répertoire de publication est généralement quelque chose comme build, dist, public ou out. »
« Vous pouvez également spécifier vos propres variables d’environnement si votre processus de construction les utilise. »
« Pour la version initiale de l’hébergement de sites statiques, nous ne prenons en charge que Node.js pour la construction de sites », explique Fuller, « mais nous travaillons à vous proposer d’autres plates-formes à l’avenir »
Cependant, vous pouvez toujours déployer de nombreux sites statiques qui ne dépendent pas des outils Node.js pour la construction. À titre d’exemple, nous avons décrit comment déployer un site Jekyll et un site Hugo – aucun de ces deux sites n’est construit à l’aide de Node.js. Dans les deux cas, les ressources du site web sont construites en dehors de la plateforme Kinsta, puis ajoutées à un dossier ou à une branche dans un dépôt Git pour être déployées en tant que site statique.
Vous pouvez également déployer des ressources statiques qui n’ont pas d’étape de construction du tout, par exemple, des sites HTML simples.
« Si vous n’utilisez pas de générateur, aucune commande de construction n’a besoin d’être spécifiée et nous supposons que votre dépôt contient des fichiers pré-fabriqués », explique Fuller.
Une fois qu’un déploiement est déclenché, il est ajouté à la file d’attente de construction du site.
« Lorsque le déploiement démarre, nous créons une instance de construction dans Google Cloud Platform et extrayons le code de votre dépôt », explique M. Fuller. « Si une commande de construction a été spécifiée, nous utilisons une image basée sur la plateforme que vous avez spécifiée – Node.js pour l’instant – pour exécuter cette commande. Ensuite, nous vérifions la taille des fichiers dans le répertoire de publication pour nous assurer qu’elle ne dépasse pas nos limites. »
« L’étape finale est le téléchargement, où nous poussons vos fichiers vers un seau Cloudflare R2. »
Maximiser la vitesse avec des déploiements incrémentaux
Le processus de déploiement de l’hébergement de sites statiques optimise les temps de construction en téléversant vers les serveurs Cloudflare uniquement les fichiers qui ont réellement été modifiés.
« Nous conservons les fichiers précédemment téléversés sur plusieurs déploiements, de sorte que si vous choisissez de redéployer une version précédente, le nombre de fichiers à téléverser à nouveau est faible, voire nul », explique Fuller. « Pour cela, nous renommons les fichiers en fonction de la valeur de hachage de leur contenu et conservons un enregistrement des chemins d’accès d’origine. Nous les stockons dans un fichier de carte pour ce déploiement, avec le chemin comme clé et le nouveau nom comme valeur »
« Lorsqu’une requête est envoyée au site, nous utilisons la carte du déploiement actuel pour accéder à la version correcte du fichier »
Résumé
La plateforme d’hébergement de sites statiques de Kinsta offre une diffusion de contenu rapide comme l’éclair sur un réseau de serveurs de classe mondiale, soutenu par le tableau de bord MyKinsta qui fait du déploiement un jeu d’enfant.
Et tout cela est gratuit.
Soyez rapidement opérationnel avec l’hébergement de sites statiques chez Kinsta en consultant notre bibliothèque d’exemples de démarrage rapide couvrant un certain nombre de générateurs de sites statiques. Les exemples incluent des dépôts Git que vous pouvez copier pour démarrer vos propres projets.
Steve Bonisteel is a Technical Editor at Kinsta who began his writing career as a print journalist, chasing ambulances and fire trucks. He has been covering Internet-related technology since the late 1990s.
Laisser un commentaire