First Contentful Paint es una métrica de percepción centrada en el usuario. Se refiere al tiempo que tarda el navegador en renderizar el primer elemento que no es de contenido como por ejemplo imágenes, texto o elementos canvas.

Tener un First Contentful Paint rápido es importante, ya que los usuarios percibirán que tu página web se está cargando rápidamente, aunque no sea exactamente así. Dicho esto, un FCP no trata de engañar a los usuarios, sino que da una idea sobre la velocidad general de tu página.

Eye10 mostrará tu puntuación FCP para escritorio y móvil. Busca cualquier puntuación que aparezca en texto rojo o naranja. Esto significa que se necesitan mejoras.

Algunos de los pasos que pueden ser necesarios para mejorar tu puntuación FCP son mostrar el texto antes y durante la carga de la fuente. Otros pasos implican minificar HTML/CSS o Javascript, eliminar el CSS no utilizado, reducir el tiempo hasta el primer byte (TTFB), utilizar imágenes SVG o WebP y reducir el tamaño del DOM.

El índice de velocidad mide el tiempo que tarda el contenido de tu página web en verse en su totalidad. Esto significa que todos los elementos de la página se han cargado completamente y que tu página web aparece en su forma visual prevista. Sin embargo, el índice de velocidad no es una medida de la velocidad global de la página, sino de la percepción del usuario de que la página se ha cargado.

Por lo tanto, piensa en el índice de velocidad en términos de experiencia del usuario, especialmente cuando se trata de reducir la tasa de rebote de la página, sobre todo si estas páginas son lentas de cargar para tus usuarios.

Un índice de velocidad ideal está entre 0 y 3 segundos, teniendo en cuenta lo que sabemos sobre cuándo es probable que los usuarios abandonen una página si perciben que no se está cargando lo suficientemente rápido.

Si Eye10 muestra una puntuación inferior a lo que se considera un buen índice de velocidad para tus URLs, algunos de los aspectos que deberías tener en cuenta son la reducción de los recursos de bloqueo de renderización y el trabajo del hilo principal de tu página web.

Recuerda que, al igual que con cualquier otro aspecto que pueda afectar a la velocidad de carga de tu página web, cuanto más complicados sean los elementos, más probabilidades habrá de que se produzcan problemas de velocidad. A veces, la simplicidad es lo mejor cuando se diseña una página web para reducir esos costosos errores dentro de tu estrategia de SEO más amplia.

Por regla general, una página web se compone de muchos elementos, como encabezados, texto, imágenes, botones, widgets, tablas y muchos más. Cada uno de estos elementos variará en tamaño, lo que significa que tardará más o menos tiempo en cargarse correctamente para tus usuarios.

El Largest Contentful Paint (LCP) mide lo optimizada que está tu página web, teniendo en cuenta todos estos elementos en la página. En concreto, un elemento suele destacar cuando se mide la rapidez de carga de una página debido a su tamaño. Por lo tanto, la puntuación LCP se basará principalmente en este elemento, que afectará a la optimización de la velocidad de tu página web en general.

Las páginas web con capacidad de respuesta están diseñadas teniendo en cuenta los diferentes dispositivos. Esto puede significar que el tiempo de tu LCP puede variar en el escritorio respecto al móvil. Así que, indudablemente, hay que tener esto en cuenta a la hora de realizar cualquier mejora de optimización en términos de diseño. Por ejemplo, si tu puntuación LCP es buena para el escritorio pero no para el móvil, sólo habrá que optimizar el móvil.

Algunas de las medidas que puedes tomar para mejorar una mala puntuación LCP son cambiar el tamaño o comprimir las imágenes, mejorar el proveedor de alojamiento de tu página web o sus capacidades, utilizar una red de distribución de contenidos (CDN) y eliminar los scripts que bloquean la renderización.

El Tiempo de Interacción (en inglés Time To Interactive, TTI) es el tiempo que tarda la página en ser completamente interactiva después de que el usuario llegue a ella. En términos sencillos, esto significa que una página puede parecer totalmente lista para su uso, pero hasta que todos los elementos no se hayan cargado correctamente, no podrán utilizarse. Esto puede crear una experiencia de usuario frustrante, especialmente si la página contiene muchos elementos interactivos.

