{"id":4396,"date":"2021-11-07T11:10:00","date_gmt":"2021-11-07T10:10:00","guid":{"rendered":"https:\/\/www.vadavo.com\/blog\/?p=4396"},"modified":"2024-08-26T15:55:18","modified_gmt":"2024-08-26T15:55:18","slug":"pagespeed-insights-que-es-y-como-usarlo","status":"publish","type":"post","link":"https:\/\/www.vadavo.com\/blog\/pagespeed-insights-que-es-y-como-usarlo\/","title":{"rendered":"\u00bfQu\u00e9 es PageSpeed y c\u00f3mo usarlo?"},"content":{"rendered":"\n<p>Cuando se hace referencia al mundo tecnol\u00f3gico, uno de los factores m\u00e1s determinantes recae en la velocidad de respuesta. Para resolver esta necesidad existen herramientas como <strong><a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" rel=\"nofollow noopener\" class=\"rank-math-link\" target=\"_blank\">PageSpeed Insights<\/a><\/strong>, una gentileza de Google para inspeccionar el rendimiento de una p\u00e1gina web. Es por ello que se considera como la salvaci\u00f3n no solo para los desarrolladores, sino para todo aquel profesional que necesite realizar una evaluaci\u00f3n de dicha p\u00e1gina.<\/p>\n\n\n\n<p>Antes de que existieran estas herramientas, medir la rapidez de un sitio web era mucho m\u00e1s complejo, pero, gracias a la <strong>llegada de PageSpeed<\/strong>, conocer el estado real de los sitios web es mucho m\u00e1s sencillo. Adem\u00e1s, este \u00fatil instrumento de Google nos aportar\u00e1 datos fundamentales para la optimizaci\u00f3n de cualquier p\u00e1gina web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"block-cb9b57c1-7d90-4b11-8fb7-be13f1032aec\"><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/arrow-pointing-right-in-a-circle.svg\" alt=\"\" style=\"width: 35px;\"> \u00bfC\u00f3mo utilizar PageSpeed?<\/h2>\n\n\n\n<p>Al igual que todas las otras herramientas de Google, utilizar el <strong>PageSpeed test website<\/strong> resulta muy sencillo. Lo primero que haremos ser\u00e1 acceder a las <a rel=\"nofollow noopener\" href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" class=\"rank-math-link\" target=\"_blank\">herramientas para desarrolladores de Google<\/a> e insertar la URL del sitio web a investigar. Cuando ya nos encontremos en esta p\u00e1gina web ser\u00e1 necesario ingresar la direcci\u00f3n del \u00edndex o home que deseamos evaluar.<\/p>\n\n\n\n<p>Posteriormente, con darle clic al<strong> bot\u00f3n de analizar, <\/strong>inmediatamente el PageSpeed iniciar\u00e1 la b\u00fasqueda minuciosa para emitir ese resultado detallado que todos esperan. Este informe consta de dos pesta\u00f1as, ya que tiene dos tipos de an\u00e1lisis, la del m\u00f3vil y el ordenador. Con esto enfatizamos la importancia que tienen las p\u00e1ginas webs adaptadas para m\u00f3vil en la actualidad.&nbsp;&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"block-cb9b57c1-7d90-4b11-8fb7-be13f1032aec\"><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/arrow-pointing-right-in-a-circle.svg\" alt=\"\" style=\"width: 35px;\"> \u00bfCu\u00e1les son los datos que proporciona PageSpeed sobre la rapidez de una p\u00e1gina web?<\/h2>\n\n\n\n<p>La herramienta implementada por Google ha adquirido gran relevancia entre los expertos por la cantidad de resultados o datos relevantes que es capaz de transmitir de forma sencilla. Entre los m\u00e1s relevantes se encuentran:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Resultados determinantes en cuanto a la <strong>velocidad de carga y el rendimiento<\/strong> de la p\u00e1gina web, lo que tambi\u00e9n se traduce a una mejor puntuaci\u00f3n.<\/li>\n\n\n\n<li><strong>Sugerencias y recomendaciones<\/strong> para saber c\u00f3mo y d\u00f3nde se podr\u00eda optimizar el sitio.<\/li>\n\n\n\n<li>Adem\u00e1s, tiene la capacidad de basarse en las \u00ab<strong>best practices<\/strong>\u00ab, es decir, en todo el nivel front-end y tambi\u00e9n de la configuraci\u00f3n del servidor.<\/li>\n<\/ul>\n\n\n\n<p>Es importante destacar que la <strong>puntuaci\u00f3n del PageSpeed global<\/strong> recae en 100 puntos, donde se evaluar\u00e1 de forma detallada todos los aspectos antes descritos. Adem\u00e1s, este n\u00famero ha sido una de las solicitudes m\u00e1s frecuentes en los clientes, un famoso 100 de 100. En pocas palabras, una puntuaci\u00f3n perfecta.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"block-cb9b57c1-7d90-4b11-8fb7-be13f1032aec\"><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/arrow-pointing-right-in-a-circle.svg\" alt=\"\" style=\"width: 35px;\"> \u00bfC\u00f3mo se interpreta el resultado del PageSpeed Insights?<\/h2>\n\n\n\n<p>Aunque la evaluaci\u00f3n del 1 al 100 pudiera ser sencilla en funci\u00f3n de determinar la calidad, utilidad y <strong>optimizaci\u00f3n de un sitio web<\/strong>, el propio PageSpeed Insights mostrar\u00e1 una evaluaci\u00f3n cognitiva y num\u00e9rica. Este resultado se divide en tres grandes grupos, los cuales son:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Color verde<\/h3>\n\n\n\n<p>Esta podr\u00eda ser una evaluaci\u00f3n perfecta o casi perfecta, donde la puntuaci\u00f3n final deber\u00e1 estar entre los <strong>90 y los 100 puntos<\/strong>. De esta manera, PagSpeed test website est\u00e1 afirmando que tu p\u00e1gina web se encuentra en excelentes condiciones. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2020\/11\/Captura-de-pantalla-2020-11-06-103350.jpg\" alt=\"\" class=\"wp-image-4404\"\/><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\">2. Color amarillo<\/h3>\n\n\n\n<p>En el segundo rango y donde existen diversos puntos a mejorar encontrar\u00e1s el color amarillo y una puntuaci\u00f3n entre los <strong>50 y 89<\/strong>. Tal y como su posici\u00f3n indica, se trata de un resultado medio o regular, por lo que deber\u00e1s prestar atenci\u00f3n a determinados errores e implantar una serie de mejoras en tu site.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2020\/11\/Captura-de-pantalla-2020-11-06-103254.jpg\" alt=\"\" class=\"wp-image-4405\"\/><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\">3. Color rojo<\/h3>\n\n\n\n<p>Este es el \u00faltimo y peor resultado. Esto va a significar que vas a tener que hacer bastantes arreglos en tu sitio web. Adem\u00e1s de mostrarte el resultado con un color rojo, los valores de la evaluaci\u00f3n estar\u00e1n<strong> entre 1 y 49<\/strong>. En este caso, ser\u00e1 fundamental tomar apunte de los consejos y recomendaciones para mejorar en tantos aspectos como sea posible.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2020\/11\/Captura-de-pantalla-2020-11-06-103514.jpg\" alt=\"\" class=\"wp-image-4406\"\/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"block-cb9b57c1-7d90-4b11-8fb7-be13f1032aec\"><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/arrow-pointing-right-in-a-circle.svg\" alt=\"\" style=\"width: 35px;\"> Consejos para mejorar mi puntuaci\u00f3n del PageSpeed test website<\/h2>\n\n\n\n<p>L\u00f3gicamente, si la herramienta nos ha proporcionado una puntuaci\u00f3n amarilla o roja, es decir, regular o mala, vamos a tener que hacer una serie de correcciones para as\u00ed <strong>mejorar nuestra puntuaci\u00f3n. <\/strong>Antes de entrar p\u00e1nico, ser\u00e1 fundamental seguir las recomendaciones brindadas por el propio Google PageSpeed. Esta es una de las ventajas de esta incre\u00edble y eficaz herramienta, y es que nos proporciona una serie de indicaciones para mejorar el rendimiento del site analizado.<\/p>\n\n\n\n<p>El \u00e9xito se basar\u00e1 en la implementaci\u00f3n de nuevas t\u00e9cnicas, seg\u00fan lo revelado por pagespeed y dividirlo en <strong>dos grandes bloques<\/strong>. Por una parte se encuentra el contenido relevante y de calidad,  mientras que el segundo se basar\u00e1 en la parte estructural y program\u00e1tica del portal web.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/www.youtube.com\/watch?v=-QGifGGgeYQ\n<\/div><figcaption class=\"wp-element-caption\">\u00bfQu\u00e9 es PageSpeed y c\u00f3mo usarlo?<\/figcaption><\/figure>\n\n\n\n<p>\u00bfTodav\u00eda te has quedado con dudas? Si deseas obtener m\u00e1s informaci\u00f3n sobre <strong>PageSpeed Insights<\/strong> ponte en contacto con nuestro equipo de <a href=\"https:\/\/www.vadavo.com\/contacto\/comercial\" class=\"rank-math-link\">VADAVO<\/a>. Te invitamos a seguir el contenido de nuestro blog para as\u00ed formar parte de esta excelente era digital, siendo conocedor de las mejores herramientas en el mercado.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cuando se hace referencia al mundo tecnol\u00f3gico, uno de los factores m\u00e1s determinantes recae en la velocidad de respuesta. Para resolver esta necesidad existen herramientas como PageSpeed Insights, una gentileza de Google para inspeccionar el rendimiento de una p\u00e1gina web. Es por ello que se considera como la salvaci\u00f3n no solo para los desarrolladores, sino [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6543,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[35,6],"tags":[104],"class_list":["post-4396","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo","category-wordpress","tag-pagespeed"],"_links":{"self":[{"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/posts\/4396","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/comments?post=4396"}],"version-history":[{"count":2,"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/posts\/4396\/revisions"}],"predecessor-version":[{"id":6544,"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/posts\/4396\/revisions\/6544"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/media\/6543"}],"wp:attachment":[{"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/media?parent=4396"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/categories?post=4396"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/tags?post=4396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}