<Hola> con el fin de mejorar los tiempos de carga que me solicita Lighthouse una herramienta de Google que nos genera un reporte con los lineamientos que necesitamos cumplir para tener un sitio web óptimo para las búsquedas de Google y para el usuario final.
En esta ocasión la página de pruebas es nanos.pw, como estoy utilizando WordPress les recomiendo un plugin que se llama Site Kit también creado por Google me alertó sobre una lentitud al cargar la página, por eso me di a la tarea de cumplir la mayoría de lineamientos.
Empezando a realizamos el reporte de Lighhouse
Auch, si vemos que en el desempeño tenemos un puntaje de 45 sobre 100 puntos, nos dedicaremos a mejorar este punto.
Primero vamos a comprimir los archivos JS y CSS para optimizar los tiempo de respuesta, con los CSS vemos que tenemos 3 archivos sin comprimir y archivos JS vemos que todos los archivos estan comprimidos
Otra mejora que podemos hacer pero ya directamente en el servidor, es activar el protocolo http2, este protocolo mejora la velocidad de carga de nuestro sitio web. A lo mejor necesitas un poco mas de conocimiento pero es fácil activarlo con los siguientes comando
Primero revisamos la versión de apache que tenemos con el siguiente comando
$ apache2 -v
Activamos el módulo http2
$ sudo a2enmod http2
Nos pedirá reiniciar pero por el momento no lo hagamos hasta modificar el siguiente archivo, este archivo cambia dependiendo de nuestro sitio y si tenemos activado el Auto Certificado SSL
$ sudo vim /etc/apache2/sites-enabled/your-domain-name-le-ssl.conf
A este archivo hay que agregarle la siguiente línea.
Protocols h2 http/1.1
Guardamos los cambios y ahora si reiniciamos.
$ sudo systemctl restart apache2
Realizamos una prueba
$ curl -I –http2 -s https://domain.com/ | grep HTTP
En mi caso fallo ya que tengo una librería que no es compatible con http2, para eso realizamos los siguientes pasos.
Deshabilitamos la librerías mpm_prefork
$ sudo a2dismod mpm_prefork
Habilitamos las siguientes librerías
$ sudo a2enmod mpm_event proxy_fcgi setenvif
Instalamos la librería de php fpm
$ sudo apt install php7.4-fpm
$ sudo systemctl start php7.4-fpm
La habilitamos
$ sudo systemctl enable php7.4-fpm
Y la agregamos a la configuración
$ sudo a2enconf php7.4-fpm
Por ultimo volvemos a habilitar el modulo http2
$ sudo a2enmod http2
Para luego reiniciar y ver los cambios
$ sudo systemctl restart apache2
Hacemos un test y vemos que ya nos devuelve un http2
$ curl -I –http2 -s https://domain.com/ | grep HTTP
Realizamos otra evaluación del sitio.
Vemos una mejoría en el desempeño en otro post veremos como mejorar la accesibilidad del sitio.
</Saludos>