Página web estática

Página web entregada al navegador web tal como está

Una página web estática , a veces llamada página plana o página estacionaria , es una página web que se entrega a un navegador web exactamente como está almacenada, ^[1] a diferencia de las páginas web dinámicas que son generadas por una aplicación web. ^[2]

En consecuencia, una página web estática muestra la misma información para todos los usuarios, desde todos los contextos, sujeta a las capacidades modernas de un servidor web para negociar el tipo de contenido o el idioma del documento cuando dichas versiones están disponibles y el servidor está configurado para hacerlo. ^[3] Sin embargo, el JavaScript de una página web puede introducir una funcionalidad dinámica que puede hacer que la página web estática sea dinámica.

Descripción general

Las páginas web estáticas suelen ser documentos HTML ^[4] almacenados como archivos en el sistema de archivos y puestos a disposición por el servidor web a través de HTTP (no obstante, las URL que terminan en ".html" no siempre son estáticas). Sin embargo, las interpretaciones laxas del término podrían incluir páginas web almacenadas en una base de datos e incluso podrían incluir páginas formateadas utilizando una plantilla y servidas a través de un servidor de aplicaciones, siempre que la página servida no cambie y se presente esencialmente como está almacenada.

El contenido de las páginas web estáticas permanece inmóvil independientemente del número de veces que se visualicen. Estas páginas web son adecuadas para contenidos que rara vez necesitan actualizarse, aunque los sistemas de plantillas web modernos están cambiando esto. Mantener una gran cantidad de páginas estáticas como archivos puede resultar poco práctico sin herramientas automatizadas, como los generadores de sitios estáticos . Cualquier personalización o interactividad debe ejecutarse en el lado del cliente, lo que es restrictivo. ^[5]

Ventajas

Proporcionar una seguridad mejorada en sitios web dinámicos (los sitios web dinámicos están en riesgo de sufrir ataques de shell web si existe una vulnerabilidad ) ^[6]
Rendimiento mejorado para los usuarios finales en comparación con los sitios web dinámicos ^[7]
Menos o ninguna dependencia de sistemas como bases de datos u otros servidores de aplicaciones ^[8]
Ahorro de costes al utilizar almacenamiento en la nube , en lugar de un entorno alojado ^[9]
Las configuraciones de seguridad son fáciles de establecer, lo que lo hace más seguro.

Desventajas

La funcionalidad dinámica debe realizarse en el lado del cliente ^[5]

Generadores de sitios estáticos

Los generadores de sitios estáticos son aplicaciones que compilan sitios web estáticos, generalmente rellenando plantillas HTML en una carpeta predefinida y una estructura de archivos, con contenido suministrado en un formato como Markdown o AsciiDoc .

Algunos ejemplos de generadores de sitios estáticos incluyen:

Lenguaje de programación Ruby :
- Jekyll (que impulsa las páginas de GitHub )
- Intermediario
Lenguaje de programación Go :
- Hugo
Lenguaje de programación JavaScript :
- Siguiente.js
- Astro.construcción
Lenguaje de programación Python :
- Pelícano
Lenguaje de programación Julia :
- Franklin

Referencias

^ Melendez, Steven (10 de agosto de 2018). "La diferencia entre páginas web dinámicas y estáticas". Chron . Archivado desde el original el 20 de marzo de 2019. Consultado el 20 de marzo de 2019. Estático por definición significa algo que no cambia. Las primeras páginas de la World Wide Web eran en gran medida estáticas y sin cambios, y ofrecían la misma información sobre un tema en particular a cualquiera que las visitara. En algunos casos, los sitios pueden evolucionar ligeramente con el tiempo, pero siguen siendo en gran medida estáticos, lo que significa que solo cambian cuando sus creadores los modifican manualmente, no de forma regular y automatizada.
^ "Definición de: página web dinámica". Revista PC . Archivado desde el original el 17 de enero de 2017. Consultado el 20 de marzo de 2019. Página web que proporciona contenido personalizado para el usuario en función de los resultados de una búsqueda o alguna otra solicitud.
^ "Site statique ou dynamique" [Sitio estático o dinámico]. morphenZero (en francés). Archivado desde el original el 11 de septiembre de 2016 . Consultado el 27 de julio de 2019 . Estas páginas pueden presentar todas las formas de contenido, animaciones flash, imágenes, música, vídeos, etc., pero siempre estarán presentes de la misma manera.
^ "¿Qué es una página web estática? - Definición de Techopedia". Techopedia.com . Archivado desde el original el 2018-11-04 . Consultado el 2018-11-04 .
^ ab Bouças, Eduardo (20 de mayo de 2015). "Introducción a los generadores de sitios estáticos". Archivado del original el 26 de junio de 2019. Consultado el 20 de marzo de 2019. Una solución peligrosa: existe una salida fácil para cuando se enfrenta al desafío de actualizar dinámicamente el contenido en un sitio estático: "Puedo hacerlo con JavaScript". Realizar el procesamiento en el lado del cliente y agregar los resultados a la página después de que se haya servido puede ser el enfoque correcto para algunos casos, pero no debe verse como la solución mágica que convierte su sitio estático en uno completamente dinámico.
^ "¿Por qué utilizar un generador de sitios estáticos?". Consejos de Jekyll . 2017-02-06. Archivado desde el original el 2017-02-16 . Consultado el 2017-02-17 .
^ "Por qué los generadores de sitios web estáticos son la próxima gran novedad - Smashing Magazine". Smashing Magazine . 2015-11-02. Archivado desde el original el 2017-02-18 . Consultado el 2017-02-17 .
^ Bouças, Eduardo (20 de mayo de 2015). "Introducción a los generadores de sitios estáticos". Archivado desde el original el 21 de julio de 2015 . Consultado el 20 de marzo de 2019 . Menos problemas con el servidor: instalar y mantener la infraestructura necesaria para ejecutar un sitio dinámico puede ser bastante complicado, especialmente cuando hay varios servidores involucrados o cuando es necesario migrar algo. Hay paquetes, bibliotecas, módulos y marcos con diferentes versiones y dependencias, hay diferentes servidores web y motores de bases de datos en diferentes sistemas operativos.
^ Vincet, William (9 de octubre de 2018). «Sitios web estáticos y dinámicos: ventajas y desventajas». Archivado desde el original el 26 de diciembre de 2018. Consultado el 26 de diciembre de 2018 .

Enlaces externos

La lista definitiva de generadores de sitios estáticos, una lista seleccionada por la comunidad de generadores de sitios estáticos.

[Melendez,_SmallBusiness,_2018-1] Melendez, Steven (10 de agosto de 2018). "La diferencia entre páginas web dinámicas y estáticas". Chron . Archivado desde el original el 20 de marzo de 2019. Consultado el 20 de marzo de 2019. Estático por definición significa algo que no cambia. Las primeras páginas de la World Wide Web eran en gran medida estáticas y sin cambios, y ofrecían la misma información sobre un tema en particular a cualquiera que las visitara. En algunos casos, los sitios pueden evolucionar ligeramente con el tiempo, pero siguen siendo en gran medida estáticos, lo que significa que solo cambian cuando sus creadores los modifican manualmente, no de forma regular y automatizada.

[Encyclopedia,_PCMag,_2017-2] "Definición de: página web dinámica". Revista PC . Archivado desde el original el 17 de enero de 2017. Consultado el 20 de marzo de 2019. Página web que proporciona contenido personalizado para el usuario en función de los resultados de una búsqueda o alguna otra solicitud.

[morphenZero,_2016-3] "Site statique ou dynamique" [Sitio estático o dinámico]. morphenZero (en francés). Archivado desde el original el 11 de septiembre de 2016 . Consultado el 27 de julio de 2019 . Estas páginas pueden presentar todas las formas de contenido, animaciones flash, imágenes, música, vídeos, etc., pero siempre estarán presentes de la misma manera.

[Techopedia,_2018-4] "¿Qué es una página web estática? - Definición de Techopedia". Techopedia.com . Archivado desde el original el 2018-11-04 . Consultado el 2018-11-04 .

[javascript-5] Bouças, Eduardo (20 de mayo de 2015). "Introducción a los generadores de sitios estáticos". Archivado del original el 26 de junio de 2019. Consultado el 20 de marzo de 2019. Una solución peligrosa: existe una salida fácil para cuando se enfrenta al desafío de actualizar dinámicamente el contenido en un sitio estático: "Puedo hacerlo con JavaScript". Realizar el procesamiento en el lado del cliente y agregar los resultados a la página después de que se haya servido puede ser el enfoque correcto para algunos casos, pero no debe verse como la solución mágica que convierte su sitio estático en uno completamente dinámico.

[CloudCannon,_2017-6] "¿Por qué utilizar un generador de sitios estáticos?". Consejos de Jekyll . 2017-02-06. Archivado desde el original el 2017-02-16 . Consultado el 2017-02-17 .

[:0-7] "Por qué los generadores de sitios web estáticos son la próxima gran novedad - Smashing Magazine". Smashing Magazine . 2015-11-02. Archivado desde el original el 2017-02-18 . Consultado el 2017-02-17 .

[Bouças,_2019-8] Bouças, Eduardo (20 de mayo de 2015). "Introducción a los generadores de sitios estáticos". Archivado desde el original el 21 de julio de 2015 . Consultado el 20 de marzo de 2019 . Menos problemas con el servidor: instalar y mantener la infraestructura necesaria para ejecutar un sitio dinámico puede ser bastante complicado, especialmente cuando hay varios servidores involucrados o cuando es necesario migrar algo. Hay paquetes, bibliotecas, módulos y marcos con diferentes versiones y dependencias, hay diferentes servidores web y motores de bases de datos en diferentes sistemas operativos.

[Vince,_2018-9] Vincet, William (9 de octubre de 2018). «Sitios web estáticos y dinámicos: ventajas y desventajas». Archivado desde el original el 26 de diciembre de 2018. Consultado el 26 de diciembre de 2018 .