Maison > interface Web > js tutoriel > Génération de sites statiques (SSG) | Explication avec Anologie

Génération de sites statiques (SSG) | Explication avec Anologie

Mary-Kate Olsen
Libérer: 2024-11-28 06:28:13
original
207 Les gens l'ont consulté

Static Site Generation (SSG) | Explanation with Anology

La génération de sites statiques (SSG) est une méthode de création de sites Web où les pages HTML sont générées au moment de la construction, plutôt qu'au moment de l'exécution. Cela signifie que le contenu du site Web est pré-rendu dans des fichiers HTML statiques avant d'être déployé sur un serveur Web.


L'analogie avec la génération de sites statiques (SSG) peut être tirée du monde de l'impression de livres.

Analogie : Imprimer un livre avant le lancement

Imaginez que vous êtes un auteur qui envisage de sortir un nouveau livre. Dans ce scénario, le livre est votre site Web et les pages du livre sont les pages Web individuelles (comme la page d'accueil, la page à propos, l'article de blog, etc.).

  1. Site Web dynamique traditionnel (impression en temps réel) :

Pour un site Web traditionnel (comme un site Web dynamique), chaque fois que quelqu'un commande un exemplaire de votre livre, l'éditeur imprime le livre à partir de zéro, un à la fois. Chaque client doit attendre que le livre soit imprimé et relié avant de recevoir son exemplaire. Plus vous avez de commandes, plus il faut de temps pour imprimer tous les exemplaires, et le processus peut ralentir si plusieurs personnes commandent en même temps (site lent).

  1. Génération de sites statiques (livres pré-imprimés) :

Maintenant, imaginez qu'au lieu d'imprimer le livre lorsque quelqu'un le commande, vous imprimez tous les livres à l'avance et les stockez dans votre magasin. Lorsque quelqu’un vient acheter le livre (ou visite le site Web), il peut immédiatement récupérer un exemplaire pré-imprimé dans l’étagère. Il n'y a pas de temps d'attente et le livre (page web) est prêt à partir.

C'est comme la génération de site statique (SSG), où toutes les pages Web sont générées avant que les utilisateurs ne visitent le site, et lorsque quelqu'un demande une page, elle est instantanément servie à partir d'un fichier statique prédéfini.

Avantages dans cette analogie :

Vitesse : les clients peuvent récupérer le livre pré-imprimé immédiatement, tout comme les utilisateurs peuvent accéder instantanément aux pages Web prédéfinies.

Efficacité : il n'est pas nécessaire de réimprimer des livres à chaque fois que quelqu'un en commande un, tout comme il n'est pas nécessaire de restituer la page pour chaque utilisateur.

Évolutivité : que vous ayez 10 ou 10 000 clients, il leur suffit de prendre un livre pré-imprimé dans l'étagère (ou de se voir servir une page prédéfinie).

Comment cela s'applique à SSG :

Pré-construction : le livre est imprimé en masse (les pages sont pré-rendues pendant le temps de construction).

Accès instantané : lorsque les utilisateurs (clients) viennent sur le site (magasin), ils obtiennent instantanément le contenu car il est déjà pré-construit (pré-imprimé).

Exemple de technologie SSG : Gatsby

Gatsby est un générateur de sites statiques populaire. Il vous permet de pré-créer un site Web en compilant des données provenant de diverses sources (telles que des CMS, des fichiers de démarque ou des API) dans des fichiers HTML, CSS et JavaScript statiques. Une fois construit, votre site Web peut être servi très rapidement, tout comme un livre pré-imprimé sur une étagère.

En résumé, SSG, c'est comme imprimer tous vos livres avant le lancement. Ainsi, lorsque les clients se présentent, ils peuvent instantanément en récupérer une copie sans avoir à attendre qu'elle soit imprimée, offrant ainsi un moyen plus rapide et plus efficace de diffuser du contenu.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal