¿Cómo estar al tanto de la herramienta Google PageSpeed ​​Insights?

Introducción

Siempre es una buena sensación estar al tanto de todo. La velocidad de la página de Google es algo que afecta en gran medida el rendimiento de su sitio web. Google Page Speed es la velocidad de carga de su sitio web en general. Debe asegurarse de reducir los elementos que pesan sobre su sitio web. De esta manera, puede aumentar la velocidad de la página de su sitio web y obtener una clasificación alta. Esto también se suma a la clasificación general de SEO. Veamos en este artículo cómo inferir la esencia de Google Page Speed ​​Insights y formular e implementar los algoritmos que mejor se adapten a la cima en la prueba de velocidad de la página de Google .

1. Estadísticas de velocidad de la página de Google

Después de navegar por 900.000 anuncios, los analistas de Google Page Speed ​​Insights descubrieron que la página de presentación portátil normal se acumula en 22 segundos humillantes. Eso es más de varias veces más de lo que la mayoría de los clientes web ansiosos aguantarán antes de entregar una página: 53% para ser correcto. En el caso de que su página tarde más de 3 segundos en apilarse, la mayor parte de sus clientes potenciales se irán antes de que la vean. Como si eso no fuera lo suficientemente terrible, las estadísticas de la página descubrieron que con cada momento de tortura que una página no se acumula, muchos más invitados se saltan.

Con la ayuda del aprendizaje automático en la innovación de SOASTA, los científicos encontraron una conexión entre el tiempo de carga, el peso de la página (medida en datos) y la tasa de transformación. Básicamente, "más pesado" implica más lento. En particular, cuando la cantidad de componentes (contenido, imágenes, etc.) en la página aumenta de 400 a 6,000, sus probabilidades de cambiar a un invitado disminuyen en un 95%.

Sin embargo, si su página se apila gradualmente, identificar el problema no es fácil en todos los casos. Si bien la medida de la velocidad de la página de Google que afecta el contenido y la cantidad de imágenes son perceptibles inicialmente, problemas como JavaScript innecesario y demasiados desvíos no lo son.

2. Inferencias de Google PageSpeed ​​Insights

Google PageSpeed ​​Insights es una herramienta que le permite probar rápida y fácilmente la velocidad de la página de un sitio. Afortunadamente, es una herramienta gratuita que puede utilizar para descubrir con precisión qué modera el tiempo de carga de su página. Al ingresar una URL y presionar "Analizar", obtendrá rápidamente un informe detallado de lo que está disminuyendo en esa página del sitio dependiendo de dos parámetros, con sugerencias sobre la mejor manera de resolverlo.

• Parámetro 1: Tiempo hasta la carga por encima del pliegue. Esta es la medida del tiempo que le toma a un programa procesar el contenido justo debajo de la página después de que un cliente lo solicita.
• Parámetro 2: Tiempo de carga de la página completa. Esta es la cantidad de tiempo que le toma a un navegador renderizar completamente una página después de que un cliente lo solicita.

Entonces, ¿cómo evalúa PageSpeed ​​Insights su sitio? Echa un vistazo a las partes autónomas del sistema de ejecución de la página: la disposición del servidor, la estructura HTML de una página y su utilización de activos externos, por ejemplo, imágenes, JavaScript y CSS.

Probar su sitio con PageSpeed ​​Insights puede ser una revelación para cualquier persona que no haya intentado mejorar su sitio y, además, Page Insights ofrece una etapa inicial extraordinaria para aquellos que esperan mejorar la ejecución del sitio.

Habiendo dicho eso, también puede enviarlo a un frenesí inútil cuando un sitio arroja puntajes más bajos de lo anticipado en la Prueba de velocidad de la página de Google , o recomendaciones que contrarresten las estimaciones que haya configurado en su sitio. Actualmente, el instrumento se basa en dos medidas clave:

1.Primera pintura con contenido
2.Retardo de la primera entrada

Los dos parámetros anteriores se puntúan de tres formas diferentes:

1 rápido
2.Promedio
3. Lento.

