Categorías
Servicios Tecnología

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

Introducción

¿Quieres que Google PageSpeed Insights te dé una puntuación de 98, 99 o 100? Esto puede ser difícil, ya que hay muchos factores que afectan a estas altas calificaciones.

Por ejemplo, mi página de inicio tiene una calificación de 98/99, mientras que mi blog tiene una calificación de 99/100 de Google PageSpeed Insight, así que tenga en cuenta que cada página puede ser diferente.

Veamos cómo conseguir una puntuación perfecta de 100% en Google PageSpeed Insights sin demasiado trabajo 🙂 .

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 Cloudflare Enterprise (a través de Rocket.net).

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

Índice de contenidos

Herramientas y servicios

Tiro a la Luna

shooting for the moon 100 pagespeed insights score | graydonschwartz.com
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 | graydonschwartz.com
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 | graydonschwartz.com
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.

Deja una respuesta

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