25 Trucos Comprobados para Acelerar WordPress y Lograr Sitios Ultrarrápidos

Casi el 30 % de todo internet funciona con WordPress.

Los problemas de rendimiento de WordPress son bien conocidos.

El hecho es que tiene segundos, si no fracciones de segundo, para convencer a los usuarios de que se queden en una página web.

Cuando el tiempo de carga de una página aumenta de solo 1 a 3 segundos, la probabilidad de que el usuario abandone el sitio sube un 32 %. Si estira el tiempo de carga a 5 segundos, los rebotes aumentan dramáticamente al 90 %.

Además del efecto en experiencia de usuario y retención de visitantes, la velocidad del sitio impacta en el posicionamiento en buscadores.

Google ha dejado claro que da trato preferencial a sitios que cargan más rápido. Si todos los demás factores son iguales y su sitio es más rápido que el de su competidor, Google le favorecerá en los rankings.

Los culpables principales incluyen:

• Ejecución de numerosos scripts
• Descarga de gráficos y otros elementos embebidos
• Peticiones HTTP repetidas al servidor
• Extracción de información de la base de datos de WordPress

Aquí tiene 25 consejos que responden a la pregunta cómo acelerar WordPress y dejar de perder clientes potenciales.

1. Elija un Proveedor de Hosting WordPress de Alta Calidad

Si su web está en hosting compartido con potencialmente cientos de otros sitios compitiendo por los mismos recursos, puede notar una velocidad frustrante.

Para sitios pequeños, el hosting compartido puede ser completamente aceptable, siempre que lo aloje un proveedor reputado que incluya memoria suficiente.

Una vez que alcance aproximadamente 30.000 visitantes mensuales o más, considere moverse a un servidor dedicado o, como mínimo, un servidor privado virtual (VPS). Ambos evitan que un "mal vecino" acapare todos los recursos compartidos. Los expertos también recomiendan buscar un servidor físicamente cerca de su audiencia objetivo. Menos distancia para que los datos viajen, más rápido llegarán.

Muchas empresas de hosting ofrecen paquetes de hosting WordPress compartido. Estos a menudo proporcionan opciones de almacenamiento menores pero con paquetes de hardware más rápidos y dedicados. Incluso mejor, una solución de hosting gestionado suele ser más barata e inclusiva que otras opciones disponibles.

2. Aplique Actualizaciones de WordPress Rápidamente

Para cualquier profesional de seguridad, aplicar actualizaciones rápido parece obvio. Sin embargo, en la práctica, aproximadamente el 40 % de los sitios WordPress ejecutan la última versión. Las actualizaciones de software a menudo incluyen mejoras de velocidad además de mejoras de seguridad, así que actualice lo antes posible.

Las actualizaciones también aplican a plugins de seguridad de WordPress. Algunos dirían que son aún más críticos de mantener ya que a menudo son la fuerza impulsora de cuellos de botella de velocidad y vulnerabilidades de seguridad. Se recomienda comprobar actualizaciones disponibles diariamente.

3. Evite Temas Inflados (Bloated)

Elija un tema de WordPress con la velocidad en mente. No significa que deba optar por un sitio espartano, pero no elija un tema "todo menos el fregadero" tampoco. Muchos temas comerciales de WordPress vienen cargados de características que no se usan. Esas características, almacenadas en el servidor en estado inactivo, pueden crear arrastre en el rendimiento.

El tema por defecto Twenty Fifteen, por ejemplo, ofrece mucha funcionalidad, incluyendo mobile-first, mientras se mantiene ligero y optimizado. Busque un tema que le dé lo que necesita y solo lo que necesita.

4. Use un Plugin de Caché

Cachear su sitio puede acelerar dramáticamente su web y está entre las correcciones más críticas de esta lista.

Con un plugin de caché, copias de páginas generadas previamente se almacenan en memoria donde pueden recuperarse rápidamente la próxima vez que se necesiten. Cachear una página es mucho más rápido que consultar la base de datos de WordPress múltiples veces y cargar desde la fuente. También es más amigable con los recursos.

Los plugins de caché son lo suficientemente inteligentes para refrescar la copia cacheada si el contenido de la página se actualiza. Plugins recomendados para acelerar WordPress: WP Super Cache (gratis), W3 Total Cache (gratis) y WP Rocket (pago, pero el más rápido en pruebas).

5. Optimice Imágenes

