Cómo obtener una puntuación perfecta de 100% en Google PageSpeed Insights

Introducción

¿Alguna vez has querido conseguir una puntuación perfecta en Google PageSpeed Insights?

Pues bien, hoy es tu día de suerte.

Esta entrada del blog le mostrará cómo hacerlo.

100% no es fácil, pero con un poco de trabajo duro y nuestra guía, es definitivamente alcanzable.

Cada página puede diferir, pero la página de inicio de mi blog tiene una calificación cercana a 98/99 mientras que las otras páginas tienen una calificación de 99 sobre 100.

Así que empecemos, ¿de acuerdo?

La velocidad es un factor crucial para construir un sitio web que convierta bien y sea amigable con los motores de búsqueda.

La gente no va a esperar si no tienes un sitio web que cargue rápido.

Me pareció una tarea bastante fácil si se utiliza la combinación de WP Rocket y el alojamiento web de Rocket.net (Desarrollado por Cloudflare Enterprise).

REVISIÓN COMPLETA: Revisión de Rocket.net: Magnífico alojamiento gestionado para WordPress (2021)

Índice de contenidos

• Introducción
• Herramientas y servicios
• Tiro a la Luna
• Configuración óptima de WP Rocket
  • CACHE
  • OPTIMIZACIÓN DE ARCHIVOS
  • MEDIA
  • PRELOAD
• Consejos sobre las tasas de conversión en el móvil
• Conclusión sobre el sitio web de rendimiento

Herramientas y servicios

• Rocket.net (Alojamiento gestionado de WordPress)
• WP Rocket (Plugin de WP)

Tiro a la Luna

Configuración óptima de WP Rocket

Aunque cambiar a un alojamiento web con Cloudflare Enterprise como Rocket.net no requiere un plugin WP Rocket, sí que ayuda por varias razones.

Uno de los mejores plugins de caché para WordPress, WP Rocket aplica 80% de las mejores prácticas de rendimiento web de forma automática.

• Caché de páginas
• Precarga de la caché
• Caché del navegador
• Compresión GZIP
• Optimización del comercio electrónico
• Excelente compatibilidad

Aunque pueda parecer redundante, ya que Rocket.net utiliza Cloudflare Enterprise CDN para almacenar en caché toda la página de su sitio web, Cloudflare tendrá que actualizar su caché muchas veces, disminuyendo así la carga de su servidor web.

CACHE

CACHE > Habilitar la caché para dispositivos móviles: Activar

CACHE > Archivos de caché separados para dispositivos móviles: Se deja sin marcar porque mi tema es amigable para móviles.

CACHE > Duración de la caché: 10 horas

Haga clic en GUARDAR CAMBIOS.

OPTIMIZACIÓN DE ARCHIVOS

Archivos CSS

OPTIMIZACIÓN DE ARCHIVOS > Archivos CSS > Minificar archivos CSS: Discapacitados

NOTA: He dejado esta opción sin marcar porque Rocket.net se encarga de reducir los archivos CSS y para qué hacerlo dos veces, ¿no?

OPTIMIZACIÓN DE ARCHIVOS > Archivos CSS > Combinar archivos CSS (Habilitar minificar archivos CSS para seleccionar): Discapacitados

OPTIMIZACIÓN DE ARCHIVOS > Archivos CSS > Optimizar la entrega de CSS: Activar

OPTIMIZACIÓN DE ARCHIVOS > Archivos CSS > Eliminar CSS no utilizados (Beta): Discapacitados

Archivos JavaScript

NOTA: Me gustaría probar esto una vez que salga de la beta y reducir un poco más el tiempo de carga de la página.

OPTIMIZACIÓN DE ARCHIVOS > Archivos JavaScript > Cargar JavaScript en diferido: Activado

OPTIMIZACIÓN DE ARCHIVOS > Archivos JavaScript > Retrasar la ejecución de JavaScript: Activado

OPTIMIZACIÓN DE ARCHIVOS > Archivos JavaScript > Archivos JavaScript excluidos: Discapacitados

Haga clic en GUARDAR CAMBIOS.

NOTA: A mí me ha funcionado sin excluir ningún archivo JS, pero su kilometraje puede variar.

MEDIA

MEDIA > LazyLoad > Habilitar para imágenes: Activado

MEDIA > LazyLoad > Habilitar para iframes y vídeos: Activado

MEDIA> Dimensiones de la imagen > Añadir las dimensiones de la imagen que faltan: Activado

Haga clic en GUARDAR CAMBIOS.

Mejore la experiencia de lectura de sus lectores añadiendo atributos de anchura y altura a las imágenes.

PRELOAD

PRELOAD > Preload Cache > Activar la precarga: Activado

PRELOAD > Precargar la caché > Activar la precarga de la caché basada en el mapa del sitio: Activado

PRELOAD > Preload Cache > Rank Math XML sitemap: Opcional:

Haga clic en GUARDAR CAMBIOS.

La precarga se activa automáticamente al añadir o actualizar contenidos y también puede activarse manualmente desde la barra de administración. Comienza con los enlaces de su página de inicio, seguidos de los mapas de sitio que especifique.

Consejos sobre las tasas de conversión en el móvil

Para evitar que los tiempos de carga de las páginas sean muy lentos debido a los archivos de gran tamaño y a la dificultad para analizarlos, considere la posibilidad de utilizar un diseño responsivo en su sitio web.

Cree una cesta de la compra adaptada a los dispositivos móviles que permita a los clientes comprar artículos en cuanto los vean. Ofrezca múltiples opciones de pago, como PayPal y Stripe.

Está claro que una empresa necesita un sitio móvil si quiere tener éxito en el mercado actual. Una de las principales razones por las que tanta gente utiliza teléfonos inteligentes es porque les encanta poder estar al tanto de las cosas sobre la marcha.

Un sitio móvil ofrece a las personas la flexibilidad de comprobar el estado de los pedidos, ver vídeos y comprar productos. Aunque algunas empresas todavía no tienen un sitio móvil, las que sí lo tienen tienen más del triple de tasas de conversión que las que no lo tienen.

Los sitios web para móviles deben ser receptivos y rápidos, al igual que el teléfono móvil. Con el alto nivel de distracciones en un teléfono inteligente, es importante mantener las cosas fáciles de usar y eficaces.

Conclusión sobre el sitio web de rendimiento

Es probable que obtuviera una mejor calificación si dejara de lado los plugins WPForms y WooCommerce.

Hay tantas combinaciones de plugins que he probado y es agradable cuando se puede utilizar plugins simples para las tareas de WordPress. Por supuesto, menos es más en este caso.

Su sitio web funcionará mejor que el de la competencia con estos ajustes.

La mayoría de las empresas se centran en hacer un gran sitio web, que se centra en la estética visual y la capacidad de captar la atención de los visitantes. Sin embargo, un sitio web centrado en el rendimiento es aquel que genera resultados reales para su empresa.

Para crear un sitio web eficaz basado en el rendimiento, debe asegurarse de que su sitio convierta bien. La tasa de conversión se calcula en función del número de personas que visitan su sitio web que realmente realizan una acción, como suscribirse a su boletín de noticias o comprarle un producto.

Cuanto mayor sea esta tasa de conversión, mejor será para el negocio porque estas acciones se traducen en más clientes potenciales y ventas para su empresa.

Aunque he explorado a fondo el Rocket.net Panel de Control, no pude encontrar ninguna configuración para acelerar el sitio. Hacen un gran trabajo de optimización de WordPress sin nuestra intervención.

Bueno, espero que esto te haya ayudado a conseguir el 100 o casi en tu puntuación de Google PageSpeed Insights.