Cómo Google PageSpeed Obras: Mejorar Tu Puntuación y Ranking del Motor de Búsqueda

Este artículo es de mi amigo Ben que se ejecuta Calibre, una herramienta para la monitorización del rendimiento de sitios web. Utilizamos Calibre aquí en CSS-Tricks para mantener un ojo en las cosas. De hecho, me acaba de aparecer por allí a echar un vistazo y fue notificado de algunos pequeños errores que se deslizó por el, y me fijo en ellos. Recomendado!

En este artículo, nos permite descubrir cómo PageSpeed calcula la velocidad crítica de puntuación.

no Es ningún secreto que la velocidad se ha convertido en un factor crucial en el aumento de los ingresos y bajar los índices de abandono. Ahora que Google utiliza la velocidad de la página como un factor de clasificación, muchas organizaciones se han convertido en láser enfocado en el rendimiento.

el año Pasado, Google hizo dos cambios significativos en su búsqueda, indexación y clasificación de los algoritmos de:

a partir De esto, somos capaces de estado de dos verdades:

• La velocidad de su sitio web en el móvil va a afectar a su general el ranking SEO.
• Si la carga de las páginas lentamente, se reducirá la calidad de sus anuncios de puntuación, y anuncios va a costar más.

Google escribió:

más Rápido de los sitios no sólo mejorar la experiencia del usuario, los datos recientes muestran que la mejora de la velocidad de un sitio web también reduce los costos de operación. Al igual que nosotros, nuestros usuarios una gran cantidad de valor en la velocidad — es por eso que hemos decidido tomar el sitio de la velocidad en cuenta en nuestro ranking de búsqueda.

Para entender cómo estos cambios afectan a nosotros desde una perspectiva de rendimiento, tenemos que aprovechar la tecnología subyacente. PageSpeed 5.0 es una revisión completa de las ediciones anteriores. Ahora está siendo alimentado por el Faro y el (Usuario de Chrome Informe de la Experiencia).

Esta actualización también trae un nuevo algoritmo de puntuación que hace que sea mucho más difícil recibir una alta PageSpeed puntuación.

¿Qué ha cambiado en PageSpeed 5.0?

Antes de 5.0, PageSpeed llevó a cabo una serie de heurísticas en contra de una determinada página. Si la página tiene grandes, sin comprimir imágenes, PageSpeed sugeriría la compresión de la imagen. Caché-Encabezados falta? Agregar de ellos.

Estas heurísticas se junto con un conjunto de guía que probablemente como resultado un mejor rendimiento, si se siguen, pero eran meramente superficial y en realidad no analizar la carga y procesamiento de la experiencia que los visitantes reales de la cara.

En PageSpeed 5.0, las páginas se cargan en un verdadero navegador Chrome que es controlado por el Faro. El faro de los registros de las métricas desde el navegador, se aplica un modelo de scoring para ellos, y presenta un rendimiento global de puntuación. Directrices para la mejora que se proponen sobre la base de cómo las métricas de puntuación.

Como PageSpeed, Faro también tiene una puntuación de rendimiento. En PageSpeed 5.0, la puntuación de rendimiento es tomado de Faro directamente. PageSpeed de la puntuación de la velocidad de ahora es el mismo que el Faro de la puntuación de Rendimiento.

Ahora que sabemos dónde está el PageSpeed puntuación viene, vamos a bucear en cómo se calcula y cómo podemos hacer mejoras significativas.

¿Qué es Google Faro?

Faro es un proyecto de código abierto dirigido por un equipo dedicado de Google Chrome. En el último par de años, se ha convertido en el ir-a libre de la herramienta de análisis de rendimiento.

Faro utiliza Chrome Depuración Remota Protocolo de lectura de la red de solicitud de información, medir el rendimiento de JavaScript, observar las normas de accesibilidad y medir centrados en el usuario de temporización métricas como Primer Contentful de la Pintura, el Tiempo Interactivo o Índice de Velocidad.

Si usted está interesado en una descripción de alto nivel de Faro de arquitectura, lea esta guía desde el repositorio oficial.

¿Cómo Faro calcula la Puntuación de Rendimiento

Durante las pruebas de rendimiento, el Faro de los registros de muchas mediciones enfocadas en lo que un usuario ve y experiencias. Hay seis de las métricas usadas para crear el desempeño general de la puntuación. Ellos son:

• Tiempo Interactiva (ITT)
• Índice de Velocidad
• Primer Contentful Pintura (FCP)
• Primera CPU Idle
• Primer Significativas de la Pintura (FMP)
• Estimado de la Latencia de Entrada

el Faro aplicar un 0 – 100 modelo de puntuación para cada una de estas métricas. Este proceso funciona mediante la obtención de móviles 75 y 95 percentiles de Archivo, a continuación, aplicar un registro normal función.

Siguiendo el algoritmo y datos de referencia utilizados para calcular el Tiempo Interactivo, podemos ver que si una página logrado convertirse en \”interactivo\” en 2.1 segundos, el Tiempo Interactivo métrica puntuación sería 92/100.

una Vez cada métrica se anotó, se le asigna una ponderación que se utiliza como modificador en el cálculo del rendimiento global de la puntuación. Las ponderaciones son las siguientes:

Estas ponderaciones se refieren al impacto de cada métrica en lo que respecta a la experiencia del usuario móvil.

