Saltar al contenido

6 maneras fáciles de acelerar tu sitio web de WordPress

17/07/2020

Si estás construyendo tu propio sitio web, es natural volverse loco y equiparlo con todas las campanas y silbidos llamativos. Grandes imágenes, widgets de medios sociales, videos de YouTube y demás. Pero aunque esas cosas se vean muy bien, tienen un efecto negativo en los tiempos de carga cuando alguien visita tu sitio. Especialmente si lo visitan en su dispositivo móvil.

Hoy en día, la solución es «menos es más». Tome una hoja del libro de Google con su limpia portada. Limita las imágenes de tu portada a una o dos como máximo. Limite sus widgets de medios sociales (si los hay) a dos como máximo. Mantén los videos incrustados completamente alejados.

Comprimir todas las imágenes

El siguiente paso es asegurarse de que todas las imágenes sean lo más pequeñas posibles. Las imágenes son el culpable número uno de los sitios web de carga lenta. Pero cuanto más pequeño sea el tamaño de la imagen, más rápido se cargará esa imagen.

No me refiero necesariamente a la altura y el ancho. Hablo más bien del tamaño del archivo. Las imágenes de alta definición pueden parecer fantásticas pero si esa imagen de 500MB tarda una eternidad en cargarse, la gente se hartará y se irá.

Hay dos buenos métodos para comprimir las imágenes. Uno es el Smush, el otro es TinyPNG que también tiene un plugin de WordPress.

Desinstalar cualquier plugin o tema innecesario

Una vez que hayas llevado un machete a la portada y comprimido las imágenes, el siguiente paso es revisar los plugins y los temas.

Ahora, a menos que tengas una muy buena razón para hacerlo, no necesitas mantener ningún tema que no estés usando. Si es necesario, puedes reinstalarlos más tarde. Así que deshazte de todos los temas excepto los que estás usando actualmente.

Con los plugins, de nuevo menos es más. Personalmente intento no pasar de veinte plugins, pero sé que son demasiados. Pero el secreto aquí es sólo desactivar los que no estás usando actualmente. Desinstalar los que no se necesitan es obviamente mejor, pero por lo menos apaga un par si no los necesitas por el momento.

Instalar Jetpack y activar «Lazy Loading»

Aunque debes ser muy selectivo sobre qué plugins debes usar, hay dos plugins que realmente pueden ayudar con la velocidad de la página. El primero es Jetpack, del que también hablé en mi artículo esencial sobre plugins de WordPress.

Una de las características de Jetpack se llama Lazy Loading. Esto es cuando las imágenes de una página sólo se cargan cuando el visitante se desplaza hacia abajo de la página hasta donde se encuentra esa imagen. Algunos temas de WordPress no funcionan muy bien con Lazy Loading, así que esto es algo que debes probar y observar cuidadosamente.

Jetpack (que es propiedad de WordPress) también tiene una red global de servidores y su función de «acelerador de sitios» pone tus imágenes y archivos en sus servidores, por lo que se mueven más rápido.

Tanto Lazy Loading como Site Accelerator son gratuitos, así que no pierdes nada al encenderlos.
Activar el almacenamiento en caché de contenidos

El otro plugin que necesitas instalar es un plugin de caché.

En caso de que no lo sepas, un plugin de almacenamiento en caché guarda una versión de una página y muestra esa versión a los visitantes del sitio durante el período de tiempo que tú especifiques. Esto evita que las imágenes, los archivos y otros elementos se recarguen constantemente.

Un cache es como una instantánea del aspecto del sitio, digamos, hace treinta minutos y, por lo tanto, es bueno para los sitios cuyas primeras páginas no cambian tan a menudo.

Tengo una relación de amor-odio con los plugins de cacheo ya que me gusta retocar el diseño de mi sitio constantemente y un cacheo me impide ver instantáneamente los cambios que he hecho. Pero algunos plugins de cacheo bien considerados incluyen WP Super Cache y W3 Total Cache.

Considere la posibilidad de usar un CDN

Cuando alguien visite su sitio, se cargará más rápido si el servidor que lo hospeda no está muy lejos. En otras palabras, cuanto más lejos esté el servidor en el mundo, más tiempo tardarán los datos necesarios en llegar al lugar donde se encuentra el visitante de su sitio.

Así que si su visitante está en los EE.UU., tiene sentido que su sitio venga de un servidor de EE.UU. mientras que alguien en Europa debería ver su sitio viniendo de un servidor europeo.

Esto es lo que hace una Red de Distribución de Contenido (CDN). ¿Recuerdas cuando dije hace un momento que Jetpack puede poner tus datos en sus servidores globales para que vayan más rápido? Eso es una CDN.

Los CDNs generalmente cuestan dinero pero no son muy caros y la mayoría ofrecen un plan básico gratuito. Los tres grandes nombres son Cloudflare, Google Cloud CDN, y Amazon Web Services.

Coloca todos los Scripts en el pie de página

Finalmente, es necesario que algunas características del sitio funcionen para tener un guión incrustado dentro de su sitio web. Esto puede incluir código para Google Analytics, píxeles de publicidad de Facebook y anuncios de Google.

Normalmente mucha gente (como yo) coloca estos scripts en el encabezado del sitio. Pero esto significa que esos scripts tienen que cargarse completamente antes de que el resto del sitio pueda. Pero al mover esos guiones al pie de página, permites que todo lo demás se cargue primero.

La forma más fácil de hacerlo es colocar el código del guión dentro de un widget HTML y luego colocarlo en la sección de pie de página de tu página de inicio de WordPress.