Optimizar WordPress

Optimiza WordPress con los 10 tornillos de ajuste más importantes

La Web está repleta de consejos y trucos sobre cómo optimizar el rendimiento de tu WordPress. Por desgracia, las explicaciones y evaluaciones de la relevancia de los distintos tornillos de ajuste se quedan rápidamente en el camino. Te mostramos los puntos de partida y los tornillos de ajuste importantes, en un orden sensato y con contexto. De este modo, podrás alcanzar el éxito con especial rapidez.

Mientras tanto, hemos alojado muchos proyectos de WordPress. En el proceso se han acumulado muchos datos. Y una y otra vez nos preguntan cómo se puede reducir aún más el tiempo de carga de un sitio web WordPress. Así que hemos procesado sistemáticamente nuestros hallazgos de los últimos años. El resultado: 10 medidas con las que puedes optimizar rápida y fácilmente tu WordPress pagespeed.

Hay algo especialmente importante: algunos se desaniman rápidamente ante las sugerencias de optimización de herramientas como Google PageSpeed Insights. Permíteme que te lo diga: no ganarás más tiempo de carga con medidas de optimización complicadas, sino con métodos fáciles de aplicar.

Sugerencias de optimización de WordPress por Google
Solo unas pocas personas pueden realmente hacer algo con este mensaje. Por lo tanto, es especialmente importante que primero te concentres en los pasos sencillos de optimización y solo abordes las medidas más complicadas en el segundo paso.

Por supuesto, la optimización del tiempo de carga no es un fin en sí mismo. Además de una mejor experiencia de usuario, un tiempo de carga más corto también aporta ventajas para la visibilidad en Google. Por esta razón, también voy a explicar brevemente en qué consisten realmente cada uno de los pasos de la optimización, para crear el contexto adecuado.

En teoría, puedes ir descendiendo de arriba abajo y así mejorar paso a paso el tiempo de carga de tu sitio web. Por cierto, los siete primeros puntos también se refieren a las típicas sugerencias de mejora de Google PageSpeed Insights, en las que profundizamos en este artículo, por ejemplo.

#1 Caché: el factor de rendimiento más importante para tiempos de carga rápidos

Caching significa que tus sitios no tienen que ser solicitados al servidor web por el navegador primero y luego construidas paso a paso. En su lugar, tu página se carga desde una caché completamente renderizada.

La ventaja de este caching es obvia: WordPress no tiene que recalcular cada vez que se llama tu sitio . Ya que WordPress está basado en el muy lento PHP, un cache es elemental aquí. Entre otras cosas, evita que PHP tenga que ser seleccionado.

En principio, hay dos variantes de implementación para las cachés:

  • Acerca de los plugins de caché: la mayoría de usuarios/as utilizan un plugin de caché, como W3 Total Cache o WP Super Cache. A veces son más fáciles, a veces más complicados de configurar. En cualquier caso, es necesario cierto trabajo manual.
  • Acerca del proveedor de hosting: algunos proveedores de hosting, incluido Raidboxes, ofrecen almacenamiento en caché del lado del servidor, por lo que siempre se puede prescindir de los plugins de caché, ya que tu proveedor de hosting ya se encarga de configurar la caché por ti.

Si has configurado una caché de alto rendimiento, ya has dado el paso más importante para optimizar WordPress. Para más detalles, echa un vistazo a nuestro artículo sobre los fundamentos del caching.

#2 Ordenar WordPress: Poner orden es imprescindible

Según nuestra experiencia, una de las causas más comunes de los tiempos de carga prolongados es una instalación WordPress sobrecargada. Como este punto de mejora no lo menciona Google PageSpeed Insights, ocupa directamente el segundo lugar en mi top 10.

Una instalación WordPress desordenada significa en la mayoría de los casos un número de plugins instalados elevado innecesariamente. Básicamente, cuantos menos plugins, más rápido será el sitio web. Por supuesto, los plugins son importantes y no puedes prescindir de ellos, pero siempre debes comprobar qué plugins necesitas realmente.

No lo olvides: debes asegurarte de que no te limitas a desactivar los plugins, sino que los eliminas por completo.

Optimiza WordPress: tus  Resumen de plugins te muestra exactamente cuántos plugins tienes instalados, activados y aún tienes que actualizar.
La vista general de plugins te muestra exactamente cuántos plugins están desactivados actualmente. En principio, siempre debería haber un cero junto a "Inactivo". Si no es así, pregúntate si este plugin desactivado es necesario.

Lo mismo ocurre con los themes: No necesitas más de uno.

El trasfondo es el siguiente: cada plugin y theme añade código PHP a tu sitio web. Esto también se aplica a los plugins desactivados y hace que el sitio sea más voluminoso y, por tanto, más lento (y más vulnerable a los ataques). Esto se debe a que PHP es un lenguaje de scripting muy lento. Cuanto menos haya, mejor.