Lo que sabemos sobre la velocidad de la página y el SEO, es que los usuarios esperan que una página web se cargue en 3 segundos. Sin embargo, la media de TTI es de 22 segundos. Por lo tanto, los usuarios pueden estar en la propia página web, pero los elementos en los que intentan hacer clic o interactuar no son accesibles de forma inmediata. Por lo tanto, esto no proporciona una experiencia satisfactoria, especialmente si los usuarios asumen que la página está rota o tiene fallos cuando simplemente no se ha cargado todavía.

A menudo, la causa de una puntuación TTI lenta se debe a que hay demasiados elementos de Javascript en una página. Aunque todas las demás métricas de velocidad que mide Eye10 también están estrechamente correlacionadas con el TTI. Por lo tanto, si se solucionan otros problemas de velocidad de la página, el TTI puede mejorar por sí solo.

El tiempo total de bloqueo se refiere al tiempo que transcurre entre el first contentful paint y el time to interactive tras la carga completa. Por lo tanto, piensa en el tiempo total de bloqueo como un resumen de todas las métricas de velocidad de tu página.

Las entradas del usuario, al igual que los clics, las pulsaciones de la pantalla o del teclado, se tienen en cuenta al calcular el tiempo total de bloqueo. En concreto, se muestra el tiempo que el usuario está "bloqueado" para completar cualquiera de estas acciones en tu página cuando intenta cargarla.

La optimización de la velocidad de la página de tu página web mejorará, en última instancia, el tiempo total de bloqueo, que debe considerarse como una culminación de cada una de las demás métricas.

El desplazamiento de diseño acumulativo (también conocido como CLS) significa que el diseño de una página se adapta a medida que la página se carga. La razón por la que se produce el CLS suele deberse a la plantilla seleccionada o a la forma en que se ha diseñado la página. Simplemente, los navegadores tienden a cargar los elementos de una misma página a diferentes velocidades. Por lo tanto, la forma en que se carga la página puede no dar una sensación de fluidez al navegar por ella y, en última instancia, algunos elementos pueden ser tan lentos de cargar que los usuarios abandonan la espera.

Un ejemplo de una página que tiene una puntuación CLS baja es la página de inicio de Google. Se puede observar que esta página tiene un número mínimo de elementos, lo que hace que se cargue rápidamente y sea fácil de navegar. Aunque no se trata de que tu página web tenga que contar con el menor número de elementos posible, tener en cuenta cómo se carga tu página es importante, especialmente cuando se trata de evitar cualquier cambio en el diseño.

La herramienta Eye10 PageSpeed facilita la medición de los cambios de diseño acumulados. Si tu página web tiene una puntuación de CLS alta, te sugerimos que pruebes una plantilla de página web diferente o que consultes a un desarrollador para que ajuste los elementos de tu página web para que se carguen con la menor cantidad de CLS posible. No olvides probar tu página web en diferentes navegadores y dispositivos cuando realices mejoras hasta que se resuelva el problema.

Hay una gran variedad de pruebas de velocidad de sitios web en el mercado. Sorprendentemente, cada herramienta puede dar resultados diferentes debido a la ubicación de la herramienta frente a la ubicación de tu servidor, así como a las capacidades de la herramienta.

Por eso es importante comprobar la velocidad de tu página en herramientas alternativas para tratar de identificar patrones generales y descubrir información adicional.

La herramienta Eye10 Pagespeed proporciona datos tanto de Google Pagespeed Insights como de Gtmetrix. Esto significa que no tienes que pagar por suscripciones en diferentes herramientas ni perder el tiempo repitiendo búsquedas en ninguno de los dos portales. Eye10 combina todo lo que necesitas para ti de forma rápida y eficaz.

A continuación, te presentamos un resumen de los aspectos que te indicará cada herramienta. La herramienta Pagespeed combinará estos hallazgos en la página para que puedas ver simultáneamente lo que descubre cada herramienta.

Cuando introduzcas tu URL en la herramienta Eye10 Pagespeed, se te presentarán varios aspectos muy importantes de Google Pagespeed Insights.

Eye10 también te permite alternar entre las lecturas para móviles y para escritorio, de modo que puedas hacerte una idea completa de la velocidad de carga de tus páginas en cualquiera de las dos opciones de dispositivos.

Google Pagespeed Insights incluye el resumen de la puntuación, first contentful paint, el índice de velocidad, largest contentful paint, el tiempo para interactuar, el tiempo total de bloqueo y el cambio de diseño acumulado.

