Simplificando el blog y consiguiendo una puntuación lighthouse perfecta
Nuevo diseño
He decidido cambiar el diseño del blog buscando la simplicidad máxima. En este cambio he pasado de usar Wordpress a usar Hugo como plataforma. De esta manera no tengo que estar pendiente de actualizaciones de seguridad, mantenimiento de base de datos, etc… que en la práctica tampoco me llevaba mucho tiempo, pero es una carga cognitiva menos. Me simplifica varias cosas aunque entiendo que no es para todo el mundo.
Seguramente unifique los posts de codigomanso.com en este blog, y otra cosa menos de la que preocuparse, ya veremos.
He elegido un diseño minimalista, donde el contenido sea el protagonista. Todo lo demás fuera.
Al crear el nuevo diseño, me he basado en una plantilla de Hugo existente (archie), aunque la he adaptado a mis gustos y necesidades.
Consiguiendo una puntuación de lighthouse perfecta
Me gustan los retos, así que puestos a ser minimalista, me he propuesto conseguir una puntuación de 100 en el índice de Lighthouse que hay en Google Chrome.
Esta era la puntuación en el blog antes del cambio:
En PC
En Móvil
Y esta es la puntuación ahora para PC y móvil:
Todo al 100%
Aquí están los tiempos de carga:
Tiempo de carga antes
Tiempo de carga después
Ahora la navegación es instantánea.
Cookies and all sorts of tracking removed
Las cookies y el tracking también han ido fuera.
Referencias
- wordpress
- Hugo
- wordpress-export-to-markdown
- fork de wordpress-export-to-markdown con mis necesidades
- tema de Hugo original (lo he adaptado a mis gustos)