La velocidad de carga de la página es un factor crítico en el marketing digital hoy en día.

Tiene un impacto significativo en:

  • El tiempo que los visitantes permanecen en su sitio.
  • Cuántos de ellos se convierten en clientes de pago.
  • Cuánto paga en base a CPC en la búsqueda pagada.
  • Dónde te posicionas en la búsqueda orgánica.

¿Aún con dudas de si merece la pena dedicarle tiempo a la velocidad de carga y la optimazión de tu sitio web? En Moz nos lo dejaban bien claro.

Desafortunadamente, la mayoría de los sitios web tienen un pobre desempeño en cuanto a la velocidad de carga: cómo ganar más tráfico y conversiones de la página, y eso tiene un impacto negativo directo en sus ingresos.

Hay un número casi infinito de cosas que podemos pasar nuestros días haciendo como vendedores digitales, y nunca hay suficiente tiempo para hacerlas todas. Como resultado, algunas cosas se quedan en un segundo plano.

Una de las cosas que parecen quedar en segundo plano es la optimización de la velocidad de carga de la página. Esto es fácil de entender porque la mayoría de la gente no comprende realmente la importancia de este detalle que a menudo se pasa por alto, por lo que no ven el valor de invertir tiempo y dinero para mejorarlo en unos pocos segundos o menos.

Lo que puede parecer una cantidad de tiempo inconsecuente para algunos vendedores, incluyendo aquellos que se centran únicamente en la optimización de los motores de búsqueda, se ha demostrado que es monumental por los datos de los gigantes de la industria hasta nuestros propios datos analíticos.

Asumiré que eres como yo y quieres maximizar tus resultados, y por supuesto, tus ingresos, ¿verdad? ¡Entonces empecemos a hacer tu sitio web más rápido!

Velocidad de Carga: cómo ganar más tráfico y conversiones 4

1. Alojamiento web

Una forma en que mucha gente trata de ahorrar dinero es eligiendo el tipo de alojamiento compartido barato que llena tantos sitios web como puedan caber en un servidor, como un montón de payasos amontonados en un solo coche. ¡Al diablo con el rendimiento!

Claro, su sitio web estará disponible la mayor parte del tiempo como lo estaría con la mayoría de los alojamientos web, pero se cargará tan lentamente que sus visitantes se irán frustrados sin llegar a convertirse en compradores.

La gente quiere estar en su sitio web el tiempo suficiente para hacer lo que vinieron a hacer, ya sea para obtener una respuesta, comprar un producto o algún otro objetivo específico. Si los retrasa aunque sea un poco, es probable que odien su experiencia y se vayan sin convertirse.

¿Cuánta diferencia hay realmente?

De acuerdo con un estudio realizado por Amazon, una diferencia de sólo 100ms – una unidad de tiempo que un humano ni siquiera puede percibir, fue suficiente para reducir sus ventas en un 1%. Walmart encontró resultados similares.

Si esa pequeña unidad de tiempo tiene tanto impacto directo en las ventas, ¿qué tipo de impacto cree que tendrá un segundo o más?

Pero no se detiene ahí porque la rapidez (o lentitud) con que se carga su sitio web también tiene un impacto en la clasificación de la búsqueda orgánica y en los costos de pago por clic.

En otras palabras, si su sitio web tiene una velocidad de carga lenta, debe esperar que sus competidores que han invertido en esta área crítica se coman tu almuerzo.

Hay muchos alojamientos web que están optimizados para la velocidad de carga, en particular para los sitios web de WordPress, y algunos de ellos tienen un precio similar al de las opciones económicas.

2. Reducir las llamadas HTTP

Todos los archivos necesarios para que una página web funcione, como HTML, CSS, JavaScript, imágenes y fuentes requieren una solicitud HTTP separada. Cuantas más solicitudes se hagan, más lenta será la velocidad de carga de la página.

La mayoría de los temas cargan uno o más archivos CSS y varios archivos JavaScript. Algunos, como Jquery o FontAwesome, suelen cargarse remotamente desde otro servidor, lo que aumenta drásticamente el tiempo que tarda una página en cargarse.

Esto se vuelve aún más problemático cuando se consideran los archivos adicionales de CSS y JavaScript añadidos por los plugins. Es fácil terminar con media docena o más peticiones HTTP sólo de archivos CSS y JavaScript.

Cuando se tienen en cuenta todas las imágenes de una página, que requieren cada una una solicitud HTTP por separado, rápidamente se sale de control.

  • Fusiona los archivos JavaScript en un solo archivo.
  • Fusiona los archivos CSS en un solo archivo.
  • Reducir o eliminar los plugins que cargan sus propios archivos JavaScript y/o CSS. En algunos casos, como con las formas de gravedad, tienes la opción de deshabilitarlos para que no se carguen.
  • Usar sprites para imágenes de uso frecuente.
  • Usar una fuente como FontAwesome o Ionic Icons en lugar de archivos de imagen siempre que sea posible porque entonces sólo se necesita cargar un archivo.

3. Incluir la barra final

Omitir la barra en los enlaces que apuntan a su sitio web, ya sea de fuentes externas (link building) o dentro de su propio sitio web, tiene un impacto adverso en la velocidad de carga de tu sitio web.

He aquí cómo:

Cuando visite una URL sin la barra, el servidor web buscará un archivo con ese nombre. Si no encuentra un archivo con ese nombre, lo tratará como un directorio y buscará el archivo predeterminado en ese directorio.

En otras palabras, al omitir la barra final, estás forzando al servidor a ejecutar una redirección 301 innecesaria. Mientras que puede parecer instantáneo para ti, toma un poco más de tiempo, y como ya hemos establecido, cada pequeño bit se suma.

