Categorías
Marketing

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)

$1 Primer mes
Rocket.net: Alojamiento de WordPress sencillo, rápido y seguro
$25,00/mes (facturado anualmente)

Haga crecer su negocio con sitios web rápidos, seguros y totalmente optimizados que son fáciles de configurar y gestionar. Los precios son a partir de $30/mes si se paga anualmente.

  • Caché de página completa
  • Optimización de la imagen
  • Más de 200 puntos de venta CDN
  • Ajuste fino para WordPress
Gano una comisión o un crédito en la cuenta si haces una compra, sin coste adicional para ti.
Plugin de caché
WP Rocket: #1 WordPress Caching Plugin
$49/año

WP Rocket es el plugin de rendimiento web más potente del mundo. Reducirá instantáneamente su tiempo de carga y aumentará su puntuación de Google PageSpeed y Core Web Vitals. No se necesitan conocimientos de codificación.

  • $49/año para un solo sitio web
  • $99/año para 3 sitios web
  • $249/año para un número ilimitado de sitios web
Gano una comisión si haces una compra, sin coste adicional para ti.

Índice de contenidos

Herramientas y servicios

Tiro a la Luna

shooting for the moon 100 pagespeed insights score | Graydon Schwartz
Google PageSpeed Insights

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

Configuración de la caché de WP Rocket
Configuración de la caché de WP Rocket

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
Configuración de optimización de archivos de WP Rocket
Configuración de optimización de archivos de WP Rocket

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
Configuración de optimización de archivos de WP Rocket
Configuración de optimización de archivos de WP Rocket

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

wp rocket media settings 1 | Graydon Schwartz
Configuración de WP Rocket 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

wp rocket preload settings 1 | Graydon Schwartz
Configuración de precarga de WP Rocket

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.

Por Graydon Schwartz

Más información sobre Graydon en el Sobre mí página.

Una respuesta en “How to Score a Perfect 100% on Google PageSpeed Insights”

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *