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 cargue a una velocidad increíblemente rápida nunca ha sido más importante.
Con cada actualización progresiva del algoritmo, Google está priorizando contenido de alta calidad y experiencias de usuario excepcionales.
La velocidad de carga del sitio web es una parte crucial de ofrecer esa experiencia de usuario excepcional. De hecho, el usuario promedio abandona un sitio web si tarda más de 3 segundos en cargar.
Si todavía estás haciendo de las palabras clave la prioridad principal de la estrategia de SEO de tu sitio web, estás en camino a una dura despertar en los próximos 1-2 años.
Intentemos evitar eso, ¿de acuerdo?
1) Comprime imágenes
Esta es la forma más fácil y simple de acelerar la velocidad de carga de tu sitio web.
¿Sabes todas esas elegantes, hermosas fotos de stock gratuitas que te encanta agregar a tu sitio? Son enormes.
Si descargas esas fotos y luego te das la vuelta y las subes a tu sitio tal cual, estás cometiendo un gran error.
Hay varias maneras de 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 super 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 puede 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 grandes. Todo lo que tienes que hacer es reducir el número tanto para el ancho como para la altura.
En términos generales, realmente no deberías necesitar tener una imagen que sea más grande que 1920px de ancho. Establece eso, luego haz clic en Guardar.
NOTA: Asegúrate de que ese pequeño ícono de enlace esté activo para que preserve la relación de la imagen al ajustar el ancho o la altura.
4. Ve a Archivo > Exportar > Guardar para web
Nuevamente, el flujo de esto puede ser un poco diferente en tu versión de Photoshop. Pero debería estar en la misma área general.
5. Elige tus opciones de compresión de imagen
Ahora, elige tus opciones.
La mayoría de tus imágenes 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. Normalmente nunca subo por encima de 5-10. Notarás que el 90% de la calidad se conserva 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
Manténlo 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 pesa 9.23MB.
¿La nueva, comprimida y totalmente optimizada versión? 50.6KB!
ESO, mi amigo, es cómo se hace.
Como dije, comprimir tus imágenes es la manera #1 de acelerar rápidamente el rendimiento de tu sitio web. La versión de suscripción de Photoshop está disponible por solo $10/mes.
Podrías incluso suscribirte, construir tu sitio web, y luego cancelarlo una vez que hayas terminado.
Si eres demasiado tacaño para eso, no hay mucho más que pueda hacer por ti.
2) Elimina los 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 la velocidad de carga de tu sitio web.
Y si estás aquí leyendo esto, te aseguro que no sabes lo suficiente sobre diseño web para implementar fondos de video en tu sitio correctamente. (a veces la verdad duele)
Elimina el video y pon una imagen de alta calidad con un titular muy convincente en su lugar. Tus velocidades de carga mejorarán instantáneamente. Te lo garantizo.
3) Elimina todos los popups
Los popups son malos. Para todos.
Son de mal gusto. A tus visitantes no les gustan. Tienen una mala tasa de conversión. Y ralentizan tu sitio web.
Incluso Google los odia ahora. Así que deshazte de ellos.
Si no puedes hacer que la gente se suscriba a tu boletín sin arrojarlo en su cara y engañarlos con un “¡Guía de eBook de Lista Increíble Super-Duper que solo puedes obtener si te suscribes!“, entonces necesitas trabajar en tus habilidades de redacción.
Crea cosas geniales. La gente querrá leer y ver. Es así de simple.
4) Deshazte de todos los anuncios
Si intentas 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 su lugar, monetiza tu sitio web con cosas que realmente te generen dinero. Nada paga mejor que vender productos o servicios que tú realmente fabricas.
O, al menos, gana dinero recomendando grandes productos que otras personas hacen. (se llama marketing de afiliación, y es super popular)
5) Elimina los plugins innecesarios
WordPress es la plataforma de diseño web más popular del mundo por una buena razón. Una de esas razones son los miles de plugins que están disponibles para personalizar completamente tu sitio web a tu gusto.
El problema es… la mayoría de ellos son malos.
Peor aún, puede ser muy difícil de distinguir. Muchos plugins hacen exactamente lo que anuncian en la superficie, pero, detrás de escena, son monstruos que consumen recursos.
miles de plugins calificados con 5 estrellas podrían estar saboteando secretamente la velocidad de carga de tu sitio web...
La respuesta aquí es instalar solo aquellos plugins que son absolutamente esenciales para la experiencia de tu sitio web.
Todo lo demás es relleno digital y debe ser expulsado con abandono imprudente.
Para averiguar qué plugins están ralentizando tu sitio web, debes pasar por un proceso arduo 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 se aplica solo a WordPress, por cierto. La mayoría de las principales plataformas de diseño web ofrecen algún tipo de plugins. Incluyendo Shopify y Weebly.
6) Usa caching
¿Qué es el caching?
El caching 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 drásticamente las velocidades de carga cuando tus visitantes regresan a tu sitio.
Por ejemplo, en lugar de cargar la imagen principal del encabezado desde cero cada vez, el caching 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) Incorpora carga perezosa
Carga perezosa es exactamente lo que suena.
En lugar de cargar el contenido completo 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 has utilizado para construir tu sitio, esta función puede estar disponible o no. Con algo como Weebly, por ejemplo, probablemente necesitarás contratar a un programador profesional.
8) Elige un tema más simple
La mayoría de la web se construye a partir de temas hoy en día. La calidad y el rendimiento de los temas de sitios web han mejorado tanto que rara vez tiene sentido codificar un sitio web desde cero.
Dicho esto, todavía hay algunos temas malos por ahí. A lo largo de los años, muchos temas han intentado incorporar cada característica bajo el sol. Como resultado, a menudo se ven bonitos pero tienen un rendimiento pobre.
Evita estos temas sobrecargados como la peste. Mantenlo simple.
Quieres algo que vaya a hacer 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 sobrecargados, deshazte de él 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 grandes empresas intentan constantemente reducir sus precios, mientras ignoran esencialmente la calidad de su servicio.
También está llena de malos vendedores afiliados. Empresas como Bluehost te pagan hasta $130 por cada cliente que 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 los rankings de Google de tu sitio web, el rendimiento y las velocidades de carga son extremadamente importantes. Y no lo vas a encontrar a $3/mes.
Alojo todos los sitios web de mis clientes en un servidor dedicado de alto rendimiento precisamente por 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 dependiendo de qué herramienta uses 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 es demasiado desalentador para ti:
¿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 redujiste en la velocidad de carga en los comentarios abajo!
Leer más
Una rutina de cuarentena para diseñadores web: aprovechando al máximo una pandemia global
Mantente productivo, creativo y motivado como diseñador web en casa con consejos de programación, estrategias de salud mental y recursos prácticos para el crecimiento personal.
Patrick Antinozzi
Propietario de RapidWebLaunch
¿Realmente valen la pena los cursos de diseño web?
¿Estás pensando en comprar un curso de diseño web? Evalúa los beneficios reales, las dificultades comunes y qué esperar para que puedas hacer una inversión inteligente.
Patrick Antinozzi
Propietario de RapidWebLaunch
Mis Libros Favoritos de 2019
Mis libros favoritos de 2019, con opiniones sinceras sobre cada selección y por qué fueron importantes. Puede que encuentres tu próxima lectura favorita.
Patrick Antinozzi
Propietario de RapidWebLaunch
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.