Cuando analizamos una web con Lighthouse, Google mide 5 tiempos distintos, cada uno con un peso diferente en la puntuaci\u00f3n final. A continuaci\u00f3n te explicamos qu\u00e9 significa cada m\u00e9trica y, despu\u00e9s, por qu\u00e9 los sliders suelen ser un problema tanto de velocidad como de usabilidad.<\/p>\n
Es el momento en que el usuario ve algo en pantalla por primera vez. Si tarda mucho, el usuario piensa que la web no carga y se va.<\/p>\n
Mide qu\u00e9 tan r\u00e1pido se \u00abcrea\u00bb visualmente todo el contenido. Es la velocidad general de aparici\u00f3n de la p\u00e1gina.<\/p>\n
El elemento m\u00e1s grande de la pantalla (normalmente una imagen o el bloque principal de texto). Es la m\u00e9trica que m\u00e1s se asocia a \u00abla web ya carg\u00f3\u00bb.<\/p>\n
El m\u00e1s importante. El tiempo en que el navegador est\u00e1 ocupado ejecutando c\u00f3digo que no son clics o toques del usuario. Aqu\u00ed es donde el JavaScript pesado se nota m\u00e1s.<\/p>\n
Mide si los elementos \u00absaltan\u00bb mientras carga la p\u00e1gina. \u00bfTe ha pasado que vas a hacer clic y el bot\u00f3n se mueve, haciendo que falles o vayas a otro lugar? Eso es CLS.<\/p>\n
Hay un motivo t\u00e9cnico de peso: los sliders suelen a\u00f1adir JavaScript extra justo en la parte alta de la web, precisamente donde m\u00e1s impactan el FCP y el LCP (adem\u00e1s de im\u00e1genes o v\u00eddeos), ralentizando exactamente el momento que el usuario m\u00e1s nota.<\/p>\n
Pero el problema no es solo de velocidad, es tambi\u00e9n de comportamiento del usuario.<\/p>\n
En la pr\u00e1ctica, ning\u00fan visitante se queda 3, 5 o 7 segundos esperando pasivamente a que el slider cambie de imagen o de v\u00eddeo. Lo que hace, en los primeros 1-3 segundos, es leer el titular de arriba y, despu\u00e9s, igual que en redes sociales (por costumbre), hacer scroll hacia abajo.<\/p>\n
Eso significa una cosa clara: la segunda informaci\u00f3n de la p\u00e1gina es tan importante como la primera. No tiene sentido concentrar todo el esfuerzo de conversi\u00f3n solo en la parte alta (hero + slider) si el usuario ya est\u00e1 bajando.<\/p>\n
En lugar de bloquear la atenci\u00f3n arriba con un slider, conviene usar una imagen fija: el engagement y la emocionalidad se transmiten igual, sin penalizar la velocidad de carga. Y acompa\u00f1ar el scroll.<\/p>\n
Cada bloque de la p\u00e1gina deber\u00eda tener su propio CTA \u00fatil, pensado para convertir en ese punto exacto del recorrido.<\/p>\n","protected":false},"excerpt":{"rendered":"
Sliders, enemigos de todos los tiempos: por qu\u00e9 tu web es lenta Cuando analizamos una web con Lighthouse, Google mide 5 tiempos distintos, cada uno con un peso diferente en la puntuaci\u00f3n final. A continuaci\u00f3n te explicamos qu\u00e9 significa cada m\u00e9trica y, despu\u00e9s, por qu\u00e9 los sliders suelen ser un […]<\/p>\n","protected":false},"author":1,"featured_media":1738,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_joinchat":[],"footnotes":""},"categories":[71],"tags":[],"class_list":["post-1737","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-usabilidad-y-conversion-de-sitios-web-y-tiendas-online"],"yoast_head":"\n