{"id":3524,"date":"2021-11-22T11:18:24","date_gmt":"2021-11-22T14:18:24","guid":{"rendered":"https:\/\/ghfly.kinsta.cloud\/es\/?p=3524"},"modified":"2021-11-22T11:37:35","modified_gmt":"2021-11-22T14:37:35","slug":"core-web-vitals","status":"publish","type":"post","link":"https:\/\/ghfly.kinsta.cloud\/es\/core-web-vitals\/","title":{"rendered":"Core Web Vitals: el secreto para tener un site 1 segundos"},"content":{"rendered":"

Por Douglas Dantas \u2013 Head of Marketing en GhFly<\/p>\n

Al entrar en una tienda, muchas veces se nota <\/span>que cada detalle ha sido pensado para hacer m\u00e1s agradable esta experiencia<\/strong>:<\/strong> desde la decoraci\u00f3n que hace referencia a las caracter\u00edsticas de la marca, hasta la disposici\u00f3n de los productos a la venta para facilitar la compra e incluso el olor del ambiente pueden hacer m\u00e1s positivo este momento.<\/span><\/p>\n

Dejando la vida offline para analizar el entorno digital, no es dif\u00edcil establecer un paralelismo y llegar a la conclusi\u00f3n de que, en una web, el objetivo es el mismo, proporcionar una buena experiencia al cliente -o posible cliente-.\u00a0<\/span><\/p>\n

La mejor manera de conseguir m\u00e1s resultados a trav\u00e9s de un sitio web es creando un entorno propicio para una excelente navegaci\u00f3n, cuando hablamos del complejo universo online, encontramos otro factor importante que refuerza esta necesidad: <\/span>el Core Web Vitals<\/strong> de Google.<\/span><\/p>\n

Una buena experiencia del cliente en un sitio web significa poder acceder a \u00e9l con facilidad, rapidez, encontrar respuestas a sus preguntas,\u00a0 Ahora bien, <\/span>\u00bfc\u00f3mo se pueden conseguir y medir estas se\u00f1ales?\u00a0<\/strong><\/p>\n

En este contexto, Google, el mayor motor de b\u00fasqueda online que opera en la actualidad, cre\u00f3 Core Web Vitals, una iniciativa que mide la experiencia en una p\u00e1gina y ofrece recomendaciones clave para mejorarla.<\/span><\/p>\n

\u00bfQu\u00e9 son los Core Web Vitals?<\/span><\/h2>\n

En primer lugar, es importante entender las razones que han llevado a Google a dirigir sus esfuerzos y su atenci\u00f3n a Core Web Vitals. <\/strong><\/span>Y la respuesta es sencilla<\/strong>:<\/strong> al igual que una empresa necesita satisfacer las necesidades de sus clientes, el motor de b\u00fasqueda tambi\u00e9n tiene este objetivo principal.<\/span><\/p>\n

Esta misi\u00f3n para Google est\u00e1 directamente vinculada a filtrar y ofrecer en su \u00edndice los sitios que presentan las mejores experiencias para ese usuario. Seg\u00fan datos del propio Google, cuando un determinado sitio sigue las recomendaciones del Core Web Vitals<\/span>, <\/b>hay un 24% menos de posibilidades de ser abandonado por un cliente.<\/strong><\/p>\n

Considera que, un cliente que navega por un sitio web, no quiere perder el tiempo en absoluto.\u00a0 Es probable que abandone el acceso a la primera demora o en cuanto surja un peque\u00f1o obst\u00e1culo.<\/span><\/p>\n

Es a este usuario al que Web Vitals orienta las m\u00e9tricas de construcci\u00f3n de una experiencia de p\u00e1gina. As\u00ed que, para lograr la mejor usabilidad posible.<\/span> Los Vitales Web giran en torno a la velocidad de carga, la interactividad y la estabilidad del sitio.<\/strong> Al respetar estos tres pilares, el sitio web est\u00e1 dando un paso importante hacia los resultados positivos de su negocio, al garantizar al cliente un acceso seguro, r\u00e1pido y asertivo.<\/span><\/p>\n

Entendiendo la importancia que da Google a las recomendaciones sugeridas dentro de las Core Web Vitals. Tambi\u00e9n es fundamental comprender la relaci\u00f3n directa entre la usabilidad y la experiencia que ofrece un sitio web con la asertividad de su estrategia SEO.\u00a0<\/span><\/p>\n

Vea cu\u00e1les son las vitales de la web, las “principales m\u00e9tricas de Internet”<\/span><\/h2>\n

Seg\u00fan Website Hosting Ratin<\/span>,<\/b> se estima que hay 1.830 millones de sitios web en el mundo<\/strong>.<\/strong> Una cifra impresionante y que refuerza el gran reto al que se enfrenta Google para clasificar determinados dominios y contenidos seg\u00fan sus criterios, incluyendo las buenas pr\u00e1cticas de Web Vitals.<\/span><\/p>\n

Como ya has visto, Core Web Vitals eval\u00faa la experiencia de usuario de un sitio web analizando la velocidad, la estabilidad visual y la interactividad. Entre los par\u00e1metros que se enumeran para medir la usabilidad del sitio, algunos se encuentran entre los principales:<\/span><\/p>\n

Largest Contentful Paint\u00a0 (LCP)<\/strong><\/h4>\n

Se encarga de medir la carga del elemento principal del sitio web, que puede ser una imagen, un v\u00eddeo o el texto m\u00e1s grande, por ejemplo. La recomendaci\u00f3n de Google es que la LCP se produzca hasta en 2,5 segundos. Entre 2,5 y 4 segundos de LCP, la p\u00e1gina necesita ajustes, y con m\u00e1s de 4 segundos, es muy probable que est\u00e9 perdiendo visitas y clientes seg\u00fan el buscador.<\/span><\/p>\n

Cumulative Layout Shift (CLS)<\/strong>
\n
\nTodos los usuarios deben haber experimentado al hacer clic en un bot\u00f3n de un sitio web, pero en cuanto se cargan los dem\u00e1s elementos de la p\u00e1gina, la posici\u00f3n de ese bot\u00f3n se modifica, y el cliente acaba yendo a un lugar diferente del que quer\u00eda. La situaci\u00f3n vivida expresa la inestabilidad visual de un determinado portal. Para que esto ocurra dentro de los l\u00edmites aceptables de la estabilidad visual, lo ideal es que el CLS se mantenga por debajo de 0,1. De 0,1 a 2,5, Google lo considera tolerable. Por encima de este n\u00famero, se indica una revisi\u00f3n estructural de la p\u00e1gina.<\/span><\/p>\n

First Input Delay (FID)<\/b>\u00a0<\/span><\/h4>\n

Esta m\u00e9trica comprueba la interactividad de un sitio web, desde el contacto hasta el inicio de una respuesta a esa interacci\u00f3n. Un buen FID marca hasta 100 milisegundos. Un resultado entre 100 y 300 milisegundos indica que la p\u00e1gina necesita ajustes. Una respuesta superior a los 300 milisegundos significa que hay muchas posibilidades de que el usuario abandone su sitio.<\/span><\/p>\n

C\u00f3mo tener un sitio web de 1 segundo<\/span><\/h2>\n

Para cada m\u00e9trica de Core Web Vitals, hay unos cuantos pasos que ejecutar, todos ellos enfocados a mejorar la experiencia del usuario. Es importante saber que Google tiene sus propias directrices de forma en profundidad, una fuente a la que hay que dar prioridad a la hora de consultar el paso a paso t\u00e9cnico para implementar cada mejora estructural.<\/span><\/p>\n

Para cada pilar considerado dentro de Core Web Vitals, algunos factores acaban reflej\u00e1ndose de forma m\u00e1s r\u00e1pida y directa para que los resultados sean observados de forma evidente por el usuario.<\/span><\/p>\n

LCP<\/span><\/h3>\n

El tiempo de respuesta para cargar el elemento principal del sitio se ve afectado por una serie de elementos, como el tiempo del servidor y el bloqueo de renderizaci\u00f3n de JavaScript y CSS. Algunas formas de optimizarlo son:<\/span><\/p>\n