Los sitios web lentos provocan una pérdida de tráfico e ingresos. Según Pingdom, los tiempos de carga están directamente relacionados con la tasa de rebote — el porcentaje de personas que abandonan tu sitio web sin visitar más de una página.
Cada vez más personas navegan por Internet desde dispositivos móviles, que a menudo tienen conexiones menos fiables. Además, no todo el mundo vive en una zona con buena conectividad. Si tu sitio web tarda mucho en cargar, esas personas no podrán acceder a él.
Independientemente de cómo te encuentren las personas y de los dispositivos que utilicen, no hay ningún inconveniente en mantener el tiempo de carga de tu sitio web lo más bajo posible. Vamos a analizar por qué tu sitio de WordPress puede ser lento, junto con algunas posibles soluciones para que cargue más rápido.
1. Comprueba la velocidad de tu sitio de WordPress
Como hay muchos factores que afectan al tiempo de carga, empieza por probar la velocidad de tu sitio web de WordPress para identificar los factores que más contribuyen. Una herramienta popular es GTmetrix, que ejecuta dos pruebas simultáneas: PageSpeed de Google e Yslow de Yahoo. Cada una te proporciona una calificación con letras y otra expresada en porcentaje. El resumen de GTmetrix suele tener este aspecto:
Empieza por consultar la sección «Detalles de la página», que se muestra arriba y proporciona información importante sobre tu sitio. El «tiempo de carga completa» indica cuánto tarda una página en cargarse por completo en el navegador de un usuario. Aunque no existe un valor de referencia oficial, deberías intentar que el tiempo de carga sea inferior a dos segundos.
Como la proximidad de tu servidor web a los visitantes puede afectar al tiempo de carga, conviene alojar tu sitio lo más cerca posible de la mayoría de ellos. Ten en cuenta que, en este caso, el servidor de prueba estaba en Canadá. Si tu servidor web está en Europa, es posible que el tiempo de carga completa no sea especialmente preciso ni representativo de la experiencia de los usuarios europeos.
El «tamaño total de la página» es un excelente indicador inicial del rendimiento. Según GTmetrix, el tamaño total medio de una página es de 3,25 MB. Si el tuyo es considerablemente mayor, podría indicar que existe algún problema. Sin embargo, cada sitio web es diferente, así que tenlo en cuenta según el propósito de tu sitio y el contenido de la página.
El valor «Solicitudes» es el número de solicitudes HTTP realizadas desde el cliente (tú) al servidor (tu sitio web). En realidad, cada solicitud corresponde a un archivo que se debe descargar: HTML, CSS, JavaScript o una imagen. Cada solicitud tarda un tiempo en procesarse, así que, en general, te interesa que este número sea lo más bajo posible; según GTmetrix, el número medio de solicitudes por página es de 91.
Si quieres reducir el número de solicitudes del sitio, puedes combinar los archivos CSS y JS. El repositorio de WordPress.org ofrece varias opciones de plugins que pueden encargarse de esto por ti.
Los resultados de Pagespeed e Yslow ofrecen muchos detalles útiles, pero también pueden resultar bastante técnicos. Te mostraremos formas sencillas de acelerar tu sitio que proporcionan las mayores mejoras con el menor esfuerzo.
2. Optimiza tus imágenes para que carguen más rápido
En cualquier trabajo de optimización del rendimiento, empieza por lo básico. Las imágenes suelen ser el factor que más contribuye a que un sitio web sea lento. Si tienes imágenes en tu sitio web, probablemente puedas mejorar algunos aspectos para reducir el tamaño de los archivos:
- Comprime tus imágenes. Las imágenes se pueden «comprimir sin pérdida» (sin reducir su calidad) o «comprimir con pérdida» (lo que reduce su calidad). Puede sorprenderte cuánto puedes comprimir una imagen sin notar una pérdida significativa de nitidez. Para obtener más información, consulta nuestra guía sobre cómo comprimir imágenes para WordPress.
- No subas un archivo de imagen más grande de lo necesario. Si tu diseño utiliza una imagen de 300 px de ancho, no subas una de 1200 px.
- Utiliza el formato adecuado. Los iconos sencillos deberían ser SVG, todo lo que requiera transparencia debería ser PNG y las demás fotos deberían ser JPEG.
- Añade carga diferida a tu sitio. Si muestras todas las imágenes cuando se carga tu sitio, inevitablemente ofrecerás imágenes que muchos usuarios ni siquiera verán — por ejemplo, imágenes situadas al final de una página a las que hay que desplazarse para llegar. La carga diferida significa que, si una imagen no aparece en la pantalla del usuario, no se carga. Esto puede influir mucho en la velocidad de tu sitio. Configurar la carga diferida puede resultar un poco complicado, pero, por suerte, esta funcionalidad está incluida en Jetpack.
Si quieres profundizar más, WooCommerce tiene un excelente artículo sobre la optimización de imágenes.
3. Aloja tus vídeos y audios externamente
El vídeo y el audio son excelentes formas de captar la atención de los visitantes de un sitio web. Por desgracia, tienen un coste: los archivos son más grandes y tardan más en cargarse. A menos que quieras un control avanzado sobre tus archivos multimedia, plantéate alojar el vídeo y el audio externamente. Hay una gran variedad de servicios disponibles, con distintas funciones y precios. Alojar el vídeo y el audio fuera de tu sitio también ahorra consumo de ancho de banda, lo que puede reducir los costes de alojamiento de tu sitio.
Jetpack ofrece la solución más fluida para un sitio de WordPress y está completamente libre de anuncios. Se integra directamente con tu biblioteca multimedia y el editor de entradas, y está optimizado específicamente para WordPress. Descubre cómo Jetpack te ayuda con alojamiento de vídeos para sitios de WordPress.
4. Elige el alojamiento adecuado para WordPress
Es importante elegir el proveedor de alojamiento adecuado para tus necesidades específicas. Estos son algunos factores que debes tener en cuenta:
- ¿Dónde se encuentra tu audiencia? Tu sitio web cargará más rápido para los usuarios que estén más cerca de tu servidor. Elige un proveedor de alojamiento con servidores cerca de tu audiencia objetivo.
- ¿Compartido, en la nube o dedicado? El alojamiento compartido divide los servidores entre cientos o miles de sitios web y suele ser la opción más económica. Normalmente es suficiente para sitios con poco tráfico. El alojamiento en la nube se ha vuelto muy popular en los últimos años y proporciona recursos garantizados específicos del plan que elijas, además de la posibilidad de ampliarlos o reducirlos fácilmente. Es una opción excelente si experimentas un aumento repentino del tráfico. Un servidor dedicado es completamente tuyo, junto con todos los recursos del servidor — HDD, CPU, RAM, ancho de banda y mucho más. Suele ser la mejor opción para sitios grandes, pero es más caro y tiene menos capacidad para hacer frente a los picos de tráfico que el alojamiento en la nube.
- ¿Qué recursos necesitas? Es posible que al principio no lo sepas, y cambiarán a medida que crezca tu sitio web. Algunos recursos son fáciles de calcular, pero otros, como la CPU y la RAM, son más complicados porque dependen de muchos factores. Si tu sitio ya ha superado la etapa del servidor compartido, pero no tienes claro exactamente qué necesitas, el alojamiento en la nube puede ser una opción ideal gracias a su capacidad de ampliación.
- ¿Qué versión de PHP ofrece tu proveedor de alojamiento? PHP es el lenguaje de programación en el que se basa WordPress. Las versiones más recientes de PHP no solo incorporan las últimas funciones del lenguaje y actualizaciones de seguridad, sino que también funcionan mucho más rápido y de forma más eficiente. Normalmente puedes averiguar qué versión de PHP utilizas consultando el panel de control de tu proveedor de alojamiento o instalando un plugin como Display PHP Version. Si tu proveedor todavía utiliza la versión 5.6, debes pedirle que actualice el servicio o buscar otra solución. Obtén más información sobre requisitos de WordPress y PHP.
- ¿Experimentas periodos de inactividad? Si tu sitio deja de estar disponible con frecuencia, es posible que tengas un proveedor de alojamiento inestable y quieras cambiar de proveedor. Jetpack Backup te ayuda a migrar tu sitio web y ofrece supervisión gratuita del tiempo de inactividad.
5. Usa una CDN compatible con WordPress
Es buena idea tener el servidor cerca de tu audiencia. Pero ¿qué ocurre si esa audiencia está repartida por todo el mundo?
En ese caso, una red de distribución de contenido podría ayudarte mucho. Una CDN toma los recursos de tu servidor (imágenes, CSS, JavaScript, vídeos, audio, etc.) y los distribuye entre una red de servidores repartidos por todo el mundo. Esto significa que tus recursos pueden servirse desde ubicaciones más cercanas a tus usuarios y que tu sitio cargará más rápido.
Hay muchas CDN, cada una con costes diferentes. Algunas, como BunnyCDN, ofrecen plugins para WordPress, pero otras requieren una configuración manual o una solución de terceros. Jetpack incluye una CDN gratuita llamada Acelerador del sitio, que se puede configurar con solo unos clics.
6. Implementa la caché para acelerar tu sitio de WordPress
Cada sitio de WordPress funciona con una base de datos y cada carga de página implica recuperar información de esa base de datos. Esto no solo sobrecarga el servidor, sino que también requiere tiempo de ejecución. La caché de páginas es una forma habitual de acelerar un sitio web: reduce el número de veces que es necesario obtener datos de la base de datos.
La caché de páginas consiste en guardar una versión estática de tu página y servírsela a cada usuario. Muchos proveedores de alojamiento ya incluyen la caché de páginas de WordPress a nivel de servidor. Si el tuyo no la incluye, hay buenas soluciones mediante plugins, como WP Super Cache, pero ten en cuenta que requieren ciertos conocimientos y configuración para obtener resultados óptimos.
7. Elige cuidadosamente los plugins y temas de WordPress
Los plugins tienen su propio PHP, CSS, JavaScript, imágenes, etc., por lo que cada uno que instales puede ralentizar tu sitio. Elige los plugins con cuidado y presta atención a las reseñas.
Para asegurarte de que tus plugins no afectan negativamente a la velocidad de tu sitio, analiza tu sitio con una herramienta como GTmetrix después de instalar plugins nuevos para comprobar si han tenido un impacto significativo en la velocidad. Y si descubres que utilizas muchos plugins, quizá puedas consolidarlos usando un único plugin con varias funciones, como Jetpack. Ofrece una CDN, optimización de imágenes, copias de seguridad, seguridad, analítica y muchas otras herramientas.
Debes tener especial cuidado con los temas. Los temas repletos de funciones pueden parecer estupendos, pero esas funciones implican mucho código. Si no las utilizas todas, estarás ralentizando tu sitio innecesariamente. De nuevo, una forma sencilla de probar el rendimiento de un tema es analizar su demostración con GTMetrix. Aunque parte de la puntuación dependerá de cómo esté configurado el servidor de la demostración, el número de solicitudes, el tiempo de carga y el tamaño de la página pueden ser buenos indicadores de la velocidad.
Acelera tu sitio de WordPress
Normalmente, un sitio web lento de WordPress no tiene una única causa. A veces el problema es evidente, como una ralentización después de instalar un plugin, pero la mayoría de las veces es difícil localizarlo. Esto ocurre especialmente en los sitios web con mucha actividad, que actualizan con frecuencia el contenido y los plugins y reciben bastante tráfico.
Para que tu sitio web funcione bien, sigue las prácticas recomendadas: actualiza periódicamente WordPress, los plugins y los temas, y controla de forma constante cualquier cambio en la velocidad. Mantener un sitio web en buen estado también implica formar a sus colaboradores. Asegúrate de que no inserten imágenes enormes innecesariamente y concédeles únicamente el nivel de acceso adecuado para que no puedan instalar plugins arbitrariamente.
En general, puedes mejorar mucho la velocidad siguiendo unos sencillos pasos. Jetpack te proporciona todo lo necesario para solucionar rápidamente un sitio web lento.
Descubre más información sobre las herramientas de velocidad de Jetpack.
Jetpack 