Midiendo el rendimiento de una nueva web desde cero. Instalación de Wordpres y Elementor.
Voy a seguir con los posts relacionados con el WPO. Es un área que me resulta apasionante. Como dije en un artículo anterior sobre este tema, me recuerda a las escuderías de la fórmula 1, ajustando y poniendo apunto sus coches para la carrera. Donde una milésima de segundo de velocidad punta, puede marcar la diferencia.
En otro artículo estoy realizando un estudio, sobre el rendimiento de mi propia web. Voy haciendo ajustes sobre una página que ya tenía un buen rendimiento (sobre 96), pero mi objetivo es llegar al 98 ó 99. El 100, no nos vamos a engañar, lo veo muy difícil.
Pero ahora la idea es medirlo todo, desde el principio. Con una web que empiezo a diseñar hoy 22 de Marzo del 2025, y que es una instalación de WordPress desde cero.
La web la voy a mantener en el anonimato, porque es de un cliente, pero si que me parece interesante comentar que el Hosting que estoy utilizando es un plan Reseller de Lucushost.
Como especialista en diseño web en wordpress, estoy cada vez poniendo más énfasis en optimizar el rendimiento de la velocidad de las páginas web en las que trabajo, intentando mejorar día a día para conseguir la puntuación más alta.
Midiendo la velocidad de carga con WordPress instalado y el theme Twenty twenty-five activo
Estas son las capturas de pantalla, recién instalado en el servidor WordPress. El tema activo es el que viene por defecto en la instalación, el Twenty Twenty-five.
También están instalados pero no activos, el los temes Twenty Twenty Four y Twenty Twenty-Three. Había instalado también el tema Zakra, que nunca he utilizado, pero que quiero ver como responde, pero para que realmente sea la prueba, midiendo la velocidad con una instalación limpia. Lo voy a eliminar y lo volveré a instalar.
Y este es el rendimiento con el WordPress recién instalado en Page Speed Insights.
En Seo está en un 91, porque no hay nada optimizado todavía. Y en cuanto a accesibilidad en la versión de ordenador baja a una puntuación de 95. En móvil también era de 100.
Esta bajada en la accesibilidad entiendo que es por algunos elementos del propio Theme Twenty Twenty-Five…En este caso nos marca algún problema con las listas.
Borrando plugins y temas que no vamos a utilizar
Para hacerlo todavía más limpio todo al principio. Elimino todos los temas y solo dejo activo el Twenty Twenty-Five.
También he eliminado la entrada de Hello World. Y en cuanto a plugins, solo se queda instalado y activo el Lite Speed Caché, que es con el que vamos a trabajar desde el principio para que nos haga el trabajo de optimización de la web en cuanto a rendimiento.
Y así es como queda todo de inicio. Una instalación limpia, que nos da estos resultados.
Datos Core Web Vitals con GTMetrix y Pingdom con instalación de worpdress limpia
No voy a ceñirme solo a los datos que arroja la herramienta Page Speed Insights, sino que voy a medir también las Core Web Vitals en Gtmetrix y Pingdom. Aquí los resultados
Estoy viendo los datos de una comparativa en un post de otro blog, en el que hacen una comparativa del rendimiento de distintos themes de WordPress, y me llama la atención que en Pingdom y Gtmetrix, en algunos temas dan mejores datos de rendimiento que con el Twenty Twenty-Five.
Y uno de los que analiza precisamente, es el tema Zakra, que voy a instalar yo.
Empieza la fiesta
Ahora si….vamos a empezar a divertirnos, midiendo cada paso que voy dando.
Lo primero, voy a instalar por primera vez el tema Zakra…Nunca he trabajado con el, y viendo una comparativa del rendimiento de distintos themes de WordPress, lo ponen bastante bien. Incluso como comentaba antes, parece que tiene mejor rendimiento que el Twenty Twenty-Five.
Vamos a ver que sucede.
Vemos que en la versión móvil pierde. Pero en desktop gana un punto en accesibilidad.
Al final, tiro por lo conocido y lo que sé que da buen rendimiento, y como no me gusta que ya solo con WordPress instalado y el theme baje tanto el rendimiento, opto por instalar el tema Hello Theme que da un rendimiento óptimo, está desarrollado por la gente de Elementor, y nos da un plus de optimización en cuanto a velocidad.
Al instalar Hello Theme, volvemos a mejorar el rendimiento.
Rendimiento Diseñando la Home
Toda la tarde trabajando en la recopilación de imágenes, textos, ideas para la web, etc…. instalando algunos plugins y dándole algo de forma al Header y a la Home, el panorama actual es el siguiente.
Plugins instalados
Los plugins que tengo instalados ahora mismo son estos que vas a ver en la captura de pantalla.
En desktop el rendimiento es del 100, pero en móvil bajaba de 90. Instalando el plugin perfomance lab, y activando la opción de optimizar imágenes, en Desktop seguimos en 100, y en móvil ya estamos en verde otra vez. 90. Lo cual no está nada mal….
Luego optimizaré imágenes, y seguro que en móvil también subimos.
Sigo actualizando a día 23 de Marzo
Hoy voy a seguir trabajando en la nueva web, y la situación en la que nos encontramos ahora mismo es que en Desktop, la página tiene un rendimiento excelente. Solo falta la optimización SEO. Que cuando empiece a trabajar en ella, llegaremos al 100. Y ese es mi objetivo…Hacer póker de 100.
En móvil es otro cantar….El rendimiento ahora mismo ha bajado a 82. Es normal que en móvil baje, pero quiero ver de ponerlo lo más arriba posible.
Aún así, los datos no son malos. En accesibilidad y prácticas recomendadas, la página marca un 100. Y en Seo, ya he comentado, que se conseguirá…El objetivo en la versión móvil será conseguir una póker de verde, o un trio de 100.
Vamos a ello.
Aquí la jugada se trata de minimizar el impacto de los plugins y widgets que vaya instalando, y llegar a un punto ideal entre diseño con ciertas animaciones, imágenes, plugins y un rendimiento óptimo.
Actualización día 30 de Marzo
A mediados de semana, le mostré al cliente la primera versión de la home, y aún quedaban ciertas mejoras para dar por cerrada esa primera parte del diseño de la web.
Ya instalados en principio la mayoría de plugins con los que voy a trabajar en esta web, y con el contenido de la Home al 100%, me siento muy satisfecho ya que en cuanto al rendimiento en la versión ordenador la web sigue en el 100%.
En Accesibilidad ha perdido algo, pero intentaré mejorarlo. Y en cuanto a SEO, sigo sin tocar todavía nada. No he instalado ningún plugin seo, ni optimizado nada de la home. En el futuro el cliente quiere continuar con el trabajo en posicionamiento web y SEO Local.
Actualización 4 de Mayo
He estado un tiempo sin actualizar, pero es debido a la carga de trabajo, y a que he seguido trabajando en este proyecto, y la verdad, se me ha olvidado ir documentando.
De todas maneras la página ya está terminada y quiero mostraros el rendimiento que ahora mismo está obteniendo.
Lo que más me importaba en un principio, y es en lo que más atención he puesto, es la velocidad de carga. Ahora con tiempo intentaré mejorar otros aspectos.
Mi objetivo era conseguir un rendimiento de 100, y me he quedado rozándolo.
Con todos los plugins e imágenes ya incluídas en la instalación, la puntuación es de 98. Lo cual no está nada mal, pero voy a intentar mejorarla, y en cuanto tenga tiempo le doy un repaso para ver que se puede mejorar.
Ahora voy a comenzar ya la campaña SEO, y la puntuación subirá. Ahora mismo está bajita. Y accesibilidad, es otro punto que quiero mejorar también. Os iré contando.
La mejora todavía es posible. Y voy a por ello. Como diseñador web freelance, quiero ofrecer a mis clientes un servicio de máxima calidad en el que el resultado final sea una web con un diseño cuidado, optimizado para buscadores, orientado sobre todo al SEO Local y desarrollado teniendo en cuenta el WPO (Web Perfomance Optimization), alcanzar el mejor rendimiento en cuanto a velocidad de carga de la web.
