¿Tu web en WordPress es lenta o no lo bastante rápida? ¿Quieres mejorar mucho su velocidad y conseguir que tu TTFB sea más bajo que el de tus competidores? Entonces esta guía es ideal para poner tu página web a la máxima velocidad.

Índice:

¿Por qué es importante la velocidad de tu página web?

En los últimos años, nuestra vida ha aumentado enormemente en carga, velocidad y estrés. Todos queremos hacer el mayor número posible de cosas en el menor tiempo posible.

Los estudios también han demostrado que la capacidad media de atención, que hace décadas era de 12 segundos, ha bajado a una media de 5 segundos.

Esto significa que un visitante de tu página web pierde la atención tras esperar solo 5 segundos a que cargue. Por tanto, si tu página web tarda más de 5 segundos en cargar, es muy probable que el visitante ni siquiera espere y abandone tu web antes de que se haya cargado.

Según investigaciones de las grandes empresas tecnológicas, un retraso de 1 segundo en la carga de tu página web hace que las conversiones caigan al menos un 7%, que haya un 11% menos de páginas vistas y, además, como mínimo un 16% menos de satisfacción del cliente. Mantener la velocidad de tu página web lo más alta posible es, por tanto, un asunto serio.

En los últimos años, tener una velocidad alta también se ha vuelto muy importante para el SEO. Buscadores como Google ya penalizan las páginas web lentas y las colocan más abajo en los resultados de búsqueda que a sus competidoras más rápidas. Su razonamiento es que, cuando alguien busca información, quieren ofrecerle el mejor resultado posible para esa búsqueda.

Eso significa que una página web que carga más despacio y provoca irritación, molestia o que el visitante se marche no es un buen resultado para la búsqueda introducida.

Comprueba la velocidad de tu página web

Para tener una buena medición de referencia, es importante que, antes de optimizar nada, hagas una medición de velocidad de tu página web buena y fiable.

Así sabes a qué velocidad carga ahora tu página web, dónde están los principales puntos débiles en cuanto a velocidad y, de paso, también dónde están las oportunidades de optimización.

Puede que te parezca que tu página web ya es rápida y que por eso creas que todo está bien, pero atención: es un error frecuente, porque los navegadores guardan tu web en caché (la almacenan en una memoria local muy rápida), de modo que, si la visitas a menudo, carga muy rápido. Si la cargas desde otra ubicación y con otro dispositivo, verás que en realidad es bastante más lenta. Por eso, haz siempre una medición de velocidad independiente de tu página web.

Medición de velocidad independiente

Para hacer una medición independiente de la velocidad de tu página web, usa la herramienta GTMetrix .

Esta herramienta rastrea tu página web y comprueba la velocidad en todos los puntos. Con un método de cascada puedes ver fácilmente qué elementos cargan despacio, y además te da consejos sobre lo que aún puedes mejorar para conseguir una puntuación más alta. Más adelante hablaremos de ello.

En cualquier caso, una buena página web debería cargar por completo en menos de 2 segundos. Y, por supuesto, cuanto más rápido, mejor. Si tu competidor carga su web en, por ejemplo, 0,5 segundos y tú en 2 segundos, tu competidor siempre tendrá ventaja, tanto ante el visitante como en buscadores como Google, BING y otros.

¿Por qué es lenta tu página web?

Ahora que has hecho la prueba de velocidad, vas a comprobar por qué tu página web es lenta y qué puedes hacer para que sea más rápida.

En cualquier caso, el informe de GTMetrix te dará todo tipo de datos y consejos sobre lo que puedes hacer para mejorarla y lo que de verdad es necesario. A continuación te explico en qué conviene fijarse:

TTFB - Time to first byte

Es el tiempo que necesita el servidor para renderizar el primer byte y presentarlo a tu navegador. Es decir, en cuanto abres una página web, el servidor web ejecuta y renderiza los scripts y, cuando termina, tu navegador recibe el resultado y empieza a descargar la página web y a mostrarla en tu pantalla.

Por tanto, cuanto más bajo sea el TTFB, antes aparece la página web en tu pantalla y menor es el tiempo total de carga de tu web.

El TTFB se puede reducir de varias maneras, pero lo más importante de todo es contar con el servidor más rápido posible o con un plan de hosting web muy rápido en el que alojar tu página web.

Tamaño de página de tu web

Si tu página web tiene contenido muy grande o pesado, como imágenes grandes o muchísimas imágenes, carpetas u otros elementos, es evidente que tardará más en descargarse en tu navegador.

Es que la web es bastante más grande que una web más ligera u optimizada y, por tanto, también es lógico que, al tener que descargarse más, tarde más.

Por eso, asegúrate siempre de tener imágenes bien optimizadas, con el tamaño adecuado y, más importante aún, guardadas en local en tu servidor o tu plan de hosting web.