Los plugins y themes que ya no sean necesarios suelen ser restos de pruebas funcionales y de diseño. Por lo tanto, es una buena idea limpiar regularmente tus sitios WordPress y probar nuevas funciones y diseños en un entorno de pruebas en lugar de en el propio sitio web. De este modo, evitarás acumular demasiados restos de plugins.

#3 Imágenes: El subestimado freno de tiempo de carga

Una de las medidas más eficaces y sencillas para reducir el tiempo de carga es reducir el tamaño de las imágenes. Aquí puedes ahorrar grandes cantidades de datos. La "compresión de imágenes sin pérdidas" reduce el tamaño de archivo de las imágenes de tus sin pérdida visible de calidad. tu sitio apenas cambia, y al mismo tiempo puedes reducir significativamente su tamaño mediante la optimización de la imagen.

Las imágenes suelen representar la mayor parte del volumen de datos de un sitio web. Reducir el tamaño de tus imágenes debería ser, por tanto, uno de los primeros pasos de optimización. Puedes optimizar las imágenes manualmente o utilizar un plugin de compresión.

Utilizar un plugin es sin duda la solución más cómoda. Los plugins no solo te permiten comprimir imágenes nuevas y sus miniaturas, sino que también se ocupan automáticamente de todas las imágenes existentes en tus sitios web. Sin embargo, este servicio suele ser de pago.

#4 CSS y JavaScript: Suena voluminoso, pero es fácil de optimizar

La segunda mayor cantidad de datos de tu sitio web suelen ser los archivos JavaScript y CSS. Aquí es donde aparece mucho miedo al contacto, pero incluso sin competencia en código, puedes entender fácilmente en qué consiste optimizar CSS y JavaScript. En principio, hay tres cosas que hacer aquí:

  • Resumen: CSS y JavaScript están ocultos en muchos pequeños archivos individuales. Normalmente, cada uno de estos archivos debe ser solicitado individualmente al servidor web por el navegador. Esto genera peticiones HTTP que tienden a aumentar el tiempo de carga de tu sitio web. Sin embargo, si se combinan los scripts, se reduce el número de archivos que hay que cargar y, por tanto, el número de peticiones. Por ejemplo, 53 peticiones individuales se convierten en solo una docena más o menos. Por supuesto, los plugins adecuados también pueden hacer esto por ti.
  • Reducir: los archivos CSS y JavaScript son líneas de código que permiten determinadas funciones y diseños en el sitio web. Este código está escrito por humanos,pero es leído por máquinas. ¿Por qué es esto relevante? Gran parte de lo que un humano necesita para entender correctamente el código no lo necesita un ordenador. Por tanto, los espacios, comentarios y similares no son necesarios para que tu sitio pueda construirse correctamente. Aquí es exactamente donde entran en juego plugins como Autoptimize. Convierten CSS y JavaScript de código legible por humanos a código legible por máquinas. Esto hace que los paquetes de datos individuales sean más pequeños y su transmisión más rápida.
  • Comprimir: después de fusionar y reducir, el último paso es comprimir los paquetes de datos que se envían desde el servidor web al navegador. Esto significa que el servidor minimiza el tamaño de archivo de las solicitudes individuales y el navegador las desempaqueta y calcula. Esto es más rápido que enviar paquetes de datos sin comprimir. Puedes configurar la compresión GZIP utilizando plugins de caché, ajustes manuales en el .htaccess o tu proveedor de hosting ya ha activado la compresión en el lado del servidor.

Incluso sin conocer los scripts, es fácil comprender lo que aportan las medidas individuales. Además, para los tres pasos existen plugins que permiten incluso a los no profesionales optimizar CSS y JavaScript. En nuestro artículo sobre la optimización de CSS y JavaScript, explicamos más detalles y presentamos varios plugins.

¡El cuatro vence!

Estas eran las cuatro áreas en las que se puede ahorrar mucho tiempo de carga. Con relativamente poco esfuerzo, ya puedes optimizar el rendimiento de tu : mediante el almacenamiento en caché, la optimización de imágenes, la optimización de CSS y JavaScript y la limpieza de WordPress, ya puedes conseguir mejoras significativas.

#5 El alojamiento tiene un gran impacto en los tiempos de carga

Los cuatro primeros campos de optimización prometen una reducción especialmente grande del tiempo de carga, pero pueden quedar en nada si tu Hosting te ralentiza. No se trata tanto de los requisitos de hardware para WordPress, sino más bien de ciertas tecnologías que demuestran que un hoster te permite optimizar WordPress en consecuencia.

