Tu web más rápida con PageSpeed Insights para Chrome
Los últimos cambios en el algoritmo de Google tiene el objetivo de penalizar el contenido de poca calidad o contenido spam. El día 20 de mayo de 2014, Google ha decidido premiar los sitios web con un contenido original y relevante para el usuario que desea encontrar respuestas a sus preguntas, dudas o necesidades. Por consiguiente, todos los propietarios de páginas web actuarán en consecuencia sino quieren descender a los infiernos de la red. En cualquier caso, ¿ qué quiere Google?
Un factor relevante es el tiempo de carga de tu sitio web. Google quiere que tu web aparezca en el navegador como un rayo en un cielo de tormenta. Para no aburrir al lector, iremos directo al grano. En este artículo os vamos a mostrar cómo hacer tu web más rápida con PageSpeed Insights para Chrome. Llegados a este punto, necesitamos lo siguiente:
- Navegador Chrome
- Extensión PageSpeed Insights para Chrome
- Inspeccionar elemento a optimizar
- Analizar
- Ver contenido optimizado
- Descargar imagen optimizada
- Sustituir imagen
- Nuevo análisis
PageSpeed
Navegador Chrome
Cada usuario es libre de usar el navegador que responda a sus necesidades. Pero tenemos que jugar con las reglas de Google, y lo más razonable es usar sus herramientas. Esto significa que instalaremos Google Chrome como navegador, para poder realizar el proceso para hacer tu web más rápida. Descargar el navegador desde su página oficial.
Extensión PageSpeed Insights para Chrome
Tenemos instalado el navegador Chrome en nuestro sistema operativo. El siguiente paso es instalar la extensión PageSpeed Insights para Chrome. Para realizar la instalación nos dirigimos al panel de control de Chrome / Configuración/ Extensiones y en obtener más extensiones escribiremos el nombre de ésta. Escogeremos la desarrollada por Google y la añadimos. Este proceso es automático y se cargará en vuestra barra de herramientas del navegador.
Inspeccionar elemento a optimizar
En estos momentos tenemos ya todas las herramientas necesarias. Bueno falta la página web
. Abrimos el navegador, escribimos el nombre de nuestro dominio en Google Chrome y esperamos a que cargue el blog que vamos a optimizar. En este caso, abrimos una URL de vuestro sitio y cliquearemos una imagen con el botón derecho del ratón. Se abrirá una ventana con una serie de vínculos donde aparece PageSpeed . Clic sobre éste y se abrirá otra ventana donde tenemos que hacer lo siguiente:- Analizar. Una vez hemos realizado el análisis aparecen los elementos que podemos optimizar para mejorar el tiempo de carga de vuestra página.
- Minimizar la carga. En esta sección aparecerá qué se puede mejorar para minimizar el tiempo de carga. En nuestro caso, iremos a optimizar imágenes.
Ver contenido optimizado
Cada vez estamos más cerca de minimizar el tiempo de carga de tu web, optimizando las imágenes parte esencial del contenido de un artículo. Observaremos que PageSpeed nos alerta del ahorro que supondría comprimir el elemento que hemos inspeccionado. Pero además nos ofrece ¡ver el contenido optimizado!. ¡Pues a qué esperamos! cliqueamos en ver contenido optimizado. Después aparecerá un enlace que te dirige al elemento ya optimizado por Google, es decir, la imagen.
Descargar imagen optimizada
Cuando aparece la ventana con lo citado anteriormente, iremos a ver el contenido de la imagen optimizada y la descargamos, renombrando atendiendo al título que la imagen tiene en vuestro sitio web. No hay que hacer nada más.
Sustituir imagen
Aquí el usuario podrá usar el gestor FTP que mejor atienda a sus necesidades, para subir la imagen y sustituirla, o bien desde Wordpress subir la imagen y sustituirla directamente. Una vez hemos cambiado las imágenes que debían ser optimizadas para minimizar la carga de tu sitio web, procederemos a realizar el último paso.
Nuevo análisis
Una vez hemos sustituido la imagen, actualizada la página. Hacemos f5 y recargaremos la página. Procederemos a seguir los pasos anteriores: inspeccionar elemento cliqueando el botón derecho del ratón, iremos a PageSpeed y procedemos a analizar de nuevo. En el resultado podremos observar que la imagen sustituida ya no aparece como contenido a optimizar, minimizando, por ende, el tiempo de carga de tu página web.
Conclusión
Tu página web más rápida gracias a PageSpeed es un proceso sencillo a través del cual minimizaremos la carga de nuestros sitios web, sustituyendo los elementos que esta herramienta optimiza por aquellos que son un obstáculo para nuestro objetivo: cumplir con el estándar de Google. Huelga decir, que los más diestros pueden optar por minimizar JavaScript, CSS y HTMl siguiendo el proceso aquí descrito.