Esto es lo que significan esas dos medidas en lenguaje sencillo.

2.1 Primera pintura con contenido (FCP)

FCP es una elaboración de la "primera pintura", una métrica que estima cuándo aparece cualquier renderizado dentro del programa (incluso un ajuste en el sombreado de la base, por ejemplo, lo comprobaría). La métrica FCP calcula el tiempo hasta el punto en que se ha acumulado sustancia real en la página, lo que le brinda una evaluación más valiosa del encuentro con el cliente.

2.2.Retardo de la primera entrada (FIP)

El FIP es un parámetro importante de la prueba de velocidad de la página de Google e implica el tiempo de carga de un sitio. Básicamente es el tiempo que transcurre desde que un usuario se comunica con su sitio hasta el momento en que su navegador está comenzando a comunicarse con el navegador.

3. Por qué es importante PageSpeed

Cuando alguien llega a su sitio, solo tiene un par de momentos para llamar su atención y persuadirlo de que se quede y no se salte. La sustancia de calidad y un tema atractivo son esenciales; sin embargo, en el caso de que su página se acumule gradualmente, podría perder personas antes de que incluso motiven una oportunidad para ver su contenido.

Según Kissmetrics, casi el 50% de los clientes web anticipan que un sitio web se acumulará en dos segundos o menos y, en general, entregarán los destinos que no se acumularán en tres segundos. Una suma del 79 por ciento de los clientes en línea que experimentan dificultades con la ejecución del sitio web no volverán a la página web para comprar nuevamente y alrededor del 44 por ciento de ellos le diría a sus compañeros si tienen una mala experiencia comprando en la web, lo cual es un impacto negativo en su sitio web. Por eso PageSpeed es muy importante.

4. La esencia de PageSpeed ​​Insights

Si bien la velocidad de la página es uno de los más de 200 signos que Google usa para decidir la clasificación general y menos del 1 por ciento de las preguntas de búsqueda están influenciadas por la marca de velocidad del sitio, son las transformaciones las que debes enfatizar.

Un buen sitio con gran velocidad de página les dará a sus invitados confianza en su artículo o beneficio y los persuadirá de que entreguen su dinero. La ejecución de la página es una parte básica de cada sitio. Puede tener un contenido extremadamente extraordinario y un sitio de aspecto agradable, sin embargo, en caso de que tarde demasiado en apilarse o no sea versátil, las personas avanzarán rápidamente hacia los sitios de sus rivales.

Es entonces cuando te das cuenta de que es genuino porque nosotros, en conjunto, lo hacemos. Google PageSpeed ​​Insights puede desglosar cómo se está ejecutando su sitio y brindar respuestas para aumentar la ejecución de su sitio, el tiempo de acumulación y el cielo es el límite a partir de ahí .

5. ¿Cuáles son las ventajas de utilizar Google PageSpeed ​​Insights?

5.1. PageSpeed ofrece un informe excepcionalmente detallado de sus descubrimientos

Obtenga un informe que muestre cómo le va a su sitio y qué cambios (si son fundamentales) debe aplicar. Ofrece administraciones tanto de investigación como de avance que son extremadamente útiles para aumentar la velocidad de su sitio.

5.2. PageSpeed mejora la experiencia del usuario

Hoy en día, muchas personas utilizan sus teléfonos móviles para visitar sitios y puede perder una gran cantidad de tráfico si su página no responde a los dispositivos móviles. Google PageSpeed ​​Insights realiza un informe definitivo de su puntuación actual y le permite saber si su página se refiere a las etapas móviles o no. Puede utilizar sus consejos de ejecución para mejorar tanto el área de trabajo como la ejecución web móvil.

5.3. PageSpeed incluye idiomas adicionales

Esta herramienta se puede utilizar muy fácilmente en varios idiomas, por ejemplo, ruso, español y serbio.

5.4. PageSpeed es fácil de usar

Google PageSpeed ​​Insights no espera que tenga su sitio ni sea cliente de Google. No tiene que completar ningún marco de inscripción, hacer un registro o dar una dirección de correo electrónico para utilizarlo.