Asegúrate de que los resultados de móvil y de escritorio se muestren en verde al alternar entre cada tipo de dispositivo.

GTmetrix es otra herramienta muy conocida que se utiliza para medir la velocidad de las páginas web. Te permite averiguar más información sobre tu página y obtener una segunda opinión muy importante.

Los aspectos que GTmetrix te dará dentro de la herramienta Pagespeed incluyen una lista de los principales problemas que afectan a tu rendimiento, la puntuación Pagespeed, el grado de rendimiento, el tiempo de carga completa, el tamaño total de la página y las peticiones.

Observarás que algunos aspectos son similares a los de Google Pagespeed Insights y otros ofrecen más detalles, como el tamaño total de tu página y el tiempo que tarda en cargarse completamente.

A continuación hemos respondido a algunas de las preguntas más frecuentes sobre Pagespeed. Ponte en contacto con nosotros si no ves tu pregunta a continuación o necesitas ayuda específica sobre la herramienta Eye10 Pagespeed.

Pagespeed Insights es una herramienta oficial de Google, y dado que Google es el principal motor de búsqueda del mundo, no se habría desarrollado una herramienta de este tipo si no fuera importante.

En última instancia, los motores de búsqueda quieren enviar a los usuarios a las páginas que les ofrezcan la mejor experiencia, dado que los motores de búsqueda también compiten entre sí. Por lo tanto, las páginas web relevantes que se cargan rápidamente son siempre preferibles a las lentas y a las que presentan fallos

Al fin y al cabo, si los usuarios se van porque las páginas tardan demasiado en cargarse, aunque tu contenido se haya optimizado metódicamente para el SEO, nadie se quedará a leerlo.

Por lo tanto, vale la pena tener en cuenta todas las sugerencias que te dará Eye10, para que tu página web se cargue rápidamente.

Google Pagespeed Insights clasifica la puntuación de la URL de tu página web en las siguientes categorías:

90-100 - Buena
58-89 - Aceptable
0-49 - Mala

Lo ideal es que tu página web tarde entre 1 y 3 segundos en cargarse, teniendo en cuenta que el 53% de las visitas desde móviles se abandonan si la página tarda más de 3 segundos en cargarse.

Mira la puntuación que te da Eye10 para los tiempos de carga de tu página tanto en Google Pagespeed Insights como en GTmetrix, dependiendo de si se accede al sitio desde el escritorio o desde el móvil.

A continuación, verás un desglose de ambas puntuaciones junto con una lista de cambios necesarios para mejorar la puntuación, en caso de que se detecte algún problema.

La herramienta Eye10 Pagespeed proporciona hasta 30 solicitudes al día en el paquete profesional o hasta 100 solicitudes al día en nuestro paquete empresarial.

Introduce tu URL y Eye10 hará el resto. Te recomendamos que compruebes la velocidad de carga de tus páginas de forma habitual, sobre todo si has realizado algún cambio en tu página web recientemente, como el diseño o las capacidades de alojamiento.

Sí, la velocidad de la página es un factor de posicionamiento relacionado con el SEO técnico.

Los motores de búsqueda no quieren enviar a los usuarios a páginas web que tardan mucho en cargarse, ya que esto se traduce en una mala experiencia para el usuario. Por lo tanto, si quieres escalar posiciones en los motores de búsqueda, tienes que hacer todo lo posible para reducir el tiempo que tardan tus páginas en cargarse completamente.

Hay multitud de aspectos dentro de tu página web que se pueden optimizar para conseguir un tiempo de carga de la página web más rápido. A continuación te mostramos un resumen de los principales aspectos que recomendamos revisar.

Mejora las capacidades de alojamiento de tu página web: con el tiempo, es probable que el tráfico de tu página web, por no hablar de su tamaño, crezca. Asegúrate de que tu página web puede soportar el tráfico que recibe para el lugar en el que se encuentra actualmente. Asimismo, es posible que hayas elegido un paquete de alojamiento que ofrezca malos resultados en cuanto al tiempo de carga de la página, así que comprueba que tu página web puede soportar el tráfico que recibe para el lugar en el que te encuentras.

Usa una CDN: CDN significa Content Delivery Network (red de entrega de contenidos). Básicamente, una CDN replica versiones de tu página web en servidores de todo el mundo, lo cual reduce el tiempo que tarda tu página en cargarse. Si tu página web tiene un público global, también se recomiendan las CDN. Utiliza una CDN si tu proveedor de alojamiento no está en el mismo país que el público al que te diriges.