Las imágenes de tu página web se pueden optimizar fácilmente con herramientas como Jpegoptim u Optipng. También hay plugins para WordPress que te lo ponen fácil, como:

  • Smush.
  • EWWW Image Optimizer
  • Optimus

Instalas estos plugins y con unos pocos clics puedes escanear toda tu página web y optimizar todas las imágenes. Después, tus imágenes estarán totalmente comprimidas y optimizadas, y el tamaño de tu web será bastante menor.

Configuración de la página web

Una página web bien configurada se puede comparar con una máquina bien engrasada. Funciona con fluidez, responde como debe y es muy estable.

Por eso es muy importante que configures bien tu página web y te asegures de que funcione de forma óptima. Algunos puntos que conviene revisar bien son:

  • Los ajustes de PHP
  • La configuración de la caché
  • Los ajustes de GZIP en htaccess
  • Todo actualizado

Con estos ajustes te aseguras de que tu página web funcione bien y de sentar las bases de una velocidad alta. Más adelante explicamos cuáles son los ajustes ideales.

Scripts o CSS externos

Si tu página web usa scripts o CSS externos, en cada visita a una página habrá que descargarlos desde el servidor o la ubicación externa.

Si ese servidor externo responde despacio o, por ejemplo, no funciona en absoluto, esto tiene un gran efecto en la velocidad y también en el funcionamiento de tu página web.

Por eso, intenta evitar los scripts o el CSS externos en la medida de lo posible y guarda la mayor parte en local, para ser siempre autosuficiente y no depender de otras ubicaciones, que a menudo son lentas.

Plugins malos o anticuados

Igual que en un coche, una pieza mala o anticuada puede causar problemas o hacer que vaya más lento. Por eso, asegúrate siempre de que tu página web esté hecha con los plugins más recomendados de internet y de que estos estén totalmente actualizados, para que sean seguros, le den la máxima velocidad a tu web y dejen de frenarla.

La importancia de un hosting WordPress ultrarrápido

El TTFB ( Time to first byte ) hace, por tanto, que tengas visitantes más satisfechos y subas rápido en buscadores como Google. Es, por tanto, un dato importante.

El servidor o el plan de hosting web en el que tienes guardada tu página web procesa toda tu web en cada visita a una página y después presenta el primer byte.

Pasa lo mismo que con un coche de carreras. Cuanto más rápido es el motor, a más velocidad puede ir. En este caso, cuanto más rápido es tu servidor o tu plan de hosting WordPress, más rápido puede procesar tu página web y antes presenta ese primer byte.

Por eso es muy importante elegir un hosting WordPress ultrarrápido y tener así bien resuelta la base de tu página web.

Por supuesto, además es importante que tu página web esté totalmente optimizada y en caché, lo que permite que el servidor o el plan de hosting web la procese aún más rápido. Más adelante en este texto explicamos cómo hacerlo.

Disponibilidad y soporte

Al buscar un hosting WordPress ultrarrápido también es importante fijarse en la disponibilidad y el soporte del proveedor de hosting web.

Por supuesto, quieres que tu página web esté accesible en todo momento y que, cuando la gente la busque, vea una web que funciona y no un error http 500 o un error http 503 .

El soporte también es importante. Si tienes una pregunta o un problema en tu página web que no consigues resolver, esperas poder consultar a un experto que te ayude a solucionarlo. Por eso, al buscar un proveedor de hosting web también es muy importante mirar sus reseñas, su imagen general y su horario de atención.

¿Cómo puedo hacer más rápida mi página web?

Ahora llegamos al trabajo de verdad. Has hecho una medición de referencia en GTMetrix y sabes cuál es tu TTFB y dónde están los puntos débiles de tu página web.

Vamos a optimizar y a conseguir, sin códigos complicados y con pasos sencillos, que tu página web sea bastante más rápida que la de tus competidores.

Plan paso a paso para acelerar tu página web

  1. Actualiza tu página web, tus plugins y tus temas
  2. Instala un plugin de caché para WordPress
  3. Activa un CDN gratuito o instala el CDN de Cloudflare
  4. Optimiza los ajustes de PHP
  5. Optimiza todas las imágenes de tu página web
  6. Limpia tu página web
  7. Optimiza la base de datos
  8. Usa la carga diferida (lazy loading)
  9. Desactiva el hotlinking
  10. Muestra solo resúmenes o introducciones

Actualiza tu página web, tus plugins y tus temas

Lo primero es importante crear unos buenos cimientos. Por eso, asegúrate de que tu página web esté totalmente actualizada y de que todos los plugins y temas estén también en su última versión.

Así cubres todos los problemas de seguridad y te aseguras de que todo tenga los últimos parches de velocidad, de modo que tu página web pueda funcionar a la máxima velocidad.

Instala un plugin de caché para WordPress

