WordPresswordpress-a-html-estatico

Contenido dinámico vs HTML estático

Una de las ventajas de WordPress es la facilidad que tiene para adaptar el contenido de sus páginas a cada usuario (página de perfil, carrito…). A esto se le llama página web dinámica, su contenido se genera recogiendo los datos del usuario y los añade, por ejemplo, a la página del carrito para mostrar los productos que ha añadido a este.

Comencemos detallando lo que es una página web dinámica. Una página web dinámica es aquella en la que la información que se va a mostrar se genera a partir de a una petición que realiza el cliente al acceder a la página. Simplificando, el sitio web genera un contenido HTML determinado para ese usuario. Estas son generadas por un lenguaje de programación. Los lenguajes para desempeñar esta ardua tarea pueden ser: PHP, JavaScript, Python, Rubí…

Lo siguiente que tocaría explicar es, ese conjunto de letras que he escrito antes, el HTML. HTML es un lenguaje de marcas que se encarga de la elaboración de las páginas web.

En resumen, una página web dinámica utiliza un lenguaje de programación para generar un HTML adaptado al usuario y una página web estática está creada, directamente, en HTML. A parte del HTML, las webs suelen estar compuestas por archivo(s) CSS y JavaScript.

¿Por qué convertir tu WordPress a HTML estático?

Las razones que te pueden llevar a querer convertir tu WordPress a HTML estático podrían ser varias: mayor seguridad, potenciar el SEO o mejorar la velocidad.

En cuanto a la seguridad y la velocidad, WordPress utiliza un sistema de bases de datos y otros componentes que pueden producir un mayor tiempo de carga o, incluso, exponer el sitio web a potenciales vulnerabilidades de seguridad.

En un HTML estático, los tiempos de carga se reducen ya que no tiene que hacer llamadas a la base de datos, ni tiene que esperar la respuesta. Tampoco tiene las posibles vulnerabilidades de seguridad en la conexión con la base de datos (inyecciones SQL o Cross-site Scripting).

Entonces, si se trata de un pequeño sitio web, con poco contenido y sin bases de datos, el HTML estático es la solución que más se adapta a tus necesidades.

Convertir tu WordPress a HTML estático

Sabiendo las diferencias entre una página web dinámica y una página web estática, vamos a ponernos manos a la obra.

La manera más sencilla de convertir tu WordPress a HTML estático es usando un plugin, en este caso vamos a usar el Simply Static.

simply-static-1

La propia descripción del plugin nos dice: Simply Static es un generador de sitios estáticos para WordPress que le ayuda a crear un sitio estático que puede servir por separado de su instalación de WordPress. Esto proporciona un par de beneficios. Uno, le permite mantener WordPress en una ubicación segura a la que nadie puede acceder excepto usted. Dos, su sitio estático va a ser muy, muy rápido.
Lo primero que hay que hacer es instalarlo y activarlo.

A continuación, en el panel de navegación de la izquierda, ve a Simply Static → Configuración. En este apartado se podrá redirigir las Url’s y el método de compresión

simply-static-2

Y para finalizar, en el panel de navegación de la izquierda, ve a Simply Static → Generar y haz click en “Generar Archivos Estáticos.”

simply-static-3

Y con esto, ya estaría convertido tu WordPress a un HTML estático.

Conclusión

Decantarse por usar un HTML estático o un WordPress se puede deber a muchos factores, por ello, en el siguiente listado podrás escoger que es lo que más se ajusta a tus necesidades.

Ventajas de usar HTML estático

  • Mayor seguridad
  • Mejor rendimiento
  • No necesita actualizaciones continuas
  • Perfecto para un pequeño sitio web con poco contenido

Ventajas de usar WordPress

  • Accesible
  • Fácilmente editable
  • Variedad de plugins
  • Actualizaciones constantes
  • Sencilla gestión de los contenidos

En DominioZero diseñamos páginas web y tiendas online en WordPress y en html estático. Si tienes un proyecto en mente y necesitas asesoramiento o ayuda puedes ponerte en contacto con nosotros.

[Total: 0   Promedio: 0/5]