Asegúrese de que las imágenes estén en formato apropiado (PNG o GIF para gráficos, JPEG para fotos) y no sean más grandes de lo necesario. Es una de las formas más fáciles de acelerar WordPress.

Comprímalas para hacer las imágenes más pequeñas y que descarguen más rápido para el usuario final. Puede hacerlo manualmente antes de subirlas o automatizar el proceso con un plugin como WP Smush. Con WP-Smush, cualquier imagen que suba a su sitio WordPress se comprimirá automáticamente.

Tenga en cuenta pantallas de alta resolución al optimizar imágenes. Utilice código @2x (y variaciones) si pretende servir imágenes de altísima resolución para dispositivos específicos.

6. Considere un CDN

Una red de entrega de contenido (CDN) es un grupo geográficamente distribuido de servidores que trabajan juntos para entregar contenido rápido. Copias de su contenido web estático se cachean en el CDN. El contenido estático incluye imágenes, hojas de estilo y archivos JavaScript.

Cuando el navegador de un usuario pide un contenido particular, se carga desde el nodo CDN más cercano. Por ejemplo: si el usuario está en Reino Unido y su web está alojada en EE. UU., los datos no necesitan cruzar el Atlántico. En su lugar, los sirve un nodo CDN cercano.

Para sitios de alto tráfico, un CDN ofrece beneficios adicionales. Sin CDN, todas sus páginas se sirven desde una ubicación única, poniendo toda la carga en un solo servidor. Con CDN, la carga del servidor se distribuye en múltiples sitios distintos al suyo. Un CDN también puede ayudar a proteger contra amenazas de seguridad como ataques DDoS.

Un CDN no es un servicio de hosting WordPress. Es un servicio separado que puede usarse para aprovechar el rendimiento. Cloudflare es opción popular para sitios pequeños porque ofrece versión gratuita. StackPath (antes MaxCDN) no es gratis (empieza en $9/mes) pero tiene panel de control amigable para principiantes e integra con la mayoría de plugins de caché populares.

7. Configure Carga Diferida (Lazy Loading)

¿Por qué gastar ancho de banda valioso (y tiempo) cargando imágenes que su visitante no ve?

La carga diferida fuerza a que solo las imágenes "above the fold" (antes de que el usuario necesite hacer scroll) carguen inmediatamente y retrasa el resto hasta que el usuario haga scroll hacia abajo.

La carga diferida es especialmente valiosa si una página contiene múltiples imágenes o vídeos que pueden ralentizar su sitio. Como con muchos aceleradores de WordPress, hay plugins para esto.

Los más populares incluyen BJ Lazy Load y Lazy Load by WP Rocket.

8. Mejores Plugins de Velocidad para WordPress

Su base de datos de WordPress almacena todo el contenido de su web. Eso incluye entradas, revisiones, páginas, comentarios y posts personalizados como contenido de formularios.

También es donde temas y plugins guardan sus datos y ajustes. A medida que su sitio crece, también lo hace la base de datos, y la sobrecarga (overhead) requerida por cada tabla. A medida que aumentan tamaño y overhead, la base de datos se vuelve menos eficiente. Optimizarla de vez en cuando puede aliviar este problema. Piénselo como desfragmentar un disco duro.

Puede optimizar su base de datos a través de la herramienta SQL de base de datos WordPress de su panel de control de hosting. Para muchos, esto es phpMyAdmin.

Si usa phpMyAdmin, marque la casilla para seleccionar todas las tablas en la base de datos. Luego, al final de la pantalla elija "optimize table" del menú desplegable.

Alternativamente, puede instalar un plugin como WP-Optimize o WP-DB Manager. Los plugins tienen la ventaja de que eliminarán elementos adicionales innecesarios además de optimizar los datos restantes.

¿Por qué perder tiempo y espacio almacenando cosas como comentarios en papelera o sin aprobar y datos obsoletos?

9. Revise sus Plugins

Cada plugin que añade a su sitio añade código extra. Muchos añaden más porque pueden cargar recursos de otros dominios. Un mal plugin podría cargar 12 archivos externos mientras uno optimizado se conforma con uno o dos.

Al seleccionar plugins, elija solo los ofrecidos por desarrolladores establecidos y recomendados por fuentes de confianza. Si busca plugins en el repositorio de WordPress, una comprobación rápida es ver cuánta otra gente usa el mismo plugin.

Si encuentra un plugin que ralentiza su sitio, busque otro que haga el mismo trabajo más eficientemente.