5.5. PageSpeed es gratis

Google PageSpeed ​​Insights es de uso totalmente gratuito en todo el mundo. No tiene que pagar un solo centavo por usar esta increíble herramienta.

6. Consejos para obtener un 100% perfecto en Google Pagespeed Insights

A continuación, se incluyen algunos consejos que puede implementar para obtener un 100% perfecto en Google PageSpeed ​​Insights .

6.1. DNS

Utilizamos Cloudflare, sin embargo, ninguno de ellos acelera la simplificación. Descubrimos en nuestras pruebas que era más lento. En el caso de que se encuentre en una condición de facilitación mutua, lo más probable es que Cloudflare le ayude mucho. En cualquier caso, para nosotros específicamente, con un servidor dedicado, era mejor con todo apagado. En caso de que no tenga las aptitudes o el tiempo para presentar Cloudflare como una opción, puede utilizar proveedores facilitadores, por ejemplo, WP-Engine, Presslabs, Pantheon.io. Trabajaron juntos en la tienda del servidor y en el acuerdo de CDN.

6.2. IMF

Mobile-First Index: este es uno de los criterios más importantes para el ranking SEO en la actualidad. Cuando se crea un sitio web, debe optimizarse para que se pueda ver en teléfonos inteligentes y otros dispositivos electrónicos. Esto se debe al hecho de que, hoy en día, la navegación se realiza principalmente en teléfonos móviles. Por lo tanto, es esencial que su sitio web esté optimizado en consecuencia, ya que contribuye significativamente a la velocidad de la página de Google.

6.3. Pasando el tiempo de respuesta del servidor

El punto de referencia es de 0,2 segundos. Cualquier cosa por encima de eso y Google te marca. Nuestro sitio sigue funcionando en un servidor comprometido de alta especificación con un montón de registros. Una gran parte de lo que lee en línea le recomendará que cambie a una cuenta de WordPress más rápida (con uniones de socios) que es la forma más sencilla, sin embargo, no estaba preparado para abandonar nuestra propia condición sin intentarlo.

Al tener una gran cantidad de encuentros con el administrador del servidor, desactivé cualquier administración inútil que se ejecutara en el servidor para permitir el incremento a Pagespeed . No obstante, eso no tuvo un gran efecto.

La mayor distinción que vimos para reducir el tiempo de reacción del servidor fue cambiar a PHP 7. No todos los hosts respaldan PHP 7, pero afortunadamente, dado que tenemos nuestras propias configuraciones regionales, sí. Los informes combinados en línea demuestran un incremento de velocidad del 20 al 50 por ciento al cambiar a PHP 7.

A pesar de la tasa real, teníamos el requisito de Pagespeed y necesitábamos probarlo. En caso de que no reconozca qué variante de PHP está ejecutando, introduzca este módulo y lo verá en su "Vistazo" en su Panel de administración.

Antes de continuar, debe verificar si el sitio es bueno. Afortunadamente, hay un módulo de verificación de similitud de PHP que puede descargar para WordPress que revisa su código y reconoce cualquier problema con el cambio a PHP 7. Los resultados de Page Insights demostraron un par de cosas que requirieron atención, que tratamos rápidamente .

Estábamos, por fin, preparados para cambiar a PHP 7. Para cambiar, desde WHM accedes al “Multi PHP Manager”, seleccionas el sitio web que necesitas y cambias la Versión de PHP. En caso de que no se acerque a WHM, pregunte a los administradores de su servidor, pero asegúrese de hacerlo en una condición de prueba / avance; no es una buena práctica romper su sitio de producción.

6.4. Diseño y maquetación de sitios web actualizados

