{"id":40181,"date":"2023-04-18T07:10:56","date_gmt":"2023-04-18T14:10:56","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=40181"},"modified":"2025-01-16T14:43:15","modified_gmt":"2025-01-16T22:43:15","slug":"mejorar-calificacion-reporte-de-pagespeed-insights","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/es\/mejorar-calificacion-reporte-de-pagespeed-insights\/","title":{"rendered":"C\u00f3mo Obtener un 100% en El Reporte de PageSpeed Insights Y Mejorar Tu SEO"},"content":{"rendered":"\n

En el internet, no hay l\u00edmite de velocidad \u2014 pero, s\u00ed hay un veloc\u00edmetro.<\/span><\/p>\n\n\n\n

La velocidad y el rendimiento de tu sitio web pueden impactar notablemente tu negocio. Son capaces de mejorar tu ranking en motores de b\u00fasqueda y SEO, aumentar la interacci\u00f3n de tu sitio web y generar m\u00e1s conversiones \u2014 y ganancias.<\/span><\/p>\n\n\n\n

Pero antes de que optimices la velocidad de tu sitio web, necesitas saber c\u00f3mo funciona.<\/span><\/p>\n\n\n\n

Ah\u00ed es donde entra en escena PageSpeed Insights.<\/span><\/p>\n\n\n

\n
\"Evaluaci\u00f3n<\/figure><\/div>\n\n\n

Esta herramienta gratuita de Google te ayuda a entender el rendimiento de tu sitio. Pero puede ser un poco dif\u00edcil de abordar.<\/span><\/p>\n\n\n\n

Despu\u00e9s de todo, \u00bfqu\u00e9 significan todos estos t\u00e9rminos y puntuaciones diferentes? \u00bfC\u00f3mo se supone que sepas qu\u00e9 hacer aqu\u00ed, o por d\u00f3nde empezar?<\/span><\/p>\n\n\n\n

Escribimos esta gu\u00eda para que sepas qu\u00e9 hacer con los resultados de tu reporte de PageSpeed Insights y c\u00f3mo trabajar estrat\u00e9gicamente con soluciones espec\u00edficas y mejorar cada uno de tus puntajes, \u00a1sin importar qu\u00e9 problemas necesitas solucionar!<\/span><\/p>\n\n\n\n

Hoy, te vamos a guiar por cada uno de los factores clave y te presentaremos estrategias, para que mejores tu rendimiento en cada uno de ellos.<\/span><\/p>\n\n\n\n

\u00bfQu\u00e9 Es Google PageSpeed Insights?<\/span><\/h2>\n\n\n\n

PageSpeed Insights (PSI) es una herramienta que prueba, mide e informa c\u00f3mo est\u00e1 el rendimiento de tu sitio web. Captura datos clave sobre c\u00f3mo los usuarios experimentan y se involucran con tu sitio, mediante el an\u00e1lisis de aspectos clave como la velocidad del sitio, el tiempo de carga y la experiencia del usuario.<\/span><\/p>\n\n\n\n

Adem\u00e1s de calificar tu sitio web en una variedad de m\u00e9tricas clave de rendimiento, PSI realiza una serie de diagn\u00f3sticos y tambi\u00e9n recomienda acciones espec\u00edficas para ayudarte a mejorar el rendimiento de tu sitio web.<\/span><\/p>\n\n\n\n

PSI est\u00e1 impulsado por el <\/span>motor de an\u00e1lisis de c\u00f3digo abierto de Google, Lighthouse<\/span><\/a>.<\/span><\/p>\n\n\n\n

Lo que hace que PSI sea vital para webmasters y especialistas en marketing, es que el rendimiento del sitio se relaciona profundamente con KPIs, como experiencia del usuario (UX), SEO, tr\u00e1fico, conversiones y otros de alto valor para el negocio.<\/span><\/p>\n\n\n\n\n\n

\n\t\n\t\t<\/svg>\n\t\t<\/span>\n\t\t<\/svg>\n\t<\/a>\n

Rendimiento de Sitio Web<\/h3>\n

El rendimiento de un sitio web se refiere a la velocidad de carga y el tiempo de actividad del sitio. Un sitio con mejor rendimiento carga m\u00e1s r\u00e1pido, funciona con menos problemas y posee un tiempo de actividad casi perfecto.<\/p>\n \n<\/div>\n\n\n\n

Obtener un 100% en PSI es como sacar una excelente nota en tus pruebas de conocimiento para entrar a la Universidad.<\/span><\/p>\n\n\n\n

Esta buena nota no garantiza que te ir\u00e1 muy bien en la Universidad, pero definitivamente lograrla ser\u00e1 positivo para ti y te posicionar\u00e1 mejor para el reto.<\/span><\/p>\n\n\n\n

Velocidad de P\u00e1gina y SEO<\/span><\/h2>\n\n\n\n

Respondamos la pregunta principal en primer lugar.<\/span><\/p>\n\n\n\n

S\u00ed, la velocidad y el rendimiento de tu sitio web pueden afectar la Optimizaci\u00f3n para Motores de B\u00fasqueda (SEO). Para bien o para mal.<\/span><\/p>\n\n\n\n

En particular, un mal rendimiento puede afectar tu SEO. Piensa en tu PSI, como en un testigo de tu sitio web. Si tienes puntuaciones bajas, eso significa que el sitio web es lento, lo cual ralentiza tambi\u00e9n tu crecimiento en SERPs o P\u00e1ginas de Resultados de Motores de B\u00fasqueda. <\/span><\/p>\n\n\n\n

Google ya antes ha <\/span>declarado p\u00fablicamente que usa se\u00f1ales de velocidad de sitio web<\/span><\/a>, las llama “experiencia de p\u00e1gina”, como un factor de clasificaci\u00f3n de SEO.<\/span><\/p>\n\n\n\n

Hay 3 factores fundamentales incluidos en el algoritmo de b\u00fasqueda, que Google llama M\u00e9tricas Web Principales:<\/span><\/p>\n\n\n\n

    \n
  1. Carga – <\/span>Largest Contentful Paint<\/span><\/i> (LCP o Renderizado del Mayor Elemento con Contenido)<\/span><\/li>\n\n\n\n
  2. Interactividad – <\/span>First Input Delay<\/span><\/i> (FIP o Latencia de la Primera Interacci\u00f3n)<\/span><\/li>\n\n\n\n
  3. Estabilidad Visual – <\/span>Cumulative Layout Shift<\/span><\/i> (CLS o Cambio Acumulativo del Dise\u00f1o)<\/span><\/li>\n\n\n\n\n<\/ol>\n\n\n\n\n\n
    \n\t\n\t\t<\/svg>\n\t\t<\/span>\n\t\t<\/svg>\n\t<\/a>\n

    \u00bfQu\u00e9 son las M\u00e9tricas Web Principales? <\/h3>\n

    Las M\u00e9tricas Web Principales, ue desarrollado por Google y representa un tr\u00edo de m\u00e9tricas de experiencia del usuario dise\u00f1adas para ayudar a crear una experiencia de navegaci\u00f3n web m\u00e1s r\u00e1pida, m\u00e1s accesible y de mayor calidad. Las tres m\u00e9tricas principales de Web Vitals incluyen la pintura m\u00e1s grande con contenido (LCP), el retraso de la primera entrada (FID) y el cambio de dise\u00f1o acumulativo (CLS).<\/p>\n \n<\/div>\n\n\n\n

    Estos tres factores miden cu\u00e1nto tarda tu sitio en cargar, as\u00ed como la velocidad y calidad de la experiencia del usuario (UX), que tambi\u00e9n pueden afectar la accesibilidad.<\/span><\/p>\n\n\n\n

    Estos 3 factores son parte de las 6 m\u00e9tricas medidas por PSI. <\/span><\/p>\n\n\n\n

    C\u00f3mo Funciona PageSpeed Insights<\/span><\/h2>\n\n\n\n

    Ahora que entendemos qui\u00e9n, qu\u00e9, d\u00f3nde y por qu\u00e9… nos resta el c\u00f3mo.<\/span><\/p>\n\n\n\n

    \u00bfC\u00f3mo funciona PageSpeed Insights en realidad y c\u00f3mo puedes usar la informaci\u00f3n que te proporciona?<\/span><\/p>\n\n\n\n

    Para responderte, te mostraremos algo sobre c\u00f3mo funciona realmente la herramienta detr\u00e1s de escenas, seg\u00fan declaraciones de Google:<\/span><\/p>\n\n\n\n

    \n

    \u201cPSI brinda, tanto datos de laboratorio, como de campo, sobre una p\u00e1gina. Los de laboratorio sirven para depurar problemas, pues se recopilan en un entorno controlado. Pero es posible que no capturen los cuellos de botella que suceden en la vida real. Por otro lado, los datos de campo son \u00fatiles para capturar la verdadera experiencia del usuario en el mundo real – pero tienen un conjunto m\u00e1s limitado de m\u00e9tricas”.<\/span><\/p>\n\n\n\n\n<\/blockquote>\n\n\n\n

    En otras palabras, PSI normalmente est\u00e1 en busca de dos cosas. <\/span><\/p>\n\n\n\n

    Primero, los computadores de Google cargan tu sitio web para ver c\u00f3mo funciona.<\/span><\/p>\n\n\n\n

    Segundo, como los computadores de Google no son como el port\u00e1til que tienes en casa o en la oficina, ellos miran un historial de datos de usuarios reales que visitaron tu sitio en los \u00faltimos 28 d\u00edas. (Estos datos provienen del Informe de Experiencia de Usuario de Chrome, o “<\/span>CrUX<\/span><\/i>“, y se recopilan de usuarios que usan el navegador Chrome). <\/span><\/p>\n\n\n\n

    Luego, PSI combinar\u00e1 estas dos pruebas y calificar\u00e1 tu sitio web, seg\u00fan la experiencia de los usuarios reales.<\/span><\/p>\n\n\n\n

    El puntaje de PageSpeed Insights es, entonces, una colecci\u00f3n de m\u00e9tricas sobre el rendimiento de tu sitio. Desglosa las \u00e1reas buenas y las que necesitan m\u00e1s trabajo.<\/span><\/p>\n\n\n\n

    Hay 6 m\u00e9tricas en especial, a las cuales debes prestar especial atenci\u00f3n:<\/span><\/p>\n\n\n\n

      \n
    1. First Contentful Paint <\/span><\/i>(FCP o Primer Despliegue de Contenido)<\/span><\/li>\n\n\n\n
    2. First Input Delay<\/span><\/i> (FIP o Demora de la Primera Entrada)<\/span><\/li>\n\n\n\n
    3. Largest Contentful Paint<\/span><\/i> (LCP o Despliegue m\u00e1s Extenso de Contenido)<\/span><\/li>\n\n\n\n
    4. Cumulative Layout Shift<\/span><\/i> (CLS o Cambio Acumulativo del Dise\u00f1o)<\/span><\/li>\n\n\n\n
    5. Interaction to Next Paint<\/span><\/i> (INP o Interacci\u00f3n con la Pr\u00f3xima Pintura)<\/span><\/li>\n\n\n\n
    6. Time to First Byte<\/span><\/i> (TTFB o Tiempo Hasta el Primer Byte)<\/span><\/li>\n\n\n\n\n<\/ol>\n\n\n\n

      Cada una de estas m\u00e9tricas se mide y eval\u00faa seg\u00fan su rendimiento.<\/span><\/p>\n\n\n\n

      Al llevar a cabo un reporte PSI en tu sitio, se te dar\u00e1 una puntuaci\u00f3n y una “calificaci\u00f3n” para cada uno de estos factores, la cual podr\u00e1 ser:<\/span><\/p>\n\n\n\n

        \n
      1. Bueno<\/span><\/li>\n\n\n\n
      2. Necesita Mejorar<\/span><\/li>\n\n\n\n
      3. Pobre<\/span><\/li>\n\n\n\n\n<\/ol>\n\n\n\n

        Estas calificaciones se determinan, seg\u00fan rangos predefinidos de Google:<\/span><\/p>\n\n\n\n

         <\/td>Bueno<\/b><\/td>Necesita mejorar<\/b><\/td>Pobre<\/b><\/td><\/tr>
        FCP<\/span><\/td>[0, 1800ms]<\/span><\/td>(1800ms, 3000ms]<\/span><\/td>sobre 3000ms<\/span><\/td><\/tr>
        FID<\/span><\/td>[0, 100ms]<\/span><\/td>(100ms, 300ms]<\/span><\/td>sobre 300ms<\/span><\/td><\/tr>
        LCP<\/span><\/td>[0, 2500ms]<\/span><\/td>(2500ms, 4000ms]<\/span><\/td>sobre 4000ms<\/span><\/td><\/tr>
        CLS<\/span><\/td>[0, 0.1]<\/span><\/td>(0.1, 0.25]<\/span><\/td>sobre 0.25<\/span><\/td><\/tr>
        INP (experimental)<\/span><\/td>[0, 200ms]<\/span><\/td>(200ms, 500ms]<\/span><\/td>sobre 500ms<\/span><\/td><\/tr>
        TTFB<\/span> (experimental)<\/span><\/td>[0, 800ms]<\/span><\/td>(800ms, 1800ms]<\/span><\/td>sobre 1800ms<\/span><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

        C\u00f3mo Usar Esta Gu\u00eda para Mejorar Tu Puntaje en<\/span> PageSpeed Insights<\/span><\/h2>\n\n\n\n

        Comprender el PageSpeed Insights es la primera parte de la batalla.<\/span><\/p>\n\n\n\n

        La siguiente es llevar todas esas puntuaciones, n\u00fameros y sugerencias, a un plan accionable y aterrizado en el mundo real, para que tu sitio web pueda mejorar.<\/span><\/p>\n\n\n\n

        Aqu\u00ed hay una forma de usar esta gu\u00eda:<\/span><\/p>\n\n\n\n