Herramientas como Pingdom (mira en sección file requests) y GTmetrix (mira pestaña Waterfall) pueden ayudarle a encontrar los peores culpables.

10. Elimine Plugins Innecesarios

Cada plugin consume recursos y reduce la velocidad del sitio. No deje plugins antiguos sin usar en su base de datos. Simplemente, bórrelos para mejorar el rendimiento de WordPress.

11. Establezca Cabecera Expires para Recursos Estáticos

Una cabecera Expires es una forma de decir a los navegadores que no se molesten en volver a obtener contenido que es poco probable que haya cambiado desde la última vez que se cargó. En lugar de obtener una copia fresca del recurso de su servidor web, el navegador del usuario utilizará la copia local almacenada en su ordenador, que es mucho más rápida de recuperar.

Puede hacerlo añadiendo unas líneas de código a su archivo .htaccess raíz como se describe en este útil artículo de GTmetrix.

Vale la pena notar que si aún está desarrollando su sitio y potencialmente cambiando su CSS, no añada una expiración lejana para sus archivos CSS. De lo contrario, los visitantes pueden no ver el beneficio de sus últimos ajustes CSS.

12. Desactive Hotlinking

El hotlinking (también llamado leeching) es una forma de robo de ancho de banda. Funciona así: otro webmaster enlaza directamente a contenido en su sitio (normalmente una imagen o vídeo) desde su contenido. La imagen se mostrará en la web del ladrón pero se cargará desde la suya.

El hotlinking puede aumentar la carga de su servidor y disminuir el rendimiento de su sitio, sin mencionar que es un uso pésimo de la etiqueta web. Puede proteger su sitio del hotlinking bloqueando enlaces externos a ciertos tipos de contenido, como imágenes, en su sitio.

Si tiene cPanel o WHM provisto por su servicio de hosting, siempre puede usar las herramientas de protección contra hotlinking integradas. De lo contrario, si su sitio usa servidor web Apache (hosting Linux), todo lo que necesita es añadir unas líneas de código a su archivo .htaccess raíz.

Puede elegir cadenas de código clave que permitan enlaces internos y de buscadores como Google. También podría añadir reglas más complejas como permitir enlaces de fuentes como un servicio de feeds o establecer una imagen por defecto para mostrar en lugar de una imagen hotlinked.

13. Active GZIP

Reducir el tamaño de sus páginas es crucial para una entrega rápida.

GZIP es un algoritmo que comprime archivos en el extremo de envío y los restaura en el de recepción. Activar compresión GZIP en su servidor puede reducir dramáticamente los tiempos de carga al reducir tamaños de página hasta un 70 %.

Cuando un navegador pide una página, comprueba si existe la cabecera de respuesta "Content-encoding: gzip". Si es así, sabe que el servidor tiene GZIP activado y contenido como HTML, hojas de estilo y JavaScript puede comprimirse. Hoy GZIP viene activado por defecto en muchos servidores, pero es mejor asegurarse. Esta herramienta gratuita de comprobación de compresión GZIP se lo dirá.

Si necesita activar GZIP, la forma más fácil es usar un plugin como WP Rocket. W3 Total Cache también proporciona forma de activarlo, bajo sus opciones de rendimiento. Si no puede usar plugin por problemas de permisos o no quiere y usa hosting Linux, puede hacerlo usted mismo modificando el archivo .htaccess raíz de su sitio. Este artículo explica cómo activar gzip usando .htaccess.

14. Optimice su Página de Inicio para Velocidad de Sitio WordPress

Su página de inicio creará la primera impresión de su marca y negocio. Es crucial optimizar para responsividad mobile, UI/UX agradable y, sobre todo, velocidad.

Pasos a seguir:

• Elimine widgets innecesarios. No necesita mostrar todos los widgets en todas partes.
• No incluya widgets de compartir y plugins en la página de inicio. Resérvelos para entradas.
• Restrinja el número de entradas en la página de inicio. Menos entradas igual a carga más pequeña y rápida.
• Use extractos en lugar de entradas completas. De nuevo, más pequeño igual a más rápido.
• Vaya fácil con los gráficos. Imágenes y vídeos tardan más en cargar que texto.

15. Aloje Vídeos en Otro Lado

En lugar de subir vídeos como media y servirlos en su sitio, aproveche servicios de vídeo para descargar ancho de banda y procesamiento.