En el futuro, esto también puede ser mejorado mediante la inclusión de usuario-datos observados a partir de la Experiencia de Usuario de Chrome conjunto de datos de Informe.

Usted puede preguntarse cómo la ponderación de cada parámetro influye en el rendimiento general de puntuación. El Faro del equipo han creado una útil Hoja de cálculo de Google calculadora de explicar este proceso:

Utilizando el ejemplo anterior, si queremos cambiar (tiempo) interactiva de 5 segundos a 17 segundos (el promedio mundial de móviles ITT), nuestra puntuación baja a 56% (aka 56 de cada 100).

Mientras que, si el cambio de Primera Contentful Pintura a 17 segundos, nos gustaría que nos puntuación de 62%.

ITT es la más impactante métrica a su puntuación de rendimiento. por lo Tanto, para recibir un alto PageSpeed puntuación, se necesita una pronta ITT de medición.

Mover la aguja en ITT

En un nivel alto, hay dos factores importantes de los que enorme influencia ITT:

• La cantidad de JavaScript entregado a la página
• El tiempo de ejecución de JavaScript tareas en el hilo principal

Nuestro Tiempo a la guía Interactiva explica cómo ITT funciona en gran detalle, pero si usted está buscando para algunos rápidos y sin investigación de la gana, te sugerimos: la Reducción de la cantidad de JavaScript

Cuando sea posible, quitar sin utilizar código JavaScript o centrarse sólo en la entrega de un script que se ejecutará en la página actual. Que podría significar la eliminación de antiguos polyfills o sustitución de las bibliotecas de terceros con los más pequeños, más alternativas modernas.

Es importante recordar que el costo de JavaScript no es sólo el tiempo que se tarda en descargar. El navegador debe descomprimir, analizar, compilar y finalmente ejecutarlo, lo que lleva a la no-trivial de tiempo, especialmente en dispositivos móviles.

medidas Eficaces para la reducción de la cantidad de secuencias de comandos desde sus páginas incluyen:

• la Revisión y eliminación de polyfills que no son necesarios para su audiencia.

Tiempo de Seguimiento Interactivo

Con éxito descubrir diferencias significativas en la experiencia de usuario, le recomendamos que utilice un sistema de monitoreo del desempeño (como el Calibre!) que permiten la prueba de un mínimo de dos dispositivos; un ayuno de escritorio y un rango bajo-medio del teléfono móvil.

de Esa manera, tendrás los datos para el mejor y peor caso de lo que la experiencia de sus clientes. Es el momento de venir a los términos que sus clientes no están utilizando el mismo hardware potente como usted.

En profundidad manual de perfiles

Para obtener los mejores resultados en los perfiles de rendimiento de JavaScript, páginas de prueba utilizando intencionadamente lento dispositivos móviles. Si usted tiene un teléfono antiguo en un cajón del escritorio, esta es una gran segunda vida para él.

Un excelente sustituto para el uso de un dispositivo real, es el uso de Chrome DevTools de hardware modo de emulación. Hemos escrito una extensa perfiles de rendimiento guía para ayudarle a empezar con el rendimiento en tiempo de ejecución.

¿Qué acerca de otras métricas?

el Índice de Velocidad, Primero Contentful de la Pintura y la Primera Significativas de la Pintura están todos en el navegador de la pintura basada en métricas. Están influenciados por factores similares y, a menudo puede ser mejorado al mismo tiempo.

Es objetivamente más fácil para mejorar estos indicadores, como se calcula por la rapidez con que una página se representa. Tras el Faro de auditoría de Desempeño de las reglas de cerca resultará en estos indicadores a mejorar.

Si usted no está de precarga de las fuentes o la optimización de la crítica de las solicitudes, es un excelente lugar para comenzar un rendimiento de viaje. Nuestro artículo titulado \”La Crítica de la Solicitud\”, explica en gran detalle cómo el navegador recupera y hace crítica de los recursos utilizados para representar las páginas.

Seguimiento de su progreso y hacer mejoras significativas

Google recientemente actualizada de la búsqueda de la consola, el Faro y el PageSpeed Insights, son una gran manera de conseguir visibilidad inicial en el rendimiento de sus páginas, pero se quedan cortos para los equipos que necesitan un seguimiento continuo y mejorar el rendimiento de sus páginas.

un rendimiento Continuo de monitoreo es esencial para asegurar mejoras en la velocidad, la última, y los equipos de obtener al instante una notificación cuando regresiones a suceder. Manual de pruebas introduce inesperado de la variabilidad de los resultados y permite que las pruebas de las diferentes regiones, así como en varios dispositivos casi imposible sin un laboratorio dedicado medio ambiente.

la Velocidad se ha convertido en un factor crucial para la SEO ranking, sobre todo ahora que casi el 50% del tráfico de internet proviene de dispositivos móviles.

Para evitar la pérdida de su búsqueda de posicionamiento, asegúrese de que usted está usando un up-to-fecha de performance suite para realizar el seguimiento de las páginas. (Pssst, hemos construido Calibre a ser su rendimiento compañero. Se ha Faro construido-en. Cientos de equipos de todo el mundo están utilizando todos los días.)

El post de Cómo Google PageSpeed Obras: Mejorar Tu Puntuación y Ranking del Motor de Búsqueda apareció por primera vez en CSS-Tricks.

This content was originally published here.