Aumenta la velocidad de la página para mejorar tu SEO

En la Conferencia Found de este año, Ray Grieselhuber, nuestro propio CEO, habló sobre la importancia de diseñar para la legibilidad . Los usuarios suelen tener objetivos de algún tipo antes de llegar a su sitio: están buscando algo antes de llegar a su página de destino y desea que coincida con la intención del usuario. Además, el uso no quiere esperar por su contenido. Debido a las expectativas de los usuarios de una experiencia instantánea, asegurarse de aumentar la velocidad de la página es una parte vital del SEO.

Mejorar la velocidad de la página y la clasificación al mismo tiempo

Google define la velocidad del sitio como la velocidad de todas las páginas que componen su sitio, mientras que la velocidad de la página es la velocidad de una página individual en su sitio. La velocidad del sitio se basa en todas las páginas de su sitio; por lo tanto, deberá mejorar los tiempos de carga en todas o en la mayoría de sus páginas para mejorar la velocidad general del sitio. Google dice que las páginas deberían cargarse en menos de 2,5 segundos.

La velocidad como factor en la clasificación no es nueva; Google lo ha utilizado como un factor de clasificación en la búsqueda de escritorio desde al menos 2010. En 2018, el motor de búsqueda anunció lo que llamó The Speed ​​Update , haciendo que la velocidad de la página sea un factor de clasificación para la búsqueda móvil . El anuncio incluía un razonamiento sólido: la velocidad de la página afecta las tasas de rebote y el objetivo de Google es llevar a los usuarios al contenido en el que desean permanecer. Incluso citó estudios que muestran que la probabilidad de un rebote aumenta drásticamente para los tiempos de carga de la página de más de 3 segundos.

Si bien Search Engine Watch dice que la velocidad de la página solo está ligeramente relacionada con la clasificación , está altamente relacionada con ciertos comportamientos de los usuarios: y esos comportamientos definitivamente afectarán su clasificación. Una vez más, los usuarios tienen una idea de lo que están buscando y los sitios lentos no cumplen con las expectativas de los usuarios.

Aumente la velocidad de la página y mejore las expectativas de los usuarios

Ray dice que la velocidad de la página, el tiempo de carga y el tiempo de renderizado son factores importantes para mantener a los usuarios en la página. “Si tarda más de unos segundos en cargar algo, su expectativa por el valor que obtienen de esa página aumenta muy rápidamente”, dice.

Es probable que esperar a que el contenido de la página sea de baja calidad frustre a sus usuarios. Un estudio de principios de la década de 2010 mostró que, en ese momento, los diseñadores web tenían 50 milisegundos para causar una buena primera impresión . Por supuesto, ese número puede variar según el sitio, el dispositivo y el usuario, pero los humanos están diseñados para hacer juicios instantáneos. Los usuarios deciden casi inmediatamente si quieren interactuar con su sitio y almacenan esa información cuando deciden volver a visitarlo.

Los tiempos de carga lentos significan que sus usuarios no tendrán nada que juzgar, y es posible que abandonen su sitio. Por el contrario, una mejor velocidad de la página no solo mantiene a las personas en su sitio, sino que aumenta la participación una vez que llegan. Un estudio realizado por Google y Deloitte mostró que una mejora del tiempo de carga de incluso 100 milisegundos puede tener un impacto importante en el comportamiento del usuario: un aumento de 0,1 segundos en la velocidad de la página fue acompañado por aumentos de conversión de hasta un 10 por ciento.

Resuelva los problemas que reducen el tiempo de carga.

El tiempo de carga lento puede ser un problema técnico, no un problema de contenido. Por lo tanto, para aumentar la velocidad de la página, es posible que deba atraer a su equipo de desarrollo (si tiene uno) o repasar su propia familiaridad con los problemas de back-end.

Primer paso: averiguar dónde se encuentra. La función Test My Site de Google le permite probar la velocidad de su sitio y le muestra las correcciones recomendadas si su tiempo de carga es superior a 2,5 segundos. Test My Site incluso proporciona sugerencias personalizadas, señalando las mejores mejoras para su sitio. Esas correcciones pueden incluir:

