¿Cuál es la diferencia entre un sitio web dinámino y uno estático?
La tecnología está llena de acrónimos y «technospeak» que deja a los personas externas a este mundo desconcertadas y confundidas. Internet y el sitio web no son diferentes, y aunque los tecnisismos han entrado en el léxico cotidiano, ¡la mayor parte de ellos siguen siendo un misterio incluso para aquellos que los utilizan!
Para responder a la pregunta, necesitamos entender la tecnología y su contexto, y así examinar sus beneficios y usos.
¿Qué es un sitio web estático?
Un sitio web estático utiliza únicamente HTML sin depender del contenido, o partes del contenido, que se extrae de varias bases de datos. Esto significa que cada página está construida por su cuenta, codificada y cargada individualmente, sin importar quién o de qué manera se llega a la página.
¿Qué es un sitio web dinámico?
Mientras que todavía utiliza la codificación HTML, un sitio web dinámico «tira» de contenido diferente en una página web desde el repositorio de la base de datos dentro del sitio web (u otras fuentes externas).
Esto permite que el sitio web presente contenido variable en una página en función de las opciones del visitante, así como el historial de visitas anteriores utilizando cookies y otras variables.
¿Todavía no tiene mucho sentido?
Hagamos esto menos técnico, de una manera que tenga más sentido para la gente sin un entendimiento técnico.
Una página web tiene muchos elementos específicos como:
- Claves de navegación
- Encabezado (por ejemeplo la diapositiva o imagen este sitio web) – no lo confundamos con el «Header» en código HTML, pero esta es la parte visible entre la barra de navegación y el contenido principal.
- Contenido de texto – esto es un poco lo que estas leyendo ahora en esta página
- Imágenes en el cuerpo del texto – estas son las imágenes que ves dentro del cuadro de texto
- Widgets – segmentos especiales que realizan funciones específicas como reservas en un hotel, suscripción a newsletter, etc. Por ejemplo, en esta página tienes una barra lateral a la derecha que muestra «Mensajes recientes», «Etiquetas», «Promo», «Social Share», etc. Estos son widgets, así como la propia barra lateral que es un widget.
- Pie – Parte inferior en la que ves el logo, información de contacto, post recientes, tags, formulario de contacto, copyright, etc.
En una página web estática, todos ellos están predefinidos y están «codificados», mientras que en una página web dinámica estos elementos se pueden alterar en función de visitas anteriores del visitante (cookies), condiciones variables (hora del día, idioma, origen del tráfico, etc.), selecciones (comercio electrónico), etc.
Cada uno de estos elementos son «dinámicamente» extraidos a través de la construcción de una página web. Para construir cada página, el código debe incluir instrucciones sobre qué elementos, de qué fuente de base de datos, bajo qué condiciones, etc., se deben extraer para crear una página específica.
¿Cuáles son los pros y contras de un sitio dinámico ante uno estático?
Algunos sitios web tienen que ser creados como sitios web dinámicos, pero la mayoría de los sitios web se pueden hacer utilizando cualquiera de los métodos, por lo que, como todas las cosas en la vida, hay pros y contras en cada método. El diseñador del sitio web debe sopesar las necesidades del cliente frente a las necesidades técnicas del sitio web y recomendar el mejor método. Aquí están las cosas que debes considerar:
Actualización del contenido
En un sitio web estático codificaríamos cada elemento de esta página individualmente y repetiríamos el proceso para tantas páginas tenga tu sitio web. Si hacemos un cambio en la clave de navegación (p. ej., añadimos un nuevo botón), o Mensajes recientes (añadimos un nuevo blog), o queremos cambiar nuestro número de teléfono, tenemos que hacer ese cambio en cada página. Así que si tienes 100 páginas, ¡eso son 100 cambios!
En un sitio web dinámico, la página se extrae de varios repositorios (imagen, texto, widgets, pie de página, encabezado, etc.), por lo que si queremos hacer un cambio (añadir un nuevo botón de navegación), simplemente lo cambiamos en el repositorio «Menú» y todas las 100 páginas muestran la nueva clave de navegación.
¡Viendo lo fácil que es aplicar los cambios, te preguntas por qué alguien usaría una página estática! ¡Pero sigue leyendo ya que hay más en esto de lo que parece!
Administración del contenido
Con los sitios web dinámicos puedes utilizar un CMS (Content Management System) en el sitio web, que te permite hacer cambios sin una gran dependencia de la codificación. Un gran ejemplo de CMS es WordPress (el CMS más utilizado), Joomla, Dupral, etc.
Incluso cuando tienes un sitio web a medida, el back-end del sitio web puede permitir cambios y edición del contenido, aunque los cambios más fundamentales como el diseño o estilo todavía requiere conocimientos técnicos.
En un sitio web estático, tienes que aplicar cambios a cada página, y a cada elemento. Si bien hay intentos valientes de crear productos CMS con el fin de gestionar el contenido de sitios web estáticos, son caros y requieren un buen grado de conocimiento técnico. Un ejemplo de esto es el ahora desaparecido Adobe Contribute.
Costo de mantenimiento
El costo de mantenimiento es mucho más bajo para los sitios webs dinámicos, porque los cambios son más fáciles de implementar en todo el sitio web, sobre todo si tienes un sitio web extenso.
En algunos sectores como el comercio electrónico, el inmobiliario, el alquiler de coches, etc., donde los visitantes tienen que seleccionar de los repositorios de productos o servicios, no hay más remedio que utilizar un sitio web dinámico. Como los productos, servicios, precios, disponibilidad, etc. necesitan ser extraídos de varias bases de datos, entonces es más fácil y más rápido crear todo el sitio web utilizando bases de datos dinámicas.
Con un sitio web estático necesitas tener conocimientos de codificaicón y aplicar cualquier cambio en todas las páginas del sitio web.
Diseño responsivo
Tanto los sitios web estáticos como dinámicos se pueden diseñar como sitios web «Responsive», lo que significa que las páginas y el contenido se transformarán en diferentes diseños dependiendo del tamaño de la pantalla del visitante, sin la necesidad de «Zoom-and-Pinch».
Los sitios web estáticos requieren más ingenio y codificación más hábil, mientras que el sitio web de contenido dinámico implementado utilizando un CMS, como WordPress junto con un tema acorde, hacen la vida más fácil para los usuarios sin conocimientos técnicos.
Seguridad
Aquí es donde todo se pone más interesante. Las páginas estáticas tienen un único punto de ataque: el puerto FTP, donde se puede actualizar el código o contenido de forma remota. Todo lo que tienes que hacer es proteger este puerto para estar sano y salvo.
Los sitios web dinámicos tienen múltiples puntos de ataque. Las páginas dinámicas se crean usando PHP, y si tiene versiones anteriores, tu sitio web es vulnerable. En el momento de escribir este artículo, la versión actual es PHP 7.x, mientras que las versiones anteriores como PHP 5.x ya no son compatibles (piensa en ellos como Windows XP!).
Esto significa que los sitios webs dinámicos necesitan protección a nivel PHP, de base de datos, CMS y FTP. Todos los sitos webs basados en PHP son vulnerables a inyecciones de SQL/MySQL, ejecución remota de código, inyección de código, de comando, etc., lo que significa que los sitios webs dinámicos requieren de una buena seguridad y mecanismos de defensa.
Velocidad de carga
Las páginas estáticas se cargan a la velocidad de la luz, y ninguna cantidad de magia técnica puede hacer la carga de un sitio web más rápida. La razón es simple: un sitio web estático no tiene que llamar a múltiples repositorios para obtener toda la información que necesita para construir la página. Todos los datos que necesita están dentro del código de página, con algunas excepciones como las imágenes, que se mantienen en una carpeta definida.
Dado que el tiempo de carga de páginas es un gran problema para Google, si estás cazando una palabra clave altamente competitiva, realmente te desmarcarás de la competencia si utiliza un sitio web estático.
Conclusión
Algunos tipos de sitios web como los e-Commerce, sitios interactivos, etc. no tienen opción sino utilizar contenido dinámico.
Finalmente, la barrera más grande de los sitios webs estáticos es el coste de configuración original y costes de gestión de contenidos continuos, lo que ha hecho que caigan en desuso entre muchos usuarios y diseñadores web. Por lo general, la configuración de un sitio web estático cuesta 3 veces más que un sitio basado en WordPress. Dependiendo de cuán a menudo se tenga que actualizar el contenido, el costo de mantenimiento se puede convertir en algo a lamentar.
Para obtener información sobre cómo crear un sitio web efectivo y que genere beneficios sin charlatanería, contáctanos para darte asesoría sin compromiso.