En el pasado, hemos hablado de cómo WordPress se compara con otros sistemas de gestión de contenido populares, como Drupal, Joomla, e incluso Squarespace. ¿Pero qué tal si usted está tratando de decidir entre WordPress y un HTML estático para su sitio web?
A un nivel básico, esto es un tipo de debate generalizado entre usar un sistema de gestión contenido basándose en datos (como WordPress) o escribir todos los HTML/CSS por si mismo, y usar un framework.
Para ayudarle a tomar una decisión, le explicaremos qué significan estos términos, y luego nos adentraremos y veremos las ventajas y desventajas de cada enfoque.
- Diferencia entre WordPress y un HTML Estático
- Ventajas y Desventajas de WordPress
- Ventajas y Desventajas de un Sitio Web de HTML Estático
- Usar WordPress Como un Generador Estático de Sitio Web
Diferencia entre WordPress y un HTML Estático
Al final, todo sale como HTML en el frontend. El código de su sitio y se verá similar a esto, sin importar que usted use WordPress o un sitio web con HTML estático:
La diferencia importante es cómo nace ese HTML.
Con un HTML estático, la historia es muy simple. Usted, o su desarrollador, escribe el código (incluyendo su contenido). Luego, una vez que se encuentre dentro del servidor, siempre se mantendrá así. No habrá procesos que suceden en el background – su sitio siempre estará en su forma “terminada”.
WordPress, por otro lado, es un sistema de gestión de contenido que utiliza PHP y una base datos. En términos simples, esto quiere decir que cuando una persona visite su sitio de WordPress, su servidor “armará” su sitio de la siguiente forma:
- Ejecutará un código PHP para armar la versión HTML de su sitio.
- Consultará su base de datos para conseguir el contenido para insertarlo dentro de ese HTML
Entonces, ¿Qué Es Un Sistema de Gestión de Contenido?
Anteriormente, le explicamos que WordPress es un sistema de gestión de contenido, pero realmente, no explicamos lo que significa esto. Un sistema de gestión de contenido, normalmente abreviado como CMS, es un software que ayuda a crear, administrar y modificar contenido en un sitio, sin la necesidad de interactuar directamente con el código del mismo.
Por ejemplo, en lugar de agregar de forma manual su contenido, formateando con HTML, como lo haría normalmente con HTML estático del sitio, usted simplemente tiene que insertar el contenido usando el editor de WordPress y WordPress se encargará de mostrarlo en su sitio:
Similarmente, si alguna vez ha querido editar ese contenido en otro momento, usted sólo necesitaría entrar y editarlo usando ese mismo editor, en lugar de tener que editar directamente el archivo del HTML estático en su servidor.
Ventajas y Desventajas de WordPress
Hablaremos un poco de las ventajas y desventajas de un sitio web con HTML estático en unos segundos, pero primero, empecemos con algunas de las razones por las cuales, hoy en día, más del 42.7% del internet se encuentra usando WordPress.
Gestión de Contenido Sin Usar Código
El mayor beneficio de usar WordPress es que elimina casi por completo la necesidad de usar código en la gestión de su sitio web en su día a día. En su lugar, la mayoría de las acciones que usted tenga que hacer se harán a través de una interfaz gráfica.
Con está interfaz gráfica, usted podrá:
- Crear nuevo contenido
- Cambiar el look del sitio
- Cambiar cómo funciona el sitio
- Configurar las opciones de SEO
- Llevar a cabo otras acciones importantes
Hasta que usted viva y respire HTML/CSS (e incluso si es así), este enfoque hará mucho más sencilla la administración de cada aspecto de su sitio.
Es Muy Sencillo Cambiar la Apariencia de Su Sitio Web
Cada sitio de WordPress necesita algo llamado theme o tema. Su tema determina cómo lucirá su sitio en el frontend. Para instalar un nuevo tema WordPress, usted necesita, básicamente, dar clic a un botón o subir un archivo y su sitio adoptará de forma instantánea ese estilo:
Por otro lado, con un sitio con HTML estático, usted controla cómo luce su sitio, usando su propio CSS. No solo esto toma tiempo, sino también le costará mucho tiempo cuando decida cambiar de forma radical el look de su sitio con HTML estático en un futuro. Sí, hay frameworks de CSS que usted puede usar para agilizar el proceso pero aún así, requiere mucho trabajo y experiencia para poder administrarlo.
Sabemos esto de primera mano, debido a que la mayoría del sitio de Kinsta fue creado usando commits del buen Github (lectura sugerida: git vs Github). Sí, nosotros utilizamos un tema y framework de WordPress, y nuestro código está envuelto de funciones de WordPress, pero la mayoría de lo que usted puede ver en nuestro sitio fue creado por nuestro equipo. Esto a veces permite una mayor flexibilidad, pero también requiere tener desarrolladores en el personal. Si quiere ahorrarse tiempo y no tiene desarrolladores de tiempo completo en su equipo, elija un tema pre-construido de WordPress y puede acelerar de forma drástica su flujo de trabajo.
Además, tiene que preocuparse por lograr que todo su CSS sea recepitvo (Queriendo decir, que este se vea bien en dispositivos móviles), a diferencia de los temas de WordPress que hoy en día, por omisión, siempre son responsivos.
Es Fácil Agregar Nuevas Funcionalidades
WordPress también ofrece algo llamado plugins, los cuales le permiten a uno extender de forma sencilla la funcionalidad del sitio. ¿Quiere agregar un formulario de contacto en su sitio? Con un HTML estático, usted necesitaría lidiar con la validación y qué pasa con los datos que el usuario entrega. Con WordPress, usted sólo requiere instalar el plugin…
La dificultad se pone aún más grande con con opciones mayores. ¿Quiere agregar un foro a su sitio? ¡Suerte intentando hacer eso por su cuenta! Pero con WordPress, usted solo necesita instalar un plugin para agregar el foro.
Incluso puede rápidamente agregar funcionalidad de eCommerce o funciones para redes sociales.
Desarrollo y Modificación Rápido
La combinación de temas y plugins, junto con toda la funcionalidad general de WordPress como sistema de gestión de contenido, quiere decir que usted podrá crear sitios webs complicados en muy pocos pasos.
El HTML estático puede ser rápido para crear un sitio web básico, uno que tenga tan solo unas páginas… pero si usted quiere una funcionalidad no estandarizada, WordPress le permitirá, sin duda alguna, construir un sitio de forma más rápida.
¿Quiere más ventajas? Lea estas 10 razones buenas de porqué debería usar WordPress.
¿Hay Algún Inconveniente Al Usar WordPress?
Usted podrá encontrar algunas personas que dirán cosas como “los sitios web con HTML estático se cargan más rápido” o “los sitios web con HTML estático clasifican mejor en Google”. Pero mucho de esto deberá ser tomado con un “grano de sal”. Mientras que es cierto que PHP y una base de datos introduce tiempos de carga mayores, no es difícil lograr que el tiempo de carga de una página de WordPress sea menor a un segundo – y eso es bastante rápido.
Usted deberá preguntarse, ¿tener un sitio estático un poquito más rápido vale mucho más que dejar atrás todas las ventajas que WordPress ofrece? Además, el desempeño de PHP ha mejorado drásticamente en los últimos cinco años. En nuestras pruebas de rendimiento recientes de PHP, concluimos que PHP 7.4 puede aguantar hasta tres veces más solicitudes (transacciones) por segundo que PHP 5.6. 🚀
También hay formas en las que usted puede fácilmente negar los retrasos de PHP y de la base de datos con tan solo usar caching para servir versiones de HTML estático de sus páginas. Esto quiere decir, que cada vez que se cargue una página, esta se cargará muy rápido, tal y como lo haría en un sitio con HTML estático.
¿Qué tanto impacta la cache a un sitio WordPress? Aquí tenemos una rápida prueba en un blog de WordPress, antes y después de usar la cache.
Sin Cache
Primero ejecutamos la prueba con la cache deshabilitada en un blog de WordPress
Como puede ver, hay un retraso significativo en la primera carga del DOC HTML. Esto es debido a que este no está siendo servido desde la cache del servidor.
Con Cache
Luego, ejecutamos la prueba en un blog de WordPress con la cache habilitada. No hubo otros cambios.
Como puede ver hay una mejora masiva. De hecho, simplemente con servir la página inicial desde la cache del servidor, reduce los tiempos de carga hasta un 32.2%.
Kinsta automáticamente se encarga de la cache al nivel de servidor para todos los clientes que tengan a WordPress. Esto quiere decir que usted no tendrá que pasar por las molestias de instalar plugins de cache de otros sitios.
En lo que se refiere a los rumores de clasificación que podrías oír, hay grandes plugins de SEO de WordPress que te permiten optimizar tu SEO de WordPress controlando cada aspecto técnico de tu sitio y el SEO de la página. Si los sitios de WordPress realmente se desempeñan mucho peor que un sitio con HTML estático en los rankings de búsqueda, usted jamás lo vería ser usado por plataformas masivas como The Wirecutter o TechCrunch.
Aún así, si hay algunas pequeñas desventajas y la primera de estas es, el mantenimiento. Mientras que elegir un hosting administrado por WordPress puede eliminar la mayoría de lo peor que conlleva el mantenimiento, usted todavía tendrá que hacerse responsable de que el software principal de WordPress, los plugins y temas se encuentren actualizados y que sean compatibles. Esto es muy sencillo de hacer hoy en día, pero es algo que jamás tendría que hacer con un sitio que use HTML estático.
La segunda desventaja podría ser la calidad. Debido a la enorme popularidad de WordPress, hay muchos plugins y temas de baja calidad en el mercado. Y las soluciones gratuitas normalmente han desaparecido del mapa. Buscar entre lo malo para encontrar lo bueno es una enorme pérdida de tiempo.
Ventajas y Desventajas de un Sitio Web de HTML Estático
Ya ha escuchado bastante de WordPress – pero ahora, adentrémonos un poco a los pros y contras de un sitio web con HTML estático.
No Tendrá que Lidiar con el Mantenimiento del Software
Hablamos de esto hace unos segundos, pero recapitulemos un poco, ya que esto es uno de los mayores beneficios del HTML estático.
Cuando uno usa WordPress junto con sus temas/plugins, usted será el responsable de encargarse de la actualización de todo el código y asegurarse de que no haya problemas de compatibilidad. A pesar de que esto es muy sencillo (en realidad sólo requiere presionar un botón), es algo que se tiene que hacer para mantener seguro y funcional el sitio.
Por otro lado, si usted creó un HTML estático limpio, podrá dejar de preocuparse de él, y no tendrá que actualizarlo constantemente.
Es Mucho Más Sencillo Acceder al Código Subyacente
Mientras que WordPress le permite acceder al código subyacente de su sitio, un sitio web con HTML estático tiene la ventaja de que se puede ingresar ciertos tipos de marcados de una forma mucho más sencilla. En lugar de tener que lidiar con los archivos de temas y el loop de WordPress, todo estará frente a usted.
Por ejemplo, mientras que hay plugins de schema para WordPress, usted puede acceder y controlar de forma más intuitiva el marcado de schema en un sitio web con static HTML.
¿Cuales Son las Desventajas de Crear un Sitio Web con HTML Estático?
Mientras que un sitio web con HTML estático es perfectamente aceptable para un sitio web básico, los principales problemas empiezan cuando uno quiere empezar a escalar, sea en términos de cantidad de contenido un funcionalidad.
La mayoría de estas desventajas son simplemente lo opuesto de las ventajas de WordPress. Principalmente:
- Agregar o editar contenido no es tan intuitivo debido a que tendrá que lidiar con el código.
- Agregar nuevas funcionalidades requiere que usted sepa codificar.
- Cambiar el look de su sitio requiere reescribir su CSS.
Además de esto, al menos que usted sepa usar HTML/CSS, todo esto requiere que tenga un desarrollador, mientras que con WordPress, puede hacer casi todo esto por su cuenta.
Usar WordPress Como un Generador Estático de Sitio Web
Los generadores de sitios web estáticos difieren de las dos opciones anteriores, pero por muy poco, ya que estos toman contenido de los sistemas de gestión de contenido, como WordPress, y los combinan con un tema y generan páginas estáticas de HTML. Jekyll es uno de los más populares, el cual puede usar para ser el host a su sitio web o blog en páginas de GitHub y sacar su nuevo contenido con un solo comando. ¿Lo malo? No es nada sencillo (por así decirlo) configurarlo, e incluso para los desarrolladores, esto puede tomar mucho tiempo.
Si tiene una tarde libre para aprender un poco más de Jekyll lea este artículo de Mike Neumegen. De forma alternativa, un archivo plano de CMS como Grav, puede darle una gestión de contenido mucho más sencilla, mientras evita la necesidad de tener una base datos.
Si es bueno con la tecnología, es posible conseguir lo mejor de dos mundos y usar WordPress como un generador de sitios web de HTML estáticos. Sin embargo, tiene que recordar que si usa WordPress de esta forma, tendrá que hacer algunos sacrificios:
- No habrá contenido en “tiempo real” dinámico en su sitio, en absoluto:
- Faltarán los artículos recomendados para usted o sus widgets que cambian por cada visitante.
- No podrá usar el sistema interno de comentarios de WordPress.
Esencialmente, todo lo que se haga desde el lado del servidor (PHP) se hará estático y se actualizará manualmente. Los generadores de sitios web estáticos crearán una página completa de HTML basada en su contenido una vez haya terminado, sin importar cuanta gente visite su sitio, no será regenerada; hasta que usted escriba un comando específico en su computadora.
Lectura sugerida: Cómo subir un archivo HTML a WordPress.
Los desarrolladores resuelven el “problema” de los comentarios de la siguiente forma, o evitan usarlo por completo o se cambian a soluciones basadas en JavaScript, el más popular siendo Disqus o Facebook comments.
Hay algunos plugins de cache para WordPress con los que usted puede crear archivos estáticos de HTML para sus publicaciones y sus páginas, pero, si usted está usando Nginx como el servidor de su sitio web (si no lo está haciendo, usted realmente debería, pero eso es tema para otro artículo) usted puede simplemente cambiar el interruptor de la cache de página completa y establecer la expiración en un día o incluso en una semana. Entre más tiempo “pueda” establecer, será mucho mejor.
Lo que pasa después es que el primer visitante hará que el servidor genere los archivos HTML completos cacheados y cualquier visitante consecuente dentro del tiempo predeterminado de expiación obtendrá esos archivos. En Kinsta, nuestros servidores usan el módulo de cache nginx fastcgi para la cache de la página. ¿Cómo puede uno configurar esto? se estará preguntando usted. Bueno, si usted administra sus propios servidores he aquí una guía extremadamente detallada que puede seguir, escrita por DigitalOcean.
Si usted es un cliente de Kinsta, esto se hará de forma automática para cada sitio WordPress y la cache expirará de forma automática cada hora. Sin embargo, usted podrá, abrir un ticket con nuestro equipo de soporte dentro de su tablero MyKinsta y solicitar una duración más extensa de la cache. Por favor, solo asegúrese de entender las consecuencias de hacer esto.
Cloudflare Full Page Cache
También puede utilizar las reglas de las páginas de Cloudflare con WordPress y servir su página entera de la cache. Os proporcionamos todos los detalles aquí de cómo configurar el caché de Cloudflare para tus publicaciones y páginas de WordPress.
Esto puede ser muy beneficioso para sitios que estén desplegando un evento o estén esperando un fuerte flujo de tráfico. Pero recuerde, si usted está sirviendo por completo a través de la cache, es muy posible que se encuentre con problemas con el checkout de WooCommerce, su barra de herramientas de WordPress, y otras cosas que necesitará resolver o encontrar alternativas.
Lectura sugerida: Cómo configurar Cloudflare APO para WordPress.
Brindamos Lo Mejor de Ambos Mundos
Normalmente no recomendamos servir su sitio entero desde la cache al menos que haya puesto a prueba todo con tiempo. Por ejemplo, cuando se trata de WooCommerce: usted puede cachear a la página de inicio “estática”, categorías, páginas de productos (si no las cambia frecuentemente) y luego, sí, ¡se cargarán de forma instantánea! Pero tan pronto alguien haga clic en “agregar al carrito” tendrá que cambiar a la versión que no está en la cache, de otra manera, los clientes siempre verán vacío su carrito de compras.
En Kinsta, tenemos reglas a nivel de servidor para las soluciones de ecommerce y blogs, para asegurar qué es lo que se cachea, y lo que no.
Algunos ejemplos incluyen ciertas páginas de WooCommerce y de EDD, como el carrito de compras, mi cuenta, pagos, que deben ser excluidas de la cache. Y los usuarios de forma automática evitarán la cache cuando la cookie woocommerce_items_in_cart o edd_items_in_cart se detecten para asegurar un proceso de pago sincronizado y fluido.
Esto brinda tiempos de carga más rápidos al sitio de WordPress, sin tener que preocuparse de que se rompan las cosas.
¿No quiere hospedar su sitio entero con Kinsta, pero quiere sacar provecho de la funcionalidad dinámica para su blog de WordPress? Puede que le interese cargar su sitio web a través de un reverse proxy. Nosotros soportamos este tipo de planes.
¿WordPress o Estático?
Ahora, la pregunta del millón… si usted solo quiere construir un pequeño sitio web que es muy poco probable que cambie o que requiera poco contenido nuevo, entonces el HTML estático es la mejor opción. Pero para todo lo demás, WordPress termina siendo la mejor opción. Esto es especialmente cierto si no tienes acceso a un desarrollador.
Su facilidad de uso, combinada con su extensibilidad, son las principales razones por las que hoy en día, más del 42.7% de los sitios web en el internet lo usan. Ahora usted – ¿alguna vez haría un sitio web usando HTML estático en lugar de WordPress? O ¿se ha ido por la ruta del generador de sitios web estáticos?
Brian tiene una gran pasión por WordPress, lo ha estado utilizando durante más de 10 años e incluso ha desarrollado un par de plugins premium. Brian disfruta de los blogs, las películas y el senderismo. Conéctese con Brian en Twitter.
Excelente tema amigos de Kinsta.
Los sigo desde hace unas semanas por que me parecen un servicio confiable y tengo la intuición que ustedes son muy profesionales. Me gustaría pronto cambiar mi website hacia su hosting pero por ahora no cuento con suficiente dinero. Seguiré pendiente de lo que suben. Saludos.
Gracias por seguirnos Akenaton!
Mantente conectado a nustro blog y newsletter por novedades! Te esperamos como cliente nuestro ;-)
Saludos,
Peter