https://web.com (esto es malo) o https://web.com/blog (esto también es malo)

contra

https://web.com/ (esto es bueno) o https://web.com/blog/ (esto también es bueno)

4. Habilitar la compresión

Habilitar la compresión GZIP puede reducir significativamente la cantidad de tiempo que se tarda en descargar tus archivos HTML, CSS, JavaScript porque se descargan como archivos comprimidos mucho más pequeños, que luego se descomprimen una vez que llegan al navegador, lo que optimiza su velocidad de carga.

No se preocupe – sus visitantes no tendrán que hacer nada extra porque todos los navegadores modernos soportan GZIP y ya lo procesan automáticamente para todas las peticiones HTTP.

5. Almacenamiento en caché

Con el almacenamiento en caché del navegador habilitado, los elementos de una página web se almacenan en el navegador de sus visitantes para que la próxima vez que visiten su sitio, o cuando visiten otra página, su navegador pueda cargar la página sin tener que enviar otra solicitud HTTP al servidor por cualquiera de los elementos almacenados en caché.

Una vez que la primera página se ha cargado y sus elementos se almacenan en la memoria caché del usuario, sólo es necesario descargar nuevos elementos en las páginas siguientes. Esto puede reducir drásticamente el número de archivos que se deben descargar durante una sesión de navegación típica.

6. Minimizar los recursos

Minimizar los archivos CSS y JavaScript elimina los espacios en blanco y los comentarios innecesarios para reducir el tamaño del archivo, y como resultado, el tiempo que se tarda en descargarlos.

Afortunadamente, esto no tiene que ser un proceso manual porque hay varias herramientas disponibles en línea para convertir un archivo en una versión más pequeña y minificada de sí mismo.

También hay varios plugins disponibles para WordPress que reemplazarán los enlaces en la cabecera de su sitio web para sus archivos CSS y JavaScript regulares con una versión minificada de los mismos sin modificar sus archivos originales, incluyendo los populares plugins de cacheo como:

  • W3 Total Cache
  • WP Super Cache
  • WP Rocket

Puede llevar un poco de esfuerzo conseguir la configuración correcta porque la minificación a menudo puede romper el CSS y el Javascript, así que una vez que hayas minificado todo, asegúrate de probar tu sitio web a fondo.

7. Priorizar el contenido

Su sitio web puede parecerle al visitante que se carga más rápidamente si está codificado para dar prioridad al contenido que está por encima de la página, es decir, el contenido que es visible antes de que el visitante se desplace.

Esto significa que hay que asegurarse de que cualquier elemento que aparezca por encima del pliegue esté también lo más cerca posible del principio del código HTML para que el navegador pueda descargarlo y renderizarlo primero.

También es fundamental incluir cualquier CSS y JavaScript que se requiera para renderizar esa área en línea en lugar de en un archivo CSS externo.

8. Optimizar media

Debido a que los dispositivos móviles con cámaras de alta calidad son comunes y a que los modernos sistemas de gestión de contenidos como WordPress hacen que sea conveniente subir imágenes, muchas personas simplemente toman una foto y la suben sin darse cuenta de que, a menudo, la imagen es al menos cuatro veces más grande de lo necesario.

Esto ralentiza considerablemente su sitio web, especialmente para los usuarios de móviles.

La optimización de los archivos de medios en su sitio web tiene el potencial de mejorar enormemente la velocidad de carga de su página, y hacerlo es relativamente fácil, por lo que es una buena inversión de su tiempo.

Optimiza las imágenes

  • Opte por el formato ideal. JPG es perfecto para imágenes fotográficas, mientras que GIF o PNG son mejores para imágenes con grandes áreas de color sólido. Los archivos PNG de 8 bits son para imágenes sin canal alfa (fondo transparente) y los de 24 bits son para imágenes con canal alfa.
  • Asegúrese de que las imágenes tengan el tamaño adecuado. Si una imagen se muestra a 800 píxeles de ancho en su sitio web, no hay ningún beneficio al usar una imagen de 1600 píxeles de ancho.
  • Comprima el archivo de imagen. Además de ser el mejor programa de edición de imágenes, Adobe Photoshop tiene una capacidad de compresión de imágenes impresionante. También puede usar plugins gratuitos de WordPress – como WWW Image Optimizer, Imsanity, y TinyJPG – que comprimen automáticamente las imágenes cargadas.

No deberías detenerte ahí, porque eso sólo araña la superficie.

Para optimizar realmente los medios de comunicación en su sitio web, es necesario servir las imágenes de tamaño apropiado basado en el tamaño de la pantalla en lugar de simplemente cambiar su tamaño.

Hay dos maneras de manejar esto, basadas en la implementación de una imagen.

  • Las imágenes dentro del HTML de su sitio web pueden ser servidas usando el src set, que permite al navegador seleccionar, descargar y mostrar la imagen apropiada basada en el tamaño de pantalla del dispositivo que un visitante está usando.
  • Las imágenes colocadas a través de CSS – típicamente como imágenes de fondo, pueden ser servidas usando consultas de medios para seleccionar la imagen apropiada basada en el tamaño de la pantalla del dispositivo que un visitante está usando.

9. Utilizar Caching y CDNs

El almacenamiento en caché permite que el servidor web almacene una copia estática de sus páginas web para que puedan ser entregadas más rápidamente al navegador del visitante, mientras que un CDN permite que esas copias se distribuyan a los servidores de todo el mundo para que el navegador del visitante pueda descargarlas del servidor más cercano a su ubicación. Esto mejora la velocidad de carga de la página web dramáticamente.

¿Te gusta 46 Grados?

¡Haz clic para puntuar!