Vamos a usar modelos IA (chatGPT, Claude) para mejorar el SEO de mi web
Como ya sabéis estoy haciendo esta web "from scratching" y documentado todos los pasos principales para que veáis cosillas y problemas. En esta fase ya tengo la web funcional (dejando a un lado la parte visual...) por lo que ahora me voy a dedicar a mejorar partes y centrarme en la performance.
Esta es la segunda parte de esta mini-sección sobre cómo mejoro este sitio web a nivel de SEO usando IA - chatGPT.
Mejorando performance
En esta segunda parte, nos centraremos en el "performance"/ velocidad de carga de la web. Directamente nuestro amigo chatGPT ya me indica casi todo lo que debería hacer (eso sí, a un nivel muy por encima).
Herramientas
Por un lado ya me indica un conjunto de herramientas que puedo usar para poder medir el rendimiento:
- Google PageSpeed Insights: es una de las más conocidas para conocer un poco por encima cómo está tu sitio web en relación a diferentes puntos. Es bastante visual y sencilla de entender
- Lighthouse: sería como un nivel más bajo/detallado que PageSpeed. Con esta herramienta Google nos dice un conjunto de puntos/ideas que tenemos que mejorar para aumentar nuestra puntuación
GTmetrix: Es una más de las herramientas que hay para análisis de tu sitio web. Os menciono esta porque es la que chatGPT me ha indicado pero hay un montón de ellas (semrush por ejemplo). He echo una prueba con esta herramienta y para hacer todo de memoria y sin dedicar mucho tiempo a performance... no está nada mal eh!!!!
Cambios/desarrollos
Por otro lado, como segunda parte, chatGTP también me indica algunos puntos que debería tener en cuenta y/o realizar para mejorar la velocidad de carga. Parte de ellos ya los tengo implementados por esto el escaneo es decente :)
"Lazy load": esto básicamente es carga diferida del contenido. Lo que quiere decir es que, no cargues todo el contenido de tu página al mismo momento, si no que vayas cargándolo poco a poco. Esto aplica sobre todo a los contenidos multimedia. No es necesario cargar todas las imágenes al mismo tiempo que cargas los textos por ejemplo. Primero carga el texto y después las imágenes. En Drupal eso es bastante sencillo de configurar para los tipos de contenido :).
Aquí te pongo una captura como le indico a Drupal que las imágenes de estos posts las cargue en modo diferido
- Uso de caché: un punto bastante obvio. Claro que siempre es mejor usar la caché como memoria y así almacenar los datos más usando en ram y tu carga será siempre más rápida! Esto en Drupal por defecto ya viene medio configurado (a partir de D10 creo que era, ya introduce la gestión de la caché por defecto en el core). Si tu sitio es de mucha carga, puedes usar módulos como memcache para integrar Memacache en tu sitio web
Minificar recursos: otro punto importante. Esto de minificar es básicamente reducir el tamaño de lo ficheros css y js que usamos en nuestro sitio mediante la eliminación de espacios estrucutra del código. Lo que hacemos es hacer nuestros ficheros ilegibles hacia nosotros los humanos pero mucho menos pesados y por tanto más rápidos :D
En Drupal, ya tenemos una configuración básica integrada en el propio core que es lo que te pongo en la captura de abajo.
Si quieres tener algo extra, puedes usar los minifyJS y minifyHTML que te darán un extra de performance
Y hasta aquí la segunda parte de esta mini-sección sobre SEO con IA.
Como ves los puntos que me está indicando no es que sean muy muy elaborados y profundos pero bueno, si tienes estos puntos bien configurados, ya tendrás un rendimiento mejor que la mayoría :D
