SOLUCIONAR LAS SUGERENCIAS DE OPTIMIZACIÓN DE GOOGLE PAGESPEED.

Hoy vamos a solucionar las sugerencias de optimización de Google Pagespeed Insights para optimizar nuestra web y así, poder ganar unos cuantos puntos más en los resultados.

 

solucionar sugerencias de optimización de google pagespeed

 

Vamos a ello:

 

1. Habilitar compresión.

  • Vamos a nuestro gestor de FTP.
  • Accedemos al archivo .htaccess de nuestra web.
  • Hacemos clic en editar y pegamos el siguiente código al final de todo.
  • Guardamos cambios.

 

<FilesMatch “\.(css|js|ico|pdf|jpg|jpeg|png|gif|php|woff)$”>
SetOutputFilter DEFLATE
</FilesMatch>

google pagespeed solucionar sugerencias optimización

 

Con este código activas la compresión para todos estos tipos de archivos.

 

solucionar sugerencias de optimización en google pagespeed

2. Aprovechar el almacenamiento en caché del navegador.

 

Lo mismo, vamos a nuestro archivo .htaccess y pegamos este otro código justo debajo del anterior.

 

<FilesMatch “\.(css|js|ico|pdf|flv|jpg|jpeg|png|gif|swf|mp3|mp4)$”>
Header set Cache-Control “public”
Header set Expires “Thu, 15 Apr 2020 20:00:00 GMT”
</FilesMatch>

 

como arreglar errores de google pagespeed

 

Con esto le estamos diciendo a Google que nuestro caché expirará el 15 de Abril del 2020.

Ya está, ya hemos solucionado la sugerencia de fecha de caché de Google PageSpeed.

Nota: De vez en cuando es recomendable quitar este código por unos días del archivo .htaccess y volverlo a colocar nuevamente para refrescar la caché por si hemos toqueteado CSS, etc.

 

3. Minimizar Javascript y CSS.

 

Para hacer esto vamos a utilizar un plugin gratuito AUTOPTIMIZE que es muy fácil de usar y encontraremos en el repositorio de WordPress.

 

minimizar javascript y css google pagespeed

 

Instalamos, activamos el plugin y hacemos clic en ajustes.

 

<h2>solucionar las sugerencias de optimización de google pagespeed</h2>

 

 

Nos saldrá la siguiente pantalla.

Marcamos las casillas de optimizar Html, Javascript y CSS.

Guardamos cambios y listo.

 

optimizar javascript, html y css en google page speed

 

4. Optimizar imágenes.

 

Vamos a utilizar un plugin que es maravilloso y muy sencillo de utilizar que optimizará todas y cada una de las imágenes de tu web automáticamente. WP SMUSH.

 

optimizar imagenes en wordpress google pagespeed

 

Instalamos, activamos el plugin y vamos a Medios –> Wp Smush.

 

como optimizar las imagenes en google pagespeed insights

 

Nos saldrá la siguiente pantalla donde veremos el número de imágenes que necesitan optimizarse.

Hacemos clic en el botón y comenzará automáticamente la optimización de imágenes.

 

optimizar imágenes y solucionar las sugerencias de optimización de google pagespeed

 

Nota: Con la versión gratuita del plugin este proceso es bastante lento  si tienes muchas imágenes por optimizar en tu web ya que tendrás que volver a hacer clic en el botón cada 50 imágenes optimizadas.

 

 

5. Javascript y CSS que bloquean la visualización.

Si este problema no se ha solucionado automáticamente con la instalación del plugin Autoptimize, entonces volvemos al plugin y vamos a AJUSTES –> AUTOPTIMIZE.

 

solucionar error javascript bloquea visualización

 

Seleccionamos arriba a la derecha OPCIONES AVANZADAS.

 

solucionar sugerencias de optimización en Google pagespeed insights

 

Y en opciones de Javascript marcamos la casilla de INCLUIR JS. INCRUSTADOS.

 

solucionar pagespped insights advertencias

 

Guardamos cambios.

Y listo, en un ratito hemos podido solucionar las sugerencias de optimización de Google Pagespeed.

Espero que tu web se haya optimizado más y que haya ganado algunos puntos más en Google Pagespeed Insights.

Cualquier duda formulario de contacto.

Un Saludo 🙂