Google PageSpeed Tools

Google PageSpeed is a family of tools by Google, Inc.^[1] designed to help optimize website performance.^[2] It was introduced at a Developer Conference in 2010.^[3][4] There are four main components of PageSpeed family tools:

• PageSpeed Module (consisting of mod PageSpeed^[5] for the Apache HTTP Server and NGX PageSpeed^[6] for the Nginx)^[7]
• PageSpeed Insights
• PageSpeed Service
• PageSpeed Chrome DevTools extension. These components aim to identify and automatically correct deviations from Google's Web Performance Best Practices.

The PageSpeed Modules are the open-sourceApache HTTP Server or Nginx web server modules, which automatically apply chosen filters to pages, associated assets (like stylesheets, JavaScript, and HTML files), as well as to images and website cache requirements. These modules do not require modifications to existing content or workflow,^[8] meaning that all internal optimizations and changes to files are made on the server side, and present modified files directly to the user. Each of the 40+ filters corresponds to one of Google's web performance best practices rules.

Since the PageSpeed module is an open-source library, it is frequently updated by numerous developers worldwide. It can be deployed by any individual site, hosting providers, or CDNs.^[9]

The installation can be done in two ways: from packages or built from source on the following supported platforms:

• Fedora/Rocky, both 32-bit and 64-bit
• Debian/Ubuntu, both 32-bit and 64-bit

PageSpeed module filters are settings, based on which a web page optimization rule is applied. They can be divided into five main categories:

• Stylesheets optimizations
• Javascript files optimizations
• Images optimizations
• HTML optimizations
• Tracking activity filters

The PageSpeed Module showed the most significant impact on decreasing web page loading times, payload size, and number of requests compared to other industry options. According to several researchers, 'mod_pagespeed' can reduce loading times by up to 80%, the number of bytes on a wire can be decreased by 30%, and the number of total requests can drop by over 20%. Since many search engines, including Google, employ a ranking algorithm that is affected by a page's loading speed, these optimizations can impact a website's placement in search results.^[12][13] As of February 2015, Google has begun testing “Slow” labels on mobile devices^[14] for websites that exceed a certain amount of loading time, prompting developers to examine ways to increase a page's load speed.

Google estima que por cada retraso en el tiempo de carga de la página móvil, la tasa de conversión cae un 20%. ^{[ 15 ]}

PageSpeed ​​Insights (PSI) es una herramienta gratuita de Google que analiza el rendimiento de una página web tanto en dispositivos móviles como en ordenadores de escritorio. Ofrece sugerencias para mejorar la velocidad de carga y la experiencia general del usuario.

Categorías de puntuación

PSI asigna puntuaciones en cuatro categorías principales:

• Rendimiento : mide la rapidez con la que se muestra el contenido y se vuelve interactivo, incluyendo métricas como LCP , FCP , tiempo total de bloqueo (TBT) y cambio acumulativo de diseño (CLS).
• Accesibilidad : evalúa la facilidad con la que los usuarios de todas las capacidades pueden navegar e interactuar con la página.
• Buenas prácticas : Comprueba la calidad técnica, incluyendo la seguridad y el cumplimiento de los estándares web modernos.
• SEO : Mide la preparación para la optimización en motores de búsqueda y el cumplimiento de las mejores prácticas de SEO.

Estas categorías ayudan a los desarrolladores y propietarios de sitios web a identificar áreas de mejora y optimizar las páginas para una mejor experiencia de usuario. ^{[ 16 ]}

Datos y métricas

PSI utiliza dos tipos principales de datos :

• Datos de laboratorio: Recopilados en un entorno controlado mediante Lighthouse para simular la experiencia del usuario. Útiles para depurar problemas de rendimiento.
• Datos de campo: Datos de experiencia de usuario reales recopilados del conjunto de datos del Informe de experiencia de usuario de Chrome (CrUX) . Estos datos incluyen métricas como First Contentful Paint (FCP), Largest Contentful Paint (LCP), Interaction to Next Paint (INP) y Cumulative Layout Shift (CLS).

Datos de experiencia de usuarios reales

PSI aprovecha los datos de CrUX para ofrecer información sobre las experiencias reales de los usuarios. Informa sobre diversas métricas durante un período de 28 días, entre las que se incluyen:

• Primer contenido visible (FCP): Tiempo que tarda en renderizarse el primer contenido de la página.
• Largest Contentful Paint (LCP): Tiempo que tarda en renderizarse el contenido principal de la página.
• Interacción hasta la siguiente actualización (INP): Tiempo que tarda la página en volverse interactiva después de que el usuario interactúa con ella.
• Desplazamiento acumulativo del diseño (CLS): Mide la cantidad de desplazamiento inesperado del diseño que experimenta un usuario durante la carga de la página.
• Tiempo hasta el primer byte (TTFB) (experimental): Tiempo que tarda el navegador en recibir el primer byte de respuesta del servidor.
• Retraso de la primera interacción (FID) (obsoleto): mide el tiempo que tarda una interacción del usuario en reflejarse en la página (Google ya no lo recomienda).

PSI clasifica estas métricas en tres categorías según los umbrales de Web Vitals: Buena, Necesita mejorar y Mala.

Vitalidades web básicas

Un subconjunto de las métricas de datos de campo, las Core Web Vitals , son fundamentales para una buena experiencia de usuario. Estas incluyen LCP, INP y CLS. PSI analiza estas métricas para determinar si una página cumple con los criterios de evaluación de Core Web Vitals. También se utilizan como señal de posicionamiento SEO .

Diagnóstico de laboratorio

PSI utiliza Lighthouse para analizar una página web en un entorno simulado. Proporciona puntuaciones y recomendaciones para diversas categorías como Rendimiento, Accesibilidad, Mejores Prácticas y SEO. La categoría Rendimiento incluye métricas como FCP, LCP, CLS y Tiempo de Interacción, cada una con su puntuación y sugerencias de mejora.

En definitiva, PSI es una herramienta valiosa para los propietarios y desarrolladores de sitios web, ya que permite identificar cuellos de botella en el rendimiento y mejorar la experiencia del usuario en sus páginas web.

La extensión PageSpeed ​​es una extensión del navegador Chrome y forma parte de las Herramientas para desarrolladores de Google Chrome . Los usuarios habituales de PageSpeed ​​pueden ver todas las métricas proporcionadas por PageSpeed ​​Insights directamente en el navegador y descargar recursos de páginas web optimizados según las mejores prácticas de rendimiento web. Actualmente, esta extensión está descontinuada ^{[ 17 ]} y Google recomienda usar la versión en línea.

El servicio PageSpeed ​​era un producto comercial proporcionado por Google Inc. Se ofrecía de forma gratuita ya que aún se encontraba oficialmente en versión beta. El servicio incluía todas las optimizaciones del módulo PageSpeed ​​y el uso de la infraestructura de los servidores de Google. ^{[ 18 ]} Google anunció la descontinuación del servicio PageSpeed ​​el 5 de mayo de 2015 ^{[ 19 ]} y lo desactivó el 3 de agosto de 2015. ^{[ 20 ]}

PageSpeed ​​es ahora una herramienta fundamental para las empresas que buscan posicionar su sitio web en los motores de búsqueda de forma orgánica, dado que el 47% de los usuarios abandonan los sitios web que tardan más de 2 segundos en cargarse. ^{[ 21 ]}

• Optimización de Google
• Pruebas web

• Información sobre la velocidad de la página
• Medida de desarrollo web