Página web estática

destinado a ser entregado tal cual, servido sin modificaciones y sin ningún contenido ad-hoc

Una página web estática (a veces llamada página plana o página estacionaria) es una página web que se entrega al navegador del usuario exactamente como está almacenada,[1]​ en contraste con 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, de todos los contextos, con sujeción a las capacidades modernas de un servidor web para negociar el tipo de contenido o el idioma del documento cuando esas versiones están disponibles y el servidor está configurado para hacerlo.[3]

Visión general editar

Las páginas web estáticas suelen ser documentos HTML[4]​, CSS y JavaScript, almacenados como archivos en el sistema de archivos y puestos a disposición por el servidor web a través de un protocolo de transferencia, como HTTP (no obstante, las direcciones 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 almacenada.

Las páginas web estáticas son adecuadas para contenidos que nunca o rara vez necesitan ser actualizados, aunque los modernos sistemas de plantillas web están cambiando esto. El mantenimiento de un gran número de páginas estáticas como archivos puede ser poco práctico sin herramientas automatizadas, como los generadores de sitios estáticos. Otra forma de gestionar las páginas estáticas son los parques de código fuente compilado en línea, por ejemplo, GatsbyJS y GitHub pueden utilizarse para migrar un sitio de WordPress a páginas web estáticas.[5]​ Cualquier personalización o interactividad tiene que funcionar del lado del cliente, lo cual es restrictivo.[6]

Ventajas de un sitio web estático editar

  • Proporciona una mayor seguridad en los sitios web dinámicos (los sitios web dinámicos corren el riesgo de sufrir diversos tipos de ataques, como de web shell, si existe una vulnerabilidad)[7]
  • Mejor rendimiento para los usuarios finales en comparación con los sitios web dinámicos[8]
  • Menos o ninguna dependencia de sistemas como bases de datos u otros servidores de aplicación[9]
  • Ahorro de costos por la utilización del almacenamiento en la nube, en lugar de un entorno alojado[10]

Desventajas de un sitio web estático editar

  • La funcionalidad dinámica debe realizarse en el lado del cliente[6]​, lo que afecta negativamente la indexación SEO del contenido, y compromete un mayor consumo de recursos del sistema del dispositivo del usuario. La funcionalidad dinámica alcanzable con un sitio estático, está, a su vez, muy limitada a tan solo aquellos recursos disponibles localmente.

Referencias editar

  1. «The Difference Between Dynamic & Static Web Pages | Chron.com». web.archive.org. 20 de marzo de 2019. Archivado desde el original el 20 de marzo de 2019. Consultado el 25 de mayo de 2020. 
  2. «dynamic Web page Definition from PC Magazine Encyclopedia». web.archive.org. 17 de enero de 2017. Archivado desde el original el 17 de enero de 2017. Consultado el 25 de mayo de 2020. 
  3. «Qu'est-ce qu'un site statique ou dynamique?». web.archive.org. 11 de septiembre de 2016. Archivado desde el original el 11 de septiembre de 2016. Consultado el 25 de mayo de 2020. 
  4. «What is a Static Web Page? - Definition from Techopedia». Techopedia.com (en inglés). Consultado el 25 de mayo de 2020. 
  5. «The End of an Era: Migrating from WordPress to Gatsby – Tania Rascia». web.archive.org. 21 de marzo de 2019. Archivado desde el original el 21 de marzo de 2019. Consultado el 25 de mayo de 2020. 
  6. a b «An Introduction to Static Site Generators». web.archive.org. 26 de junio de 2019. Archivado desde el original el 26 de junio de 2019. Consultado el 25 de mayo de 2020. 
  7. «Why use a static site generator?». CloudCannon Academy (en inglés). 6 de febrero de 2017. Consultado el 25 de mayo de 2020. 
  8. «Why Static Site Generators Are The Next Big Thing». Smashing Magazine (en inglés). 2 de noviembre de 2015. Consultado el 25 de mayo de 2020. 
  9. «An Introduction to Static Site Generators». archive.vn. 21 de julio de 2015. Archivado desde el original el 21 de julio de 2015. Consultado el 25 de mayo de 2020. 
  10. «Static vs Dynamic Websites: Pros and Cons - Will Vincent». wsvincent.com. Consultado el 25 de mayo de 2020. 

Enlaces externos editar