Grid Layout es la comidilla de la ciudad en términos de diseño y diseño de sitios web. En términos de Google Page Speed ​​Insight , el diseño de cuadrícula tiene más ventajas. Además, descubrí que ofrecía una mayor cantidad de aspectos destacados de los que necesitaba en mi sitio, así que fui a buscar un tema básico y moderado. Descubrí a Frank, un tema planeado especialmente para la velocidad. La página de destino predeterminada del sujeto de los padres realiza nueve consultas a la base de datos y comprende solo dos solicitudes HTTP, que pesan alrededor de 29 kb. Este tema es demasiado ligero: no hay estructuras de JavaScript ni imágenes superfluas, solo un tema básico y receptivo. A raíz de la introducción del tema de Frank, la cantidad de solicitudes HTTP que se esperaba que cargaran mi sitio disminuyó de 31 a solo cuatro.

6.5. Optimización de la página de inicio

Existen algunos enfoques simples para acelerar adicionalmente su sitio:

• Si distribuye entradas de blog en su página de destino, distribuya solo selecciones o sinopsis y reduzca el número de regalos en cinco o menos.
• Mantenga los dispositivos en una base. Simplemente utilice dispositivos que son completamente esenciales.
• Eliminar módulos inactivos o inútiles.

En general, una configuración de sitio impecable y centrada ayudará a que su página se vea genial, así como PageSpeed ​​se volverá más rápido.

6.6. Optimización de imagen

Las imágenes de alta resolución tardan mucho más en apilarse que las imágenes actualizadas, y los movimientos superfluos y sustanciales definitivamente pueden reducir la velocidad de la página . WPMU DEV ofrece un módulo fabuloso (¡gratis!) Llamado WP-Smush.it. Cuando amplíe imágenes a granel con este módulo, encontrará que la medida de sus imágenes disminuirá enormemente sin sacrificar la calidad visual. Mientras hablamos del tema de las imágenes, apilar imágenes apáticas también puede mejorar la velocidad de la página .

JPEG 2000, JPEG XR y WebP son formatos de imagen que tienen mejores atributos de presión y calidad en comparación con sus socios JPEG y PNG más establecidos. Codificar sus imágenes en estos arreglos en lugar de JPEG o PNG implica que se cargarán más rápido y ocuparán menos datos móviles, lo que mejorará el rendimiento de Google Page Speed . WebP está reforzado en Chrome y Opera y ofrece una mejor compresión con pérdida y sin pérdida de imágenes en la web.

6.7. Aplazar CSS no utilizado

CSS no utilizado retrasa el desarrollo de un programa del árbol de renderizado. El árbol de renderizado se parece al árbol DOM, de nuevo, en realidad, incorpora además los estilos para cada hub. Para construir el árbol de renderizado, un programa debe recorrer todo el árbol DOM y verificar qué reglas CSS se aplican a cada hub. Cuanto más CSS no utilizado haya, más tiempo que un programa posiblemente necesite dedicar a calcular los estilos de cada nodo, lo que afectará negativamente a la velocidad de la página de Google .

6.8. Habilitar la compresión de texto y codificar imágenes

También debe comprimir sus archivos de texto si desea optimizar la velocidad de su página de Google . La compresión de texto permite transferencias de red más rápidas, por lo que facilita mejor. La codificación de imágenes es el tipo de compresión de datos que le permite comprimir el almacenamiento y la transmisión de imágenes.

6,9. Minimice CSS, HTML, JavaScript

"Minificar" alude a la expulsión de información inútil o repetitiva sin influir en la forma en que el programa maneja la página, lo que mejorará los resultados de Google Page Speed . La codificación deficiente puede ser la razón de este problema, y ​​tiende a resolverse de varias maneras.

Aparte de estudiar físicamente el código fuente de su página, Google sugiere probar los recursos que lo acompañan:

• El minificador de HTML para minificar HTML.
• CSSNano y csso para minimizar CSS.
• UglifyJS2 y el compilador de cierre para minimizar JavaScript.

Otra opción es, obviamente, explotar AMP y AMP de Google para sistemas de promociones. Los dos proyectos permiten a los ingenieros fabricar páginas con una forma simplificada de HTML, CSS y JavaScript. El resultado son páginas y promociones que se acumulan en una pequeña cantidad de segundo.

6.10. Evite los redireccionamientos de la página de destino

