Haz tu web más rápida optimizando tiempos de carga y archivos y mejorando la experiencia de usuario para que subas en SEO y conversiones.
Thomas Haurum
¿Hay algo más frustrante que llegar como usuario a una página web exageradamente lenta? Probablemente no.
Nuestra paciencia es limitada cuando buscamos información o productos online. Si aterrizamos en una web que carga despacio, simplemente nos vamos a la siguiente.
La mala velocidad solo trae problemas. Genera una mala experiencia para el usuario y, por tanto, para ti como propietario. Corres el riesgo de perder pedidos potenciales y Google nota que tus usuarios abandonan rápido tu sitio.
¿Cómo evitarlo? La clave es dar prioridad a la optimización de velocidad.
La optimización de velocidad es una disciplina compleja que implica conocimientos teóricos y técnicos. ¿Por qué es tan importante ahora?
Según Google, su algoritmo se adapta para dar mejores resultados a sus usuarios y la velocidad cada vez cobra más protagonismo. Recientemente anunciaron que la velocidad de tu web es un factor directo de ranking. ¿Serás penalizado si la descuidas? Todo indica que sí.
Además de complacer a Google, la velocidad tiene un papel inmediato: agradar a tus usuarios. Los estudios muestran que se ganan o pierden usuarios en el primer segundo. Una web con más de un segundo de espera implica al menos:
Así de simple. La velocidad de carga afecta la experiencia, la conversión y, en última instancia, tus resultados.
Así que no hay excusas. ¡Deja de posponerlo y mejora tu velocidad! Es obligatorio si aspiras a tener peso digital.
En este post te muestro lo más básico para sentar las bases de un sitio rápido.
Primero, averigua cómo rinde tu web. Hay muchas herramientas para analizarla y detectar dónde centrar esfuerzos. Personalmente, prefiero GTmetrix. Es gratis, muy completa y sencilla. Su interfaz es intuitiva y puntúa tu web de 1 a 100. Además de una puntuación general, verás calificaciones por cada parámetro, para saber los puntos a mejorar.
El proceso de optimización depende de la estructura y tu habilidad técnica. La mayoría de los CMS open-source permiten optimizar mucho con plugins, ahorrando lo que cuesta un desarrollador.
Si tu web es como la mayoría, puedes empezar por estas acciones habituales:
Los plugins son excelentes y mejoran el aspecto y funciones de tu web. ¡Pero cuidado! Muchos plugins son los grandes culpables de que tu web vaya lenta. Cuantos más tengas, más archivos se cargan, ralentizando el navegador. Además, la calidad importa: hay grandes diferencias entre plugins bien codificados y optimizados. Los malos plugins son riesgos de seguridad y pueden costarte la web.
Mi consejo: elige bien. Instala solo los esenciales para tu negocio y olvídate de “caprichos”.
Una medida clave es comprimir siempre tus imágenes. Hay dos factores: recortar (ancho y alto) y comprimir (KB/MB). Hay que considerar ambos y aplicarlos juntos.
Recorte
Lo primero: ¿dónde usarás la imagen? Si irá en un slider grande, debe tener ese tamaño. Si no tienes claro el tamaño, puedes hacer esto:
Ahí verás el tamaño real y el mostrado en pantalla.
Así sabes el tamaño exacto al que debes redimensionarla.
Compresión
Muchos no quieren perder calidad para mostrar sus productos, y es una actitud sensata. Pero puedes comprimir sin perder calidad visual. Hay compresiones con o sin pérdidas. En esencia, reduces colores y bytes, minimizando el peso. A nivel visual, la diferencia es mínima y el efecto en el tamaño es enorme.
Para webs hechas en WordPress: usa el plugin Smush Image Compression and Optimization. Comprime automáticamente al subir. Si no usas WordPress, puedes pasar las imágenes por TinyPNG.com antes de subirlas.
Cada vez que llamas a un archivo, el navegador pide datos al servidor. Esto genera demoras que afectan negativamente la velocidad.
Ejemplo
Tras 5 años de tienda has instalado muchas herramientas sugeridas para analítica y ventas: MailChimp, SleekNote, Pixels, Analytics, Hotjar, CrazyEgg, Messenger, LinkedIn Conversion Tracking… Además tienes 3 tipografías para el texto, una para títulos y otra para testimonios. Y usas 17 archivos JavaScript diferentes para efectos especiales.
Muchos argumentos a favor, pero la velocidad de tu web lo sufre.
Reconsidera y prioriza las peticiones
¿Necesitas tantas fuentes? ¿Usas LinkedIn Conversion Tracker? Borra lo innecesario.
Combina CSS y JavaScript
En lugar de cinco archivos JavaScript, reúnelos en uno. Puedes pedirlo a tu desarrollador o usar plugins. En WordPress, recomiendo Autoptimize.
Quizá has oído del caché, pero nunca entendiste su función. Básicamente, es una zona donde se guardan datos de webs visitadas. Cuando visitas wemarket-digital.es por primera vez, el navegador carga todo desde el servidor. Al repetir la visita, ahora descarga elementos de tu propio almacenamiento, que es mucho más rápido.
Si aún no tienes caché, no te preocupes: hay plugins para la mayoría de CMS.
Poca gente lo sabe, pero la versión de PHP influye mucho en la velocidad de tu web. Esto se gestiona con tu hosting (por ejemplo, Unoeuro, One.com, SurfTown).
Las versiones suelen ir de PHP 5.0 a 7.4.
Nuestra recomendación: actualiza a la última estable. Ten en cuenta que puede afectar el aspecto de tu web.
Contacta con tu desarrollador para actualizar PHP y para aplicar los trucos rápidos de este post. Saldréis ganando tú y tus futuros clientes.
Otros artículos de interés:
Google lanza mejores opciones para pruebas A/B
¿Por qué Google usa ahora el índice Mobile First?
WeMarket tiene amplia experiencia en el diseño de webs nuevas: puedes leer más aquí.
At WeMarket, we offer businesses a benchmark report that compares their marketing efforts with their key competitors. You decide which competitors we should compare against.
We specialise in selling physical goods online and growing webshops – and now you can benefit from this expertise, even if you’re not already a client.
It’s completely free.