Como regla general, puedes recordar que un hosting WordPress de alto rendimiento debe tener estos datos clave:

  • Disco duro SSD
  • Límite de memoria PHP de al menos 64MB, mejor 128MB
  • Centro de datos en las proximidades geográficas de tu grupo objetivo
  • Versión actual de PHP
  • HTTP/2 y certificado SSL gratuito

Luego está la diferencia entre el shared hosting (hosting compartido) y tener tu propio servidor (virtual).

Con el hosting compartido, compartes el servidor y su potencia de cálculo con otros sitios web. Suelen ser entre unas docenas y unos cientos. Con tu propio servidor, no tienes que compartir la potencia de cálculo con nadie. Por tanto, ofrece la ventaja de la seguridad de rendimiento.

Aunque tener un servidor propio no es sinónimo de mejor rendimiento, la experiencia demuestra que, sobre todo las tarifas de hosting baratas que cuestan solo unos euros al mes, no pueden estar a la altura de los servidores virtuales en cuanto a rendimiento.

"*"indica que los campos son obligatorios

Me gustaría suscribirme a newsletter para estar informado sobre nuevos artículos del blog, ebooks, funciones y noticias sobre WordPress. Puedo retirar mi consentimiento en cualquier momento. Ten en cuenta nuestra Política de privacidad.
Este campo es de validación y no debe modificarse.

Los puntos más finos: Menos golpe, más esfuerzo

Todas las áreas relevantes para el rendimiento que he mencionado hasta ahora pueden ser optimizadas por casi cualquiera. Ya sea mediante plugins, simple ensayo y error o la compra de los productos correspondientes. La cosa se complica si ya has optimizado estas áreas. Porque entonces tienes que profundizar en la estructura de la página. Y las medidas de optimización individuales ya no tienen el mismo impacto.

#6 Renderblocking: Orden erróneo al cargar

Un punto que es criticado repetidamente por herramientas como Google PageSpeed Insights es una secuencia de carga que bloquea la renderización.

El problema se aclara con un ejemplo: un deslizador (slider) consta de imágenes y del comando de animación que hace girar estas imágenes. Si el comando JavaScript se carga primero y las imágenes en último lugar, entonces tu sitio ya tiene la función del deslizador, pero no las imágenes que se van a mostrar. Por tanto, cargar sitio lleva más tiempo. Este estado puede evitarse mediante la secuencia de carga correcta.

Aunque existen plugins para optimizar el orden de carga, nuestra experiencia demuestra que no siempre son capaces de optimizar por completo tu sitio web. De hecho, los mejores resultados en este caso los suele conseguir un diseñador web que conozca bien el sitio web y sus funciones.

#7 Above the Fold: Optimizar el área visible de la página

Además del tiempo total de carga de tu sitio web, el tiempo de carga percibido es el factor más importante. En otras palabras, el tiempo que se percibe visualmente como tiempo de carga. Este tiempo de carga percibido puede acortarse con algunos trucos. Por ejemplo, da la impresión de que sitio ya está completamente configurado, aunque los cálculos sigan realizándose en segundo plano.

Para optimizar esta zona, conocida como Above the Fold, es especialmente importante optimizar el orden de carga. Esto significa dar prioridad a los contenidos y funciones que tus visitantes deben ver en el primer tamaño de pantalla.

Optimizar WordPress: Ilustración de Above the Fold de raidboxes.de
La zona superior se muestra al visitante de raidboxes sin necesidad de desplazarse. Esto es lo que se llama Above the Fold. Para el resto de la información, el o la visitante debe interactuar con el sitio y desplazarse.

Puedes conseguirlo, por ejemplo, optimizando la secuencia de carga. Sin embargo, también hay plugins que garantizan que tu sitio cargue de forma más eficiente. Y solo la zona visible. a3 Lazy Load es un ejemplo de este tipo de plugins. De este modo, se sigue mostrando todo el contenido, pero el tiempo de carga de la página puede beneficiarse de ello, especialmente si se trata de una sitio con muchas imágenes.

#8 Limpiar la base de datos

Además de las imágenes y los scripts, tu base de datos también puede llegar a ser demasiado grande. Para ello, existen herramientas prácticas que mantienen la base de datos agradable y delgada, como el plugin WP-Optimize.

#9 Pingbacks y trackbacks

Por defecto, WordPress interactúa con otros sitios web que permiten pingbacks y trackbacks. Cada vez que se menciona el sitio web o uno de tus posts del blog de este tipo, se notifica automáticamente al sitio web, lo que supone una carga adicional para la base de datos.

Si no necesitas esta función (en mi opinión, el valor añadido es insignificante de todos modos), entonces deberías desactivar los pingbacks y trackbacks. De nuevo, el plugin WP-Optimize ayuda en este caso. Sin embargo, en aras de la exhaustividad, hay que mencionar en este punto que se trata más bien de un problema teórico. Todavía no hemos experimentado pérdidas graves de rendimiento por este motivo.