En el caso de que su página no se haya estructurado de manera receptiva, el resultado podría ser varias desviaciones hacia páginas avanzadas para varios dispositivos que aumentarán la PageSpeed . Algunos diseños básicos de desvío, como lo indica Google:

• com utiliza una arquitectura de sitio web receptiva, no se requieren desvíos, ¡rápido e ideal!
• com? m.example.com/home: castigo de ida y vuelta para clientes versátiles.
• com? www.example.com? m.example.com: experiencia versátil moderada.

Cada vez que un cliente debe ser desviado, la representación de la página se detiene, lo que agrega valiosos segundos al tiempo de almacenamiento de su página. Manténgase alejado de los desvíos por dentro y por fuera al crear sus páginas con el plan receptivo, una técnica que garantiza encuentros con clientes de calidad, independientemente del dispositivo que utilice su cliente potencial. De esta manera, los resultados finales de la Prueba de velocidad de la página de Google serán mejores.

6.11. Eliminar JavaScript que bloquea el procesamiento

Además de otras cosas, JavaScript habilita algunos dispositivos externos asombrosos y componentes de página intuitivos. El problema con esto será que además detiene el análisis del código HTML.

Cuando ve un mensaje de error que lee detenidamente "eliminar JavaScript que bloquea el procesamiento", implica que hay un poco de código JavaScript que está retrasando el procedimiento de apilamiento para la parte anterior de su página que afecta negativamente los resultados de la Prueba de velocidad de la página de Google . Es probable que los contenidos externos específicamente sean los culpables de este problema. Manéjelo de tres formas diferentes:

• Los scripts que no son críticos para el procedimiento de apilamiento deben posponerse deliberadamente, traerse y ejecutarse después de que la página esté completamente renderizada.
• Los scripts que se acumulan de forma asincrónica deben utilizarse más que los que se acumulan de forma sincrónica. Los contenidos síncronos detienen el proceso de representación de la página, mientras que los no concurrentes permiten que un programa apile diferentes componentes mientras tanto.
• Considere incluir el contenido (incrustar pequeños activos externos de JavaScript directamente en su informe HTML) para disminuir la cantidad de solicitudes que debe realizar su programa.

Al intentar implementar los pasos anteriores, los resultados generales de la prueba de velocidad de la página de Google mejoran.

6.12. Aprovechar el almacenamiento en caché del navegador

Pueden ser necesarias diferentes demandas entre un servidor y un programa antes de que una página se apile por completo para un cliente. En lo que respecta al tiempo, todos lo incluyen. El almacenamiento permite que su programa, por así decirlo; "Recordar" ciertos componentes que se han apilado últimamente: encabezado, ruta, logotipo, etc. Cuantos más componentes pueda almacenar el programa, menos componentes necesitará apilar en el momento en que el cliente haga una demanda y, por último, más rápido se apilará una página, lo que aumentará la PageSpeed . Google prescribe una estrategia de reserva base de varias semanas y, para los componentes que generalmente no se modifican, lo ideal es un año.

7. Conclusión

La web se ha convertido en un sitio web repleto de contenido y no puede darse los laureles con la esperanza de ser famoso y eficaz si su sitio funciona con moderación o no funciona de la manera que debería. Las propuestas de Google PageSpeed ​​Insights dependen de las mejores prácticas de la industria de flujo para el área de trabajo y la ejecución web versátil, así que no se demore progresivamente y comience a obtener más grupos de espectadores, expandiendo la ejecución de su sitio web y el posicionamiento del índice web, y mejorando el fondo de lectura de sus invitados. Ahora tiene un buen conocimiento de todo este rumor sobre Google PageSpeed ​​Insights .

Utilice los consejos mencionados anteriormente y es probable que vea buenos resultados y cambios positivos. Además, tenga en cuenta que Roma no se construyó en un día, por lo que debe darle algo de tiempo antes de poder juzgar finalmente si los pasos que ha tomado para mejorar la puntuación de la prueba Google PageSpeed ​​Insight funcionan o no.