Optimiza las imágenes: a diferencia del texto, los archivos de imagen son mucho más voluminosos. Si las imágenes de tu página web no se han reducido en tamaño antes de subirlas (es decir, se ha cambiado el tamaño de la imagen), tus imágenes podrían estar poniendo mucha presión en las capacidades de ancho de banda del usuario.

Comprueba el código de la página web en busca de errores: independientemente de cómo se haya construido tu página web (incluidas las plantillas rediseñadas), comprueba que no haya errores o fallos evidentes que ralenticen tus páginas.

Elimina las ventanas emergentes: las ventanas emergentes son uno de los muchos elementos que pueden ralentizar tus páginas. Elimina este tipo de elementos para que tus páginas se carguen lo más rápido posible.

Es fácil dejarse seducir por las ofertas de alojamiento baratas o incluso elegir los nombres más populares del mercado. Pero antes de contratar cualquier paquete de alojamiento para tu página web, debes leer la letra pequeña. En concreto, fíjate en la capacidad del servidor que vas a tener y asegúrate de que eliges un paquete que realmente se ajusta a las necesidades de tu página web.

Fíjate también en la duración del contrato, por si necesitas actualizar los servidores o incluso cambiar de proveedor. Cambiar de proveedor de alojamiento puede ser un proceso complicado y algunas plataformas pueden imponer restricciones que te impidan hacerlo durante un tiempo determinado.

Ten en cuenta que si el proveedor de alojamiento no está ubicado en tu país (es decir, tu página web está en el Reino Unido pero tu página web estará alojada en Estados Unidos), será necesaria una CDN. Así que lo ideal es que el proveedor de alojamiento esté siempre ubicado en el mismo país que tu página web para evitar este problema por completo. Aunque para cualquier página web con una audiencia global (por ejemplo, blogs), se recomienda una CDN.

Asegúrate también de comprobar las opiniones de los usuarios. Opta por la plataforma de alojamiento con los mejores paquetes en función de sus capacidades y prestaciones, junto con una que tenga un servicio de atención al cliente personalizado.

Es cierto que no todos los empresarios o las empresas emergentes tienen el presupuesto necesario para contratar a un desarrollador o diseñador web. Pero, al igual que con cualquier otro servicio que necesite tu página web, sin la experiencia necesaria para garantizar un resultado profesional, podría costar más solucionar el problema a largo plazo.

Los desarrolladores web se encargan de construir tu página web, mientras que los diseñadores web se encargan del aspecto real de tu página. Ambas especialidades pueden trabajar para garantizar que tu página web se cargue rápidamente. Si tu página web actual se carga despacio, el nuevo diseño tendrá que eliminar todos los problemas del diseño actual, y este objetivo sólo se puede conseguir con la experiencia adecuada a tu lado.

En cualquier caso, te sugerimos que utilices nuestra herramienta Pagespeed y consultes el desglose analítico para ver en qué punto se encuentra tu página web en estos momentos. Asimismo, si tu página web está activa actualmente, los datos te indicarán la dirección correcta a la hora de entender qué aspectos de tu página web están ralentizando las cosas.

Otra razón por la que los desarrolladores y diseñadores web son parte integrante del proceso de creación de una página web es que pueden aconsejar sobre los elementos que simplemente no son necesarios incluir en tu página web. O aquellos que pueden optimizarse para que tarden menos en cargarse en la página.

Si estás diseñando tu propia página web, piensa en qué elementos necesita realmente tu página para cumplir su función. Los elementos innecesarios no van a añadir valor a tus usuarios, y lo que es peor, ralentizarán tu página.

Nuestro último punto es asegurarnos de que no construyas tu página web y luego te olvides de ella. Al igual que con todos los aspectos de su SEO, la comprobación periódica del estado de la velocidad de tu página a través de la herramienta Eye10 Pagespeed va a permitir que te pongas al tanto de cualquier problema rápidamente. De lo contrario, es posible que no te des cuenta de que ciertas páginas son lentas para cargar causando una mala experiencia de usuario y una alta tasa de rebote.

Eye10 ofrece una generosa cantidad de consultas diarias para Pagespeed Tool, así que asegúrate de utilizarlas para que tu página web se beneficie de verdad de tu suscripción.