Ahora llegamos a un paso importante con el que la velocidad de tu página web va a subir mucho: la caché.

La caché es una técnica que hace que tu página web ya no tenga que renderizarse o procesarse por completo. Crea una copia de una versión ya procesada de la página y la guarda en la memoria rápida.

Así, en la siguiente visita a la página, el servidor ya no procesa toda la web, sino que carga la página que ya tenía «en caché». Esto ahorra muchísimo tiempo y hace que tu página web sea bastante más rápida.

Como plugin de caché para WordPress recomendamos este:

  • WP Super Cache

Puedes instalar este plugin en el wp-admin de tu página web en WordPress. Cuando termine la instalación, empieza lo más importante: la configuración.

Configuración de WP Super Cache

Para empezar con la configuración después de la instalación, ve al botón de menú Ajustes de WordPress y haz clic en WP Super Cache.

Después se abre una página nueva con varias pestañas. La primera pestaña se llama «Fácil». A continuación te indico, pestaña por pestaña, qué tienes que configurar para tener la configuración óptima de WP Super Cache.

Ajustes de WP Super Cache por pestaña

Pestaña Fácil:

  • Activa la caché
  • Deja el resto de la página como está por defecto

Pestaña Avanzado:

  • Activa la caché
  • Pon el método de caché en Experto
  • Activa la caché para todos los usuarios
  • Desmarca Caché de páginas con parámetros GET
  • Marca Comprimir páginas
  • Desmarca Reconstruir caché
  • Marca Cabeceras HTTP de caché
  • Marca Caché de navegador 304
  • Desmarca Anonimizar usuarios conocidos
  • Marca Soporte para dispositivos móviles
  • Desmarca Bloqueo de archivos amplio (coarse)
  • Ahora haz clic en el botón Actualizar estado
  • Pon el tiempo de espera de la caché en 0 segundos
  • Haz clic en Cambiar caducidad

Pestaña CDN:

  • Déjalo todo como está por defecto si no usas un CDN.

Pestaña Contenidos:

  • Aquí ves las estadísticas de la caché. Aquí no puedes ni tienes que configurar nada más

Pestaña Precarga:

  • Configura la precarga de los archivos de caché en 720 minutos para que la caché se vuelva a crear cada 12 horas
  • Haz clic en Guardar ajustes
  • Haz clic en Precargar caché ahora para que empiece de inmediato a guardar la página en caché

El plugin WP Super Cache ya está configurado de forma óptima y empezará de inmediato a guardar en caché todas las páginas de tu web.

Puedes seguir este proceso en directo en la página Precarga, y en la página Contenidos puedes ver cuántas páginas hay ya en caché en total.

Instalar el CDN de Cloudflare

Para que tu página web en WordPress cargue a toda velocidad para cualquier persona del mundo, vamos a instalar un CDN.

¿Qué es un CDN?

La abreviatura CDN significa: Content Delivery Network (red de distribución de contenidos). El nombre indica que el contenido de tu página web se entrega a través de la red de distribución, pero ¿qué tiene esto de especial?

Un CDN utiliza una red especial, concretamente una red unicast. Esta red es tan inteligente que hace que cada visitante se dirija siempre al servidor con el menor tiempo de carga.

Por ejemplo, si visitas tu página web, alojada en los Países Bajos, mientras estás en América, el CDN hará que el contenido que ha podido encontrar se cargue desde América y no desde los Países Bajos. Así, tu página web carga bastante más rápido, porque el contenido no tiene que descargarse desde los Países Bajos, sino que llega muy rápido desde el país en el que te encuentras.

Activar un CDN en WordPress

Ahora que sabes qué es un CDN y, sobre todo, cuál es su fuerza, vamos a instalar un CDN gratuito en tu página web.

  1. Para ello, ve primero a la web de Cloudflare y crea una cuenta.

  2. Después, cuando hayas iniciado sesión y verificado tu dirección de correo electrónico, ve a websites y añade ahí tu página web actual.

  3. Llegas entonces a los planes, es decir, los paquetes de CDN. Abajo eliges el plan FREE, para poder usar Cloudflare gratis.

  4. En la página siguiente, Cloudflare obtendrá y verificará tus registros DNS. En la mayoría de los casos, puedes pasar sin más a la página siguiente.

  5. El paso que viene ahora es cambiar los servidores de nombres de tu nombre de dominio por los de Cloudflare. Te indican exactamente qué tienes que cambiar y qué valores nuevos debes introducir.

  6. Una vez hecho el cambio, tu nombre de dominio apuntará a los servidores de Cloudflare. Allí guardarán el contenido en caché y harán funcionar el CDN, y también protegerán tu página web contra ataques DDoS y otras amenazas de seguridad.

La página web se comprimirá automáticamente y todas las solicitudes SSL se optimizarán. En definitiva, un gran avance y totalmente gratis.