• Almacenamiento en caché HTTP para acelerar los tiempos de carga para los usuarios que regresan. Los navegadores pueden almacenar en caché hojas de estilo, imágenes y más para evitar que los usuarios recurrentes tengan que volver a cargar la página completa. Consulte la guía de Google sobre ese tema aquí.
• Imágenes del tamaño adecuado . Asegúrese de que sus imágenes no sean más grandes de lo necesario: ¡no necesita fotos de alta definición para cada página de su sitio! Cambie el tamaño de las imágenes para que coincidan con las dimensiones de visualización de su sitio. Y asegúrese de que estén en el formato correcto (PNG o JPEG funcionan, pero las imágenes WebP son aún mejores)
• Reducir los redireccionamientos . Cada vez que una página se redirige a otra, sus usuarios enfrentan un tiempo de espera adicional. Cree URL que funcionen para su propósito: si es posible, evite usar páginas m-dot o URL largas que deban acortarse.
• Minimización de JavaScript, CSS y HTML . La minificación elimina un archivo de código de todos los datos que no se requieren para que se ejecute el archivo: básicamente, elimina los comentarios del código y el código no utilizado, usa nombres de función más cortos, etcétera. Esto no es algo que quiera hacer manualmente, pero hay muchas herramientas y recursos disponibles para ayudar con este proyecto.
• Comprimir grandes archivos CSS, HTML y JavaScript . Pruebe Gzip, un algoritmo de compresión que le permite reducir el tamaño de un archivo y mantener las propiedades del archivo original.
• Reducción del tiempo de respuesta del servidor . Uno de los factores más importantes en la carga de la página es la cantidad de tiempo que tardan los navegadores en recuperar su DNS o sistema de nombres de dominio. Algunos proveedores de DNS son más rápidos que otros, por lo que es posible que desee cambiar de proveedor de DNS.
• Elegir una mejor opción de alojamiento . Las opciones de alojamiento económico suelen utilizar alojamiento compartido (que mantiene su sitio en el mismo servidor que otros sitios). Eso significa que un aumento en el tráfico a su sitio, o a otros alojados en el mismo servidor, puede causar tiempos de carga más lentos. Es posible que desee buscar alojamiento VPS (que reserva ciertas partes de los recursos de su servidor para su sitio) o un servidor dedicado.

Asegúrese de volver a probar su sitio con frecuencia y busque mejoras en la velocidad de su página. Al establecer el rendimiento de referencia, puede verificar la eficiencia del trabajo que realiza para reducir el tiempo de carga. Una estrategia de auditoría del sitio puede ayudarlo a determinar la situación actual y la frecuencia con la que debe verificar las mejoras en la velocidad de la página.

Emplee AMP para una mejor velocidad de página y UX

El uso de AMP, o páginas móviles aceleradas, es una excelente manera de aumentar el rendimiento de la página en su sitio. AMP es un marco HTML de código abierto que proporciona una experiencia móvil de carga más rápida y fluida. Las páginas móviles avanzadas redirigen sus páginas HTML estándar a una versión reducida de la página, eliminando parte del código que puede atascar su sitio. AMP comenzó como el competidor de Google en la página de carga instantánea a través de Facebook Instant Articles y Apple News. Hoy en día, varias plataformas son compatibles con AMP, y es posible que ya lo estés haciendo. Si no, considere emplearlo para reducir la velocidad de la página.

AMP dice que utiliza siete factores principales para reducir el tiempo de carga. Incluyen:

• Ejecuta solo JavaScript asíncrono, reduciendo los scripts de bloqueo de contenido. Las secuencias de comandos y los componentes de AMP se cargan todos al mismo tiempo, por lo que una parte de la secuencia de comandos no está esperando a otra.
• Los diseños independientes de activos reducen el tiempo necesario para cargar recursos. Los recursos externos, como imágenes, anuncios o iframes, deben indicar su tamaño en el HTML para que AMP pueda determinar el tamaño y la posición de cada elemento antes de que se descarguen los recursos.
• CSS está optimizado y deshinchado: el servidor solo debe cargar algunas hojas de estilo, no una biblioteca completa. Piense en esto como una buena higiene de CSS.
• Las fuentes web están optimizadas y, de nuevo, cargadas de forma asíncrona con el resto de la página.
• Los recálculos de estilo y diseño son muy limitados. La mayoría de las páginas proporcionan su diseño a los navegadores por partes, pero AMP proporciona todos sus diseños por adelantado.
• Las animaciones se ejecutan en la GPU, no en la CPU, lo que requiere menos esfuerzo de su computadora para renderizarlas.
• AMP prioriza la carga de recursos. AMP descarga primero los recursos más importantes (el texto de la mitad superior de la página).

De acuerdo, sí: estos siete factores están extremadamente en la maleza. La moraleja es esta: AMP crea una versión más rápida y ligera de su sitio. Esa versión se carga más rápido y proporciona una mejor experiencia de usuario. Y, si desea aumentar su rendimiento en dispositivos móviles, debe comprobarlo.

Eliminar factores que ralentizan el acceso de los usuarios a la información.

La velocidad no se trata solo del tiempo de carga. Considere otros elementos de su sitio que pueden crear una experiencia de usuario más lenta. Las ofertas, los anuncios intersticiales de generación dirigida y otras ventanas emergentes a menudo funcionan bien desde el punto de vista de los clics, pero ralentizan el acceso de los usuarios al contenido de su página. Desde el punto de vista del desarrollo, las ventanas emergentes pueden ser una "mejor práctica" ya que generan una gran cantidad de clics y conversiones. Pero sopese esa ventaja contra la desventaja obvia: las ventanas emergentes son molestas.

Ray dice que la velocidad de la página, el tiempo de carga y el tiempo de renderizado son factores importantes para mantener a los usuarios en la página. Si tarda más de unos segundos en llegar a su página, los usuarios esperarán oro absoluto en esa página, y cualquier cosa que no sea una combinación perfecta para sus intenciones los decepcionará. Proporcione a sus usuarios contenido excelente: asegúrese de que estén accediendo a ese contenido de manera oportuna.

¿Necesita una auditoría de velocidad de página para comenzar? Programe una llamada de descubrimiento ahora o complete este formulario y nos pondremos en marcha.