Mi experiencia con un wordpress estático
barato económicamente pero no valido si quieres algo complejo
Estos días he tenido un proyecto en el que me he decidido a probar la experiencia de usar un wordpress estático y paso a comentar mi experiencia.
Desarrollo en local
Para ello he empleado localwp.
Local WP es una herramienta de desarrollo local para WordPress que te permite crear, administrar y probar sitios web en tu computadora antes de tener que subirlos.
Esta herramienta es mucho más sencilla que XAMPP y consume muchos menos recursos.
Se instala en tu equipo y luego puedes visualizar el sitio desde tu propio navegador.
Configuración de Wordpress empleada
Tema
Quería un tema ligero, gratuito y moderno. En este caso he empleado Kadence.
Plugins
He tenido que andar jugando con varios por varias razones, así que lo paso a enumerar los empleados por categorías.
SEO
Plugin sencillo de utilizar, frente a otros más conocidos como YOAST o RANKMATH.
Multilenguaje
El sitio tenía que estar en dos idiomas (castellano y euskera), He probado con dos pero el que finalmente he usado ha sido:
Sólo he tenido dos “problemillas”, uno que he conseguido solventar y el otro he preferido dejarlo. El primer problema era lograr el desplegable de idioma, pero al final con los menús se ha resuelto fácilmente. El otro es que no conseguía encontrar donde poder traducir dos términos que aparecían en inglés. La solución podría haber venido pagando la versión pro o enredando en los archivos del tema
Estética
Kadence AI Starter Templates
Kadence Blocks – Gutenberg Blocks for Page Builder Features
Cookies
Pasar de wp a sitio estático
He usado dos plugins (en realidad es uno y su versión pro)
Simply Static
Simply Static Pro
Convertir a sitio estático
En junio vi el siguiente video en youtube y decidí adquirir la licencia en APPsumo.
Publicación
En mi caso no he seguido todos los pasos del video, sino que exportaba el sitio a un repositorio a Github y luego en Cloudflare Pages (donde habia comprado también el dominio).
Para realizarlo es importante tener bien configurado el plugin
Github
Lo único que he tenido que hacer ha sido crear un repositorio publico y configurarlo.
Cloudflare Pages
No quería publicar en github pages y prefería emplear cloudflare pages, usando sus funcionalidades, su CDN y la sencillez de configurar habiendo adquirido el dominio a través de cloudflare.
Existe una forma de de publicarlo directamente en cloudflare pages como indican en su documentación oficial.
Algunas capturas de pantalla con algunas ventajas de contar con la ayuda de Cloudflare y sus servicios:
Indexación
Tanto con Google Search Console como con Bing webmaster tools, sin problemas.
Rendimiento
He realizado testeos en producción con PageSpeed Insights de Google y con Pingdom Website Speed Test para comprobar el rendimiento del sitio.
Las capturas de pantalla se corresponden únicamente a la herramienta de Google y creo que son bastante aceptables. Para ello he comprobado 3 páginas del sitio web: la página de inicio, la página de noticias y una noticia en concreto.
Creo que podría haber mejorado un poco más las puntuaciones empleando imágenes en formato WEBP o AVIF, aunque en general son imágenes de muy poco peso
Inicio-Móvil
Inicio-Escritorio
Noticias-Móvil
Noticias-Escritorio
Noticia-Móvil
Noticia-Escritorio
Conclusiones Finales
En general considero que merece la pena, aunque es mejor para sitios webs sencillos y que no requieran ni formularios ni actualizaciones constantes.
El mayor problema al que me he enfrentado era a la hora de actualizar el sitio y se efectuasen los cambios en el sitio de producción.
Creo que en algunos momentos actualizaba todos los ficheros y no tenia en cuenta cuales eran nuevos.