#10 Evitar el hotlinking

Hotlinking quiere decir que alguien enlaza directamente con una imagen de su servidor, lo que supone "robar" el ancho de banda. En un servidor web Apache, puede evitar el hotlinking añadiendo el siguiente código a su archivo .htaccess:

RewriteEngine on

RewriteCond %{HTTP_REFERER} !^$

RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?yourwebsite.com [NC]

RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?google.de [NC]

RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?google.com [NC]

RewriteRule .(jpg|jpeg|png|gif)$ – [NC,F,L]

Para evitar el hotlinking en un servidor NGINX, añade estas líneas de código a tu archivo NGINX Config:

location ~ .(gif|png|jpeg|jpg|svg|webp)$ {
     valid_referers none blocked server_names
	 *.example.com example.* www.example.org/galleries/ ~\.google\.;
     if ($invalid_referer) {
        return 403;
    }
}

Desglose del código:
location ~ .(gif|png|jpeg|jpg|svg|webp)$ {
especifica las extensiones de archivo que quieres proteger de los enlaces directos, por ejemplo, si quieres proteger archivos PDF, la línea de código sería así:
location ~ .(gif|png|jpeg|jpg|svg|webp|pdf)$

{valid_referers none blocked server_names
*.yourwebsite.com ~.google. ~.bing. ~.yahoo.;
Estas líneas son un poco extensas, pero te ayudarán a entender mejor lo que puedes hacer con esta regla. Estas líneas indican a qué dominios se les permite hacer hotlink a los archivos de todas formas. En este ejemplo, yourwebsite.com con todos los subdominios, así como Google, Bing y Yahoo.

if ($invalid_referer) {
return 403;
}
Ahora, si entra una petición y el recurso solicitado NO está en la lista blanca (whitelist), el servidor devolverá un error 403 (Prohibido).

Otros métodos para evitar el hotlinking

Existen numerosos plugins de seguridad en el directorio de plugins WordPress que puedes utilizar para evitar los hotlinks, por ejemplo All In One WP Security & Firewall. En Raidboxes también puedes impedir el hotlinking a través del encabezado CORS en la configuración de tu Box. Si tienes alguna pregunta sobre la configuración del encabezado de tu Box, ponte en contacto con nuestro equipo de soporte.

"¿Y qué pasa con CDN?"

Una de las preguntas más frecuentes es sobre una Red de Entrega de Contenidos (CDN). Por ejemplo: "¿Una CDN hace que mi sitio web sea más rápido para los visitantes europeos?", "¿Por qué necesito realmente una CDN?", "¿Me recomendarías utilizar una CDN para mi blog o tienda?". En la mayoría de los casos, sin embargo, la respuesta fue un no.

Resumiendo: Una CDN tiene más sentido si los/as usuarios/as están muy distribuidos/as geográficamente. Por ejemplo, si tienes clientes/as en Europa Central, Sudamérica y Australia. Si tu grupo objetivo principal se limita a un solo país, puedes descartar directamente una CDN para la optimización WordPress.

Por cierto, el desarrollador WordPress Ernesto Ruge ha escrito un artículo muy bueno sobre este problema, que no puedo sino recomendarte.

Conclusión: No le temas a los pasos de optimización de aspecto complicado

A menudo se teme el contacto con estas áreas, en las que es especialmente fácil ahorrar tiempo de carga, o se descuidan. Otras, sin embargo, como la CDN, surgen una y otra vez durante las consultas, aunque no suelen tener ningún efecto en el tiempo de carga del sitio web.

Por tanto, sólo puedo aconsejarte que te concentres primero en los "frutos maduros" de la optimización del rendimiento de WordPress. Porque con relativamente poco esfuerzo, ya puedes hacer grandes progresos en la reducción del tiempo de carga de tus . Y eso aunque seas un profano.

Así que no te dejes desanimar por los consejos de herramientas como Google PageSpeed Insights.

Porque en el fondo, la optimización del tiempo de carga se refiere a unas pocas áreas:

  • Reducir el tamaño de tu sitio web
  • Reducción de peticiones HTTP
  • Compresión de los paquetes de datos individuales
  • Optimización del tiempo de carga percibido

Si has comprendido esto, entonces también podrás girar con sensatez los 10 tornillos de ajuste más importantes de la optimización WordPress. Para pasos de optimización más complejos, también hay expertos/as que pueden poner en forma tu sitio web.

¡El tiempo de carga te lo agradecerá!

¿Te ha gustado el artículo?

Con tu valoración nos ayudas a mejorar aún más nuestro contenido.

Escribe un comentario

Tu dirección de correo electrónico no se publicará. Los campos obligatorios están marcados con *.