Una vista a lo tradicional
En un principio solo existían los blogs, después vinieron las páginas web para negocios y después los e-commerce.
Si conoces un poco sobre la historia de Internet, la anterior frase te habrá sonado un poco extraña, sin embargo no lo es para una herramienta muy extendida en la web y que muchas personas conocen, Wordpress. Esta herramienta tuvo sus inicios en la época de los blogs, y dada su facilidad de uso, la posibilidad de instalarlo en tu propio servidor, la disponibilidad de casi incontables temas; creció tanto que hoy en día es normal ver a Wordpress como soporte o backend de páginas web complejas. Creció tanto hoy es usual verlo corriendo sitios de e-commerce completos, con página de presentación, sección de usuarios, galerías y carro de compras.
Wordpress Woo Commerce
Sin embargo, tener un sitio de Wordpress plenamente funcional y bajo tu completo dominio cuesta, aparte del dominio tendrás que pagar un hosting. Pero más allá de los costos operativos, está el tiempo de respuesta de un sitio de estos, dado que la tecnología de Wordpress está basada en [PHP]( “Lenguaje de programación”), conocido lenguaje de programación para el servidor Apache, que permite conectividad con una base de datos, generalmente [MySQL]( “Base de datos relacional”), donde están guardados los datos del sitio, como lo son los artículos del blog, los contenidos de las páginas y por supuesto, en un e-commerce, los artículos que vendes.
Toda esta pila de aplicaciones y frameworks vuelven pesado a tu sitio, agregan tiempos de consulta a la base de datos, lo alejan de la indexación en motores de búsqueda como Google, es decir, dificultan el SEO, dado que la información del sitio se renueva con cada carga. Y por supuesto, está el tema de la seguridad, con mayor pila de aplicaciones y frameworks, vienen más puntos de falla.
¿Existe algo mejor?
Primero, conviene entender que Wordpress y otros sistemas de gestión de contenido o CMS por sus siglas en inglés, como Joomla o Drupal, generan los sitios de forma dinámica, es decir, el sitio no existe por completo en HTML puro en tu servidor, sino que la mera estructura está allí esperando a que la base de datos la llene, lo cual toma tiempo como ya se dijo.
Para ello, desde hace unos años se viene hablando de los generadores de sitios estáticos, que tienen una filosofía muy distinta, pero que también pueden proporcionarnos un sitio con las mismas prestaciones de un CMS, mediante el uso de plataformas de terceros o APIs, y en general de los servicios que hoy crecen en la nube.
Un sitio web estático puede estar alojado en un servidor de forma completa en HTML, CSS y JavaScript, por lo que es lo único que el servidor le tiene que entregar al navegador web, sin demoras, sin pilas de aplicaciones o frameworks. Pero entonces, ¿dónde guarda los artículos y datos del sitio?. Vamos a responder esa pregunta.
Cómo funciona un sitio web estático
Este concepto de sitios no es nuevo, proviene de la época de los inicios de la Internet, donde tu página web no cambiaba una sola coma durante mucho tiempo, hasta que el desarrollador o administrador subiera una versión nueva a través de FTP. Sin embargo, lo que conocemos hoy como sitios web estáticos, a pesar de estar alojados como una pila web estándar como ya se dijo, la versión que estás viendo en tu navegador, ha sido generada automáticamente por un generador de sitios web estáticos de forma automática, cada vez que un autor crea un post, o que un desarrollador cambia algo en la página, entre otras cosas. Por lo que dicha nueva versión no cambia en cada carga del sitio sino en cada edición, en específico sólo cambian las partes que fueron modificadas. Es por esta razón que su velocidad de carga y estabilidad como sitio web es varias veces mayor que la de los CMS tradicionales.
Al no tener base de datos asociada, los contenidos del sitio web estático se guardan directamente en los servidores donde está alojado el sitio, estos datos generalmente están guardados en formato Markdown, pero también se admite JSON, TOML o YAML. Por supuesto, dichos datos no son accesibles al visitante, sino que sirven para generar el sitio en la pila estándar ya mencionada.
JAMStack
Este fue un término acuñado por Mathias Biilman, cofundador de Netlify, y quiere decir que lo único que necesitas es JavaScript, APIs y Markdown, para tener un sitio complejo plenamente funcional, sin estar amarrado a una base de datos o a frameworks pesados. Sin embargo, el JAMStack no funciona por sí solo en un servidor, generalmente se sirve de una CDN para alojar tu sitio, dicha CDN usualmente contiene el generador de sitios web estáticos, del mismo tipo con el cual fue hecho localmente el sitio web, de manera que ante cualquier cambio que se detecte en la versión guardada en la CDN, tu sitio se vuelve a generar de forma automática.
Conclusiones
- Los sitios web realizados con Wordpress y otros CMS tradicionales son generados de manera dinámica, es decir, accediendo a la base datos y llenando una estructura HTML, CSS, JavaScript básica. Lo cual los hace más inseguros y lentos.
- Los sitios web estáticos se generan sólo cuando cambia el contenido del sitio, este trabajo lo realiza la CDN a través de las herramientas internas que posee, de manera que el usuario siempre recibe una versión plana del sitio, lo que lo hace rápido y seguro.
- Al estar construidos por completo en la pila web estándar, los sitios web estáticos son más fáciles de optimizar para los motores de búsqueda, por lo que serán posicionados más arriba que los sitios con CMS tradicionales.
- Dado que los sitios web estáticos que utilizan el JAMStack de forma adecuada, corren sobre una CDN, su disponibilidad es más alta, la seguridad es garantizada por la CDN y es posible alojarse en una que tenga un plan gratuito suficientemente amplio para sitios web pequeños y de un tráfico moderado.
Visita nuestra sección de servicios y consigue una cotización para mejorar tu sitio web, o crear uno nuevo. Estamos seguros que podemos reducir los costos de mantenimiento de tu actual sitio, así como incrementar su velocidad de carga y seguridad en general. Ponte en contacto.