Use el segundo buscador más traficado de la web y suba sus vídeos a YouTube, o un servicio similar como Vimeo. Luego puede copiar un pequeño trozo de código y pegarlo en una entrada donde quiera que aparezca el vídeo. Esto se conoce como embeber un vídeo. Cuando un usuario ve la página, el vídeo se transmite desde el servidor de terceros en lugar del suyo. A diferencia del hotlinking, esta es la práctica recomendada para contenido rico en media como vídeo.

16. Limite Revisiones de Entradas

La capacidad de revertir a una versión guardada previamente de una entrada puede ser útil, pero ¿necesita guardar cada copia de cada entrada que haya hecho? Probablemente no.

Estas copias extra llenan su base de datos y añaden overhead, así que es mejor poner un tope al número almacenado. Puede hacerlo usando un plugin como Revision Control, o establecer un límite añadiendo la siguiente línea a su archivo wp-config.php:

define( 'WP_POST_REVISIONS', 3 );

Establezca un número con el que se sienta cómodo. Cualquier cosa será menos que el predeterminado, que almacena revisiones automáticamente sin límite.

17. Establezca Imagen Gravatar por Defecto en Blanco

Gravatar es un servicio web que permite a cualquiera crear un perfil con una imagen avatar asociada que se vincula automáticamente a su email. Cuando el usuario deja un comentario en un blog WordPress, su avatar se muestra junto a él. Si el usuario no tiene imagen Gravatar definida, WordPress muestra la imagen Gravatar por defecto. Esto significa que puede tener docenas de comentarios mostrando la misma imagen poco informativa de "hombre misterioso". ¿Por qué perder tiempo de carga en algo no muy útil cuando puede eliminarlo?

Cambiar la imagen Gravatar por defecto es fácil. En su panel de administración WordPress, vaya a Ajustes > Comentarios. Desplácese a la sección Avatares. Seleccione Blanco como avatar por defecto. Misión cumplida.

18. Desactive Pingbacks y Trackbacks

Cuando se implementaron Pingbacks y Trackbacks, pretendían ser un vehículo para compartir crédito y referenciar contenido relacionado. En la práctica, son principalmente un vehículo para spam. Cada ping/track que recibe añade entradas (más datos) a su base de datos.

Dado que rara vez se usan para algo más que obtener un enlace de su sitio al del spammer, considere desactivarlos por completo. Para ello, vaya a Ajustes > Comentarios. En ajustes de artículo por defecto, desmarque la línea que dice "Permitir notificaciones de enlace de otros blogs (pingbacks y trackbacks)". Nota: esto desactivará ping/tracks futuros, pero no se aplicará retroactivamente a entradas existentes.

19. Divida Comentarios en Páginas

Recibir montones de comentarios en su blog es genial, pero puede ralentizar la carga general de la página. Para eliminar este problema potencial, vaya a Ajustes > Comentarios y marque la casilla junto a "Dividir comentarios en páginas". Luego puede especificar cuántos comentarios quiere por página y si mostrar los más nuevos o antiguos primero.

20. Elimine Sliders (Carruseles)

Que los sliders se vean bien es opinión. Pero el hecho de que ralentizan su sitio WordPress no lo es.

Los sliders añaden JavaScript extra que tarda en cargar y reducen tasas de conversión.

También empujan su contenido principal hacia abajo, quizás fuera de vista. ¿Por qué asumir un golpe de rendimiento por algo que solo sirve como caramelo visual inefectivo?

21. Mueva Scripts al Footer

JavaScript es un lenguaje de scripting ingenioso que permite hacer todo tipo de cosas interesantes. También tarda en cargar los scripts que hacen la magia. Cuando los scripts están en el footer, aún tendrán que cargar, pero no retendrán el resto de la página en el proceso. Tenga en cuenta que a veces los scripts deben cargar en un orden particular, así que mantenga el mismo orden si los mueve.

22. Combine Botones e Iconos en Sprites CSS

Un sprite es una imagen grande compuesta por un montón de imágenes pequeñas. Con sprites CSS, carga la imagen sprite y luego la posiciona para mostrar la porción que desea mostrar.

Así, solo resulta una petición HTTP para la imagen, en lugar de peticiones individuales para cada imagen componente.

23. Minifique JavaScript y CSS

La minificación es el proceso de hacer ciertos archivos más pequeños para que se transmitan más rápido. Se logra eliminando espacios en blanco, saltos de línea y caracteres innecesarios del código fuente.

