Como obtener 100 buena puntuación en Google Pagespeed insight

Si estás intentando optimizar la velocidad de tu web sin obtener resultados sigue leyendo, obtendrás un 100% de velocidad garantizado.
Obtener una buena puntuación en Google Pagespeed insight puede ser una diferencia importante a la hora de posicionarse en Google. Además de disminuir tu tasa de rebote en analytics podrás notar una subida interesante en las visitas de tu web. Por lo tanto contestar a la pregunta de «cómo obtener 100 buena puntuación en Google Pagespeed insight» es imprescindible si queremos avanzar con nuestros proyectos (blogs o tiendas online).

Seguramente si has llegado hasta esta publicación es que habrás instalado y desinstalado miles de plugins que prometen hacer lo mismo (pero pasando a la versión premium). Giuraf.com pasó por el mismo «calvario» y cuando encontró la solución no ha podido evitar de renderla publica en este post (se disfruta más repartiendo felicidad).

Como obtener 100 buena puntuación en Google Pagespeed insight

«¡Ya basta y vamos al grano!»

Elimina todos tus plugin milagrosos y añade solo uno gratuito «LiteSpeed Cache« importantísimo: tu servidor es crucial para este tipo de plugin. Es decir que si tu hosting no lo tiene implementado funcionará al 30%. Te aconsejo (ya que pagas un hosting) tener uno que tenga la tecnología Litespeed implementada. Raiola network y Tropical Server son 2 servidores con sede en España que incluyen esta tecnología en todos sus planes de wordpress, los precios son muy accesibles y tienen buena atención al cliente.

Volvemos al punto importante, Instalar el plugin «liteSpeed Cache» en tu wordpress es el primer paso hacia una buena puntuación de 100 en Pagespeed Insight, garantizado.

Ahora vamos a ver paso a paso como obtener 100 buena puntuación en Google Pagespeed insight.

Una vez instalado y activado el plugin aparecerá el botón en el directorio de la izquierda de tu wordpress. Encontrarás las siguientes opciones: Escritorio, preajustes, opciones generales, caché, CDN, optimización de imágenes, base de datos, crawler y herramientas.

Comenzamos con configurar la opción «CACHÉ».

Activa Caché – ON, Cachear usuarios con sesión iniciada – OFF, Cachear comentaristas- OFF, Cachear API REST- ON, Cachear página de acceso- ON, Cachear favicon.ico – ON, Cachear recursos de PHP – ON, Caché móvil – ON, lo demás lo dejas como por defecto y dar a guardar cambios.

TAMBIÉN PUEDES LEER:

• Para los fanáticos de wordpress:  «El primer wordcamp en Valladolid».

  ---

OPTIMIZACIÓN DE PÁGINA:

Ajustes de CSS: Minificar CSS – ON, combinar CSS – OFF, generar UCSS – OFF, UCCS integrado – OFF, combinación de CSS externo e integrado – OFF, Cargar CSS asíncronamente – OFF, CCSS por URL – OFF, Biblioteca de CSS integrado asíncrono – ON, Optimización de visualización de fuentes – POR DEFECTO, y guardar cambios.

Ajustes de JS:  Minificar JS – ON, Combinar JS – OFF, Combinación de JS externo e integrado – OFF, Deferir carga de JS – DIFERIDO (después de dar a guardar comprueba que tu web se cargue bien y si no cambia esta última impostación).

Ajustes HTML: Minificar HTML – ON, Prefetch DNS – en blanco, Control del prefetch DNS – OFF, Selectores HTML de carga diferida – en blanco, Eliminar query strings – OFF, Cargar Google Fonts asíncronamente – OFF, Eliminar Google Fonts – ON, Eliminar emojis de WordPress – ON, Eliminar las etiquetas Noscript – ON y guardar cambios.

Ajustes de medios: Retrasar la carga de imágenes -ON, Marcador de posición de imagen básica – en blanco, Marcador de posición adaptable – ON, Marcador de posición SVG adaptable – por defecto, Color del marcador de posición adaptable – por defecto, Generador de LQIP en la nube – OFF, Calidad de LQIP – por defecto, Dimensiones mínimas de LQIP – por defecto, Generar LQIP en segundo plano – OFF (LQIP es un servicio en la nube de quic.cloud, tiene unos créditos mensuales gratuitos mejor no gastarlos por esto). Retrasar la carga de iframes – ON, Añadir tamaños que faltan – ON y guardar cambios.

VPI:  Imágenes de la vista – ON, Cron de imágenes de la vista – ON y guardar cambios.

Exclusiones de medios: Este apartado de momento dejarlo en blanco y corregirlo con el paso de los tiempos si hay alguna imagen que es mejor no atrasar.

Ajustes de localización: Todo en OFF y por defecto.

Ajustes de los retoques: En este apartado dejamos todo por defecto a excepción de «optimizar solo para invitados» – ON y guardar cambios.

Ajustes de los retoques – CSS: Aquí lo dejaremos todo por defecto y lo podremos cambiar más adelante según nuestras exigencias.

BASE DE DATOS:

Aquí podremos optimizar sin tener problemas la base de datos y los archivos que se acumulan cuando hacemos operaciones en nuestro wordpress. El mismo plugin nos aconseja cual eliminar y optimizar.

CRAWLER: Esta opción la he dejado no activada o por defecto en todas sus pestañas, aquí tienes la explicación oficial para que sirve el Crawler.

CDN: Volvemos atrás y nos centramos en lo que es el corazón de este litespeed su CDN. Quic.cloud es una plataforma de optimización incluida con litespeed. Es un equivalente a la ya famosa plataforma de CDN y optimización de Cloudflare. Quic.cloud tiene muchas funciones gratuitas (hasta agotamiento de tus créditos gratuitos mensuales) que nos permitirán obtener 100 buena puntuación en Google Pagespeed insight.
Rellena y activa la CDN de quic.cloud y comienza a volar. Litespeed cache también puede ser utilizado con Cloudflare,  esto ya lo decides tú según tus gustos.

Cuando tendrás todo configurado después de unas horas podrás comprobar tu mismo en el escritorio de Litespeed todas las optimizaciones efectuadas.

Haz una comprobación en litespeed insight y alucina con las nuevas métricas de tu web.