Pagespeed insight de Google. Guía para conseguir el 100/100

Pagespeed insight de Google. Guía para conseguir el 100/100
5 (100%) 2 votes

Que nuestra web sea lo más rápida posible es un punto a favor, sobretodo a nivel SEO.

Sin embargo, conseguir que nuestra página web wordpress consiga ese famoso 100/100 en el test de velocidad PageSpeed de Google no es tarea sencilla.

Para lograrlo debemos de tener en cuenta un montón de factores tanto propios como externo. En estos últimos no nos fijaremos ya que poco podemos hacer con nuestro hosting.

Por lo tanto en el post de hoy vamos a ver que podemos hacer en nuestro site para conseguir ese ansiado 100% en el PageSpeed de Google ya que no todo tiene que ver con la plantilla wordpress que usemos.

Antes de todo, he de avisaros de que aunque sigáis a rajatabla los siguientes consejos puede que no logréis el ansiado 100% en el PageSpeed de Google ya que existen numerosos factores de índole técnico que puede que no controléis.

¿Por que es útil Page Speed de google?

Sencillo, porque es una nota que Google usa para posicionar vuestra página web de manera orgánica (SEO) .

Si vuestra web es lenta a la hora de cargar esto repercutirá negativamente en vuestro posicionamiento web.

Por lo tanto, es un tema muy importante ya no solo a nivel SEO, sino de cara a los visitantes futuros de vuestra web.

Por ello no vamos a perder más tiempo y analizemos la velocidad de carga de vuestro site:

Activar la compresión

Si nos salta un mensaje en el cual nos indica activar la compresión de nuestro sitio web lo primero que debemos hacer es ir a nuestra carpeta raíz y modificar nuestro archivo .htaccess escribiendo las siguientes lineas al final del archivo:

Utilizando la propiedad DEFLATE indicamos que los archivos estarán comprimidos a partir de ahora.

Podemos llegar a tener problemas aun aplicando este código, sobre todo si usamos servidores de baja calidad. Por ello yo siempre recomiendo el hosting Siteground, para evitarte esta clase de problemas.

Especificar el caché

Al igual que en el caso anterior modificaremos nuestro archivo .htaccess y escribiremos las siguientes líneas de código justo debajo de lo que habíamos escrito anteriormente.

De esta forma habremos especificado cuando caducan los archivos de nuestro site en el caché. Con este código nuestros archivos expirarán en 2020.

En caso de utilizar otro tipo de archivo con una extensión diferente simplemente escribiremos la nueva extensión junto al resto.

Minimizar JAVASCRIPT y CSS

Con este caso reduciremos los espacios en blanco y las líneas de código innecesario en nuestros archivos CSS y JAVASCRIPT de WordPress.

Con ello agilizaremos la velocidad de carga de nuestro site puesto que su código será menor.

Para este cometido instalaremos el plugin Autoptimize y una vez dentro del plugin marcaremos las casillas de optimizar HTML, CSS y JAVASCRIPT. Tan simple y sencillo como eso.

css3, javascrip y wordpress

Reducir el tiempo de respuesta del servidor

Para ello iremos al panel de control de nuestro hosting y buscaremos el apartado “PHP” o “Configurar PHP”.

Una vez dentro actualizaremos la versión de PHP hasta la versión más reciente (ahora ya van por la 7). Os recomiendo que no utilicéis la versión más reciente para evitar fallos.

Una vez hecho el cambio Google PageSpeed puede seguir persistiendo en nuestra velocidad de carga. Sin embargo poco más podremos hacer salvo contratar un alojamiento web superior.

Optimizar imágenes

Tema controvertido debido a la dualidad calidad de imagen/tamaño.

Cuanto más calidad tengan nuestras imágenes más pesarán y más lenta será nuestra web. Por lo tanto, lo mejor que puedes hacer es reducir su tamaño hasta que la calidad de la foto te lo permita.

Yo primero recomiendo optimizar las imágenes con Phostohop y bajar su calidad lo máximo sin comprometer la calidad.

Además, has de recordar los formatos web usados para cada tipo de imágenes:

  • GIF: Para animaciones
  • PNG: Para archivos de muy pocos colores, esencial para logos o iconos
  • JPG: Para el resto de imágenes como fotografías

Una vez tratadas y subidas a tu wordpress te recomiendo que utilices el plugin Smush Image Compression and Optimization. Este plugin lo que hace es optimizar aún más tus imágenes reduciéndolas sin perder calidad.

Eliminar el JAVASCRIPT que bloquea la visualización y el CSS del contenido de la mitad superior de la página

Este error nos indica que la página tarda demasiado en cargar puesto que primero tiene que cargar el CSS y el JAVASCRIPT previo al contenido en sí.

Para solucionar este fallo y cargar ambos archivos de manera asíncrona instalaremos un nuevo plugin llamado Above The Fold Optimization.

Deberéis tener mucho cuidado con este plugin ya que es para usuarios “avanzados”.

Por su alta complejidad nos limitaremos ha elegir las opciones “Optimize CSS Delivery”, “Optimize Web Fonts”, “Optimize Javascript Loading” y “Lazy Load Scripts”.

Al realizar este paso puede que nuestra web sufra modificaciones importantes. Por lo tanto, sino posees unos conocimientos de programación web sólidos te recomiendo que vayas probando con sus diferentes opciones hasta que tengas el mayor numero de ellas marcadas sin modificaciones en tu web.

AMP O Páginas Móviles Aceleradas en PageSpeed

Después de todo esto nos faltaría optimizar la página web para móviles mediante la tecnología de Google AMP.

Sí ami@s, pese a que tengamos un diseño web responsive nuestra página web se puede optimizar mucho más para móviles.

Todo esto lo haremos gracias a la tecnología AMP (Accelerated Mobile Pages). De esta manera mejoraremos la velocidad de carga de nuestro site y la experiencia del usuario.

Para que nos entendamos, la tecnología AMP no es una sustitución de las páginas responsive, sino un complemento.

Esta tecnología actúa eliminando la mayoría de elementos innecesarios de la web como la estructura, los colores, los fondos o scripts. Para ello solo necesitamos instalar este plugin y ¡listo! Página web optimizada.

pagespeed insight

¿Es tan importante el Google Page Speed Insight?

Como he recordado durante el post no conviene obsesionarse con el PageSpeed de Google. Existen otras herramientas como Pingdom o GT Metrix que te darán mayor información sobre la velocidad de carga de tu web.

Por lo tanto, con valores superiores al 85% en el Google Page Insight tu página estará más que optimizada a nivel de carga y no sufrirá penalizaciones SEO.

Método interno de wordpress para medir la velocidad de carga de tu web mejor que el Page Insight de Google

A veces, con las herramientas anteriormente mencionadas y el Page Speed de Google no es suficiente para determinar y mejorar la velocidad de carga de nuestra web.

Esta lentitud de carga suele ser provocada por la gran cantidad de plugins utilizados. Para determinar la influencia de estos plugins Page Insight de Google no nos servirá.

Es por ello que utilizaremos el plugin P3. Su funcionamiento es simple:

  1. Instalaremos el plugin.
  2. Una vez instalado. En el panel del plugin haremos clic justo debajo del botón en “Scan Now“.
  3. Obtendremos las estadísticas sobre los plugins utilizados en nuestro site.
  4. Desactivaremos los plugins innecesarios y pesados.
Información sobre el artículo
Pagespeed insight de Google. Guía para conseguir el 100/100 ✌
Nombre del artículo
Pagespeed insight de Google. Guía para conseguir el 100/100 ✌
Descripción
En este post os dire los trucos para acelerar vuestra página web WordPress y de esta manera conseguir 100 en el pagespeed de google ✔ .
Autor
Editor
Borja Aranda Vaquero
Imagen editor
Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa su navegación esta aceptando nuestra política de cookies. ACEPTAR
Aviso de cookies