Better WordPress Minify es un plugin de minificación popular. Ofrece muchas opciones de personalización. Empiece marcando las dos primeras opciones generales.

Esas dos especifican que archivos JavaScript y CSS deben minificarse. El plugin funciona creando nuevas copias minificadas de los archivos originales. Los originales se dejan en su lugar, por lo que puede revertir rápidamente si lo desea.

24. Evite Redirecciones en Páginas de Aterrizaje (Landing Page)

WordPress es bastante listo en muchas cosas, y las redirecciones son una de ellas. Si un visitante escribe https://sudominio.com/granarticulo.html en su navegador, y tiene su sitio configurado para usar prefijo www, el visitante será redirigido automáticamente a la página correcta (con prefijo www añadido), https://www.sudominio.com/granarticulo.html.

¿Qué pasa si el usuario escribe https:// en lugar de https://? Probablemente aún llegue a la página deseada, pero puede haber otra redirección al convertir HTTPS a HTTP, y luego redirigir a la URL www. Más tiempo esperando a que cargue la página objetivo.

Las redirecciones son útiles para llevar al visitante a la página correcta, pero consumen tiempo, retrasando la carga. Por tanto, debe evitarlas cuando sea posible. Al enlazar a una página en su sitio, asegúrese de usar la versión correcta, no redirigida, de la URL. Además, su servidor debe configurarse para que los usuarios puedan alcanzar cualquier URL con no más de una redirección, sin importar qué combinación de HTTP/HTTPS o www use.

Para comprobar el estado de redirecciones que emplea su sitio, pruebe unas URLs en este Redirect mapper. Si ve más de una redirección, necesitará modificar su servidor para asegurar que los visitantes lleguen al lugar correcto más rápido.

Si su sitio está alojado en Linux, puede lograr esto añadiendo reglas de reescritura de URL a su archivo .htaccess. Para otras plataformas de hosting, revise su panel para ver si hay opción de configurar redirección. Si no, contacte soporte técnico y pídales que lo arreglen.

25. Reemplace PHP con HTML Estático

PHP es un lenguaje de ejecución rápida, pero no es tan veloz como HTML estático. Lo probable es que su tema ejecute media docena de sentencias PHP en la cabecera que pueden sustituirse por HTML estático. Si ve su archivo header (Presentación > Editor de temas) verá muchas líneas parecidas a esta:

La parte en negrita es PHP que se ejecuta cada vez que su página carga. Aunque toma tiempo mínimo, es más lento que HTML directo.

Si está decidido a hacer su web lo más rápida posible, puede sustituir el PHP por texto. Para ver con qué reemplazar el PHP, use la opción Ver código fuente mientras mira su página web (clic derecho > ver código fuente).

Verá algo como esto:

El área en negrita es el texto resultante del código PHP procesado. Reemplace la llamada PHP original con este código. Si lo hace para las llamadas PHP principales en la cabecera sola, puede ahorrar al menos seis llamadas a PHP. Si usa títulos diferentes o títulos de artículos en páginas separadas por SEO, no cambie el PHP en la primera línea. Revise su footer y sidebar por oportunidades adicionales para cambiar PHP por texto.

Velocidad del Sitio: Uniendo Todo para Optimización de WordPress

Para ahora, debería tener un dominio firme de cómo acelerar su sitio WordPress.

Debería poder entender la importancia de un sitio responsivo enfocado en rendimiento y velocidad para captar la atención de sus usuarios rápido.

Es probable que, al navegar esta guía, descubriera que su web tenía mucho margen de mejora.

Una vez aplique los consejos anteriores, vuelva a ejecutar un test de velocidad de sitio WordPress a través de TestMySite y Page Speed Insights de Google.

Debería sorprenderse gratamente por la velocidad mejorada. Recuerde monitorizar datos de Google Analytics para ver cuántos más visitantes recibe y el tiempo que pasan en sus páginas. Esto debería ser una herramienta continua para monitorizar la efectividad de sus optimizaciones.

Tenga en cuenta que la velocidad es esencial, pero no lo es todo. Podría eliminar todas las imágenes, vídeos y plugins y usar un tema espartano para lograr un tiempo de carga fulgurante, pero su sitio podría acabar aburrido.

En su lugar, equilibre velocidad con apariencia y función, con énfasis en el lado de la velocidad. Sus clientes lo notarán. Puede contar con ello. ¡Ahora está listo para acelerar su sitio WordPress!