9 maneras súper fáciles de hacer que tu sitio web cargue más rápido
Acelera tu sitio con nueve soluciones rápidas. Estos consejos ayudan a reducir los tiempos de carga, mantener a los visitantes y ofrecer a tu audiencia una experiencia más fluida.
Patrick Antinozzi
Propietario de RapidWebLaunch
Hacer que tu sitio web se cargue a una velocidad increíblemente rápida nunca ha sido tan importante.
Con cada actualización de algoritmo progresiva, Google está priorizando contenido de alta calidad y experiencias de usuario excepcionales.
La velocidad de carga de un sitio web es una parte crucial de ofrecer esa experiencia excepcional al usuario. De hecho, el usuario promedio abandona un sitio web si tarda más de 3 segundos en cargar.
Si aún estás haciendo de las palabras clave la principal prioridad de la estrategia SEO de tu sitio web, estás en una dura realidad en los próximos 1-2 años.
Intentemos evitar eso, ¿de acuerdo?
1) Comprimir imágenes
Esta es la forma más fácil y simple de acelerar la velocidad de carga de tu sitio web.
¿Conoces todas esas fotos de stock gratuitas y hermosas que te encanta añadir a tu sitio? Son enormes.
Si estás descargando esas fotos y luego subiéndolas a tu sitio tal cual, estás cometiendo un gran error.
Hay varias formas en que puedes comprimir y optimizar tus imágenes, pero aquí está el método simple que uso:
Usar Photoshop para reducir el tamaño de las imágenes
1. Abre tu genial foto de stock con Photoshop
Quiero decir, vamos. Eso es objetivamente genial, ¿verdad?
2. Ve a Imagen > Tamaño de Imagen
Dependiendo de la versión de Photoshop que estés usando, esto podría verse un poco diferente. Estoy suscrito a la versión de Creative Cloud de Photoshop por $10/mes, así que se actualiza constantemente de forma gratuita.
3. Reduce el ancho y la altura de la imagen
Esto es importante. Muchas de las imágenes que descargas o compras serán mucho más grandes de lo que necesitan ser. Como, 4000px demasiado grande. Todo lo que tienes que hacer es reducir el número tanto para el ancho como para la altura.
Generalmente hablando, nunca deberías necesitar tener una imagen que sea más grande que 1920px de ancho. Ajusta eso, luego haz clic en Guardar.
NOTA: Asegúrate de que el pequeño icono de enlace esté activo para que preserve la proporción de la imagen al ajustar el ancho o la altura.
4. Ve a Archivo > Exportar > Guardar para Web
De nuevo, el flujo de esto podría ser un poco diferente para tu versión de Photoshop. Pero debería estar en la misma área general.
5. Elige tus opciones de compresión de imágenes
Ahora, elige tus opciones.
La mayoría de tus fotos pueden guardarse en el formato JPEG LOW. Si necesitas tener un fondo transparente, asegúrate de seleccionar PNG-8.
La calidad se establece en una escala de 1 a 100. Generalmente, nunca paso de 5-10. Notarás que el 90% de la calidad se preserva de todos modos. Y vale la pena perder ese 10% por el drástico ahorro en tamaño de archivo.
Luego, haz clic en Guardar.
6. Nombra tu nueva imagen y haz clic en Guardar
Mantenlo simple y relevante para que sea fácil de buscar más tarde.
7. ¡Disfruta de la gloria de tus resultados!
¿Ves eso??
La imagen original tiene un impresionante tamaño de 9.23MB.
¿La nueva, comprimida y totalmente optimizada versión? 50.6KB!
ASÍ es como se hace, amigo.
Como dije, comprimir tus imágenes es la forma #1 de acelerar el rendimiento de tu sitio web. La versión de suscripción de Photoshop está disponible por solo $10/mes.
Incluso podrías suscribirte, construir tu sitio web y luego cancelarlo una vez que termines.
Si eres demasiado tacaño para eso, no hay mucho más que pueda hacer por ti.
2) Eliminar fondos de video
Lo sé, esto es difícil de escuchar.
Los fondos de video son geniales y están de moda.
Pero, si no los haces bien, pueden destruir absolutamente las velocidades de carga de tu sitio web.
Y si estás aquí leyendo esto, puedo asegurarte que no sabes lo suficiente sobre diseño web como para implementar fondos de video en tu sitio correctamente. (la verdad a veces duele)
Elimina el video y pon una imagen de alta calidad con un encabezado súper convincente en su lugar. Tus velocidades de carga mejorarán instantáneamente. Te lo garantizo.
3) Eliminar todos los popups
Los popups son malos. Para todos.
Son vulgares. A tus visitantes no les gustan. Tienen una baja tasa de conversión. Y ralentizan tu sitio web.
Incluso Google los odia ahora. Así que deshazte de ellos.
Si no puedes hacer que las personas se suscriban a tu boletín informativo sin tirárselo en la cara y engañarlas con un “Guía de eBook con una lista de verificación increíblemente asombrosa que solo puedes obtener si te suscribes!“, entonces necesitas trabajar en tus habilidades de escritura.
Crea cosas geniales. La gente querrá leer y ver. Es así de simple.
4) Deshazte de todos los anuncios
Si estás tratando de monetizar tu sitio web con anuncios, es hora de detenerte. Como, ayer.
Los anuncios son molestos para tus visitantes, pagan extremadamente poco, y añaden un montón de código innecesario a tu sitio que puede arruinar tu rendimiento.
En lugar de eso, monetiza tu sitio web con cosas que realmente te harán ganar dinero. Nada paga mejor que vender productos o servicios que tú realmente produces.
O, al menos, gana dinero recomendando grandes productos que otras personas crean. (se llama marketing de afiliados, y es muy popular)
5) Eliminar plugins innecesarios
WordPress es la plataforma de diseño web más popular en el mundo por una buena razón. Una de ellas es la cantidad de plugins que están disponibles para personalizar totalmente tu sitio web según tu deseo.
El problema es... la mayoría de ellos son malos.
Peor aún, puede ser realmente difícil de decir. Muchos plugins hacen exactamente lo que publicitan en la superficie pero, en el fondo, son monstruosidades que consumen recursos.
miles de plugins revisados con 5 estrellas podrían estar saboteando secretamente las velocidades de carga de tu sitio web...
La respuesta aquí es instalar solo los plugins que son absolutamente esenciales para la experiencia de tu sitio web.
Todo lo demás es un relleno digital y debería ser expulsado sin piedad.
Para averiguar qué plugins están ralentizando tu sitio web, debes pasar por un proceso agotador de eliminar cada uno de ellos uno por uno, y luego volver a probar para ver si ha tenido algún impacto en el rendimiento de tu sitio.
Y esto no solo se aplica a WordPress, por cierto. La mayoría de las plataformas de diseño web importantes ofrecen algún tipo de plugins. Incluyendo Shopify y Weebly.
6) Usar caché
¿Qué es la caché?
La caché es un método de almacenar ciertas partes de tu sitio web en las computadoras de tus visitantes, compartiendo así la carga con los servidores del sitio web. Esto mejora dramáticamente las velocidades de carga cuando tus visitantes regresan a tu sitio.
Por ejemplo, en lugar de cargar la imagen del encabezado principal desde cero cada vez, la caché te permite cargar esa imagen la primera vez que tu visitante aterriza en tu sitio, pero luego almacenarla en su computadora en el proceso. La próxima vez que este visitante venga a tu sitio web, su computadora cargará la imagen localmente, en lugar de directamente desde el servidor de tu sitio web nuevamente.
No hace falta decir que este es uno de los componentes más críticos del rendimiento del sitio web.
7) Incorporar carga perezosa
La carga perezosa es exactamente lo que suena.
En lugar de cargar todo el contenido de una página web tan pronto como un visitante aterriza en la página, solo cargará lo que necesitan ver en su pantalla de inmediato. Luego, a medida que el visitante se desplaza hacia abajo, cargará el resto del contenido.
Esto es particularmente útil para páginas con muchas imágenes y videos, que pueden ocupar muchos de los recursos de tu sitio web.
Dependiendo de qué plataforma hayas utilizado para construir tu sitio web, esta función puede estar o no disponible fácilmente. Con algo como Weebly, por ejemplo, probablemente necesitarás contratar a un programador profesional.
8) Elegir un tema más simple
La mayoría de la web se basa en temas en estos días. La calidad y el rendimiento de los temas para sitios web han mejorado tanto que rara vez tiene sentido codificar un sitio desde cero.
Dicho esto, todavía hay bastantes temas malos por ahí. A lo largo de los años, muchos temas han intentado incorporar todas las características bajo el sol. Como resultado, a menudo se ven bonitos pero tienen un rendimiento pobre.
Evita estos temas hinchados como la peste. Mantenlo simple.
Quieres algo que haga que la experiencia de tus visitantes sea fantástica. Un gran tema asegura que el contenido del sitio sea el enfoque. Como visitante, ni siquiera deberías notar qué tema se está utilizando.
Si tienes uno de estos temas hinchados, deséchalo por algo más simple.
9) Consigue una mejor empresa de alojamiento web
¿Tu alojamiento web cuesta solo $3/mes? Eso es genial.
Pero recuerda esto: obtienes lo que pagas.
La industria de alojamiento web es extremadamente competitiva. Las empresas masivas intentan constantemente reducir precios, ignorando esencialmente la calidad de su servicio.
También está llena de pésimos marketers de afiliados. Empresas como Bluehost te pagan hasta $130 por cada cliente que les envías. Como resultado, todo el mundo recomienda Bluehost. (Incluso yo lo he hecho en el pasado)
Bluehost no es un mal servicio. Pero tampoco es genial. Y si realmente estás tratando de mejorar el ranking de tu sitio web en Google, el rendimiento y las velocidades de carga son extremadamente importantes. Y no vas a encontrar eso por $3/mes.
Alojo todos los sitios web de mis clientes en un servidor dedicado de alto rendimiento por exactamente esta razón. (y no, no cobro $3/mes)
Cómo probar la velocidad de carga de tu sitio web
Hay muchas pruebas de velocidad y rendimiento gratuitas en línea. Mi favorita personal es GTMetrix.
Dado que los resultados pueden variar ampliamente según qué herramienta utilices para probar tu sitio, es importante ser siempre consistente. Usa la misma herramienta para probar tanto antes como después de que realices los cambios en tu sitio.
Aquí hay algunas más para probar si GTMetrix te parece demasiado desalentador:
Bastante simple, ¿verdad?
Lo suficientemente simple como para que ahora no tengas excusas para ponerte a trabajar en mejorar las velocidades de carga de tu sitio web.
¡Déjame saber cuánto tiempo has reducido de tu velocidad de carga en los comentarios abajo!
Leer más
Obtén un sitio web que se pague por sí mismo.
No es solo un sitio web. Es una máquina de marketing que genera clientes potenciales, simplifica procesos, ahorra tiempo y genera dinero.