WordPress  Rendimiento: los 10 parámetros más importantes

Los 10 tornillos de ajuste más importantes para el rendimiento WordPress

La web está repleta de consejos y trucos sobre cómo optimizar el rendimiento de tu WordPress. Lamentablemente, las explicaciones y evaluaciones de la pertinencia de los diversos entornos se quedan rápidamente en el camino. Te mostraremos los puntos de partida y las herramientas importantes, en un orden razonable y con contexto. De esta manera se puede lograr el éxito muy rápidamente.

Mientras tanto, ya hemos alojado unos 15.000 proyectos de WordPress. Se han acumulado muchos datos en el proceso. Y los clientes nos preguntan constantemente cómo pueden reducir aún más el tiempo de carga de sus proyectos de WordPress. Así que hemos procesado sistemáticamente nuestros hallazgos del análisis de los sitios de nuestros clientes de años anteriores. El resultado: 10 medidas con las que se puede optimizar el rendimiento de tu WordPress de forma rápida y sencilla.

Una cosa es particularmente importante aquí: algunos usuarios se desaniman rápidamente por las sugerencias de optimización de herramientas como Google PageSpeed Insights. Déjenme decirles: No ganará el mayor tiempo de carga con complicadas medidas de optimización, sino con métodos fáciles de aplicar.

Sugerencias de optimización del rendimiento de WordPress de Google
Sólo algunos operadores de páginas pueden hacer algo con este mensaje. Por lo tanto, es especialmente importante que se concentre primero en los pasos sencillos de optimización y sólo aborde 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 para los usuarios de tu, un menor tiempo de carga también aporta ventajas para la visibilidad de tuen Google. Por esta razón, también voy a exponer brevemente en qué consisten realmente los distintos pasos de optimización para crear el contexto adecuado.

En teoría, se puede ir bajando de arriba a abajo y así mejorar el tiempo de carga tussitio paso a paso. 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 de todos

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 un caché - completamente renderizado.

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:

  • Sobre los plugins de caché: La mayoría de los usuarios utilizan un plugin de caché, como W3 Total Cache o WP Super Cache. A veces son más fáciles y a veces más complicadas de configurar. En cualquier caso, es necesario un cierto trabajo manual.
  • Sobre el hoster: Algunos hosters -incluyendo Raidboxes - ofrecen almacenamiento en caché del lado del servidor. Esto significa que casi siempre se puede prescindir de los plugins de caché. Porque el proveedor de alojamiento tuya ha configurado la caché por usted.

Si ha configurado una caché de alto rendimiento, ya ha dado el paso más importante hacia un mayor rendimiento de WordPress. Para más detalles, eche un vistazo a nuestro artículo sobre los fundamentos del almacenamiento en caché.

#2 Ordenar WordPress - el orden debe ser

Según nuestra experiencia, una de las causas más comunes de los largos tiempos de carga es una instalación de WordPress sobrecargada. Y como este punto de mejora no se menciona en Google PageSpeed Insights , se sitúa directamente en el segundo lugar de mi top 10.

En la mayoría de los casos, una instalación de WordPress desordenada significa que hay demasiados plug-ins instalados. Por regla general, cuantos menos plugins haya, más rápido será sitio. Por supuesto que los plugins son importantes y no se puede prescindir de ellos, pero siempre hay que comprobar qué plugins se necesitan realmente.

Y: Debe asegurarse de que no se limita a desactivar los plug-ins, sino que los elimina por completo.

Mejorar el rendimiento de WordPress: Tu visión general de plugins muestra exactamente cuántos Plugins has instalado, activado y aún tienes que actualizar.
La vista general de plugin muestra exactamente cuántos plugins están actualmente desactivados. En principio, siempre debería haber un cero para "Inactivo". Si no, pregúntate exactamente: ¿Necesito el plugin desactivado en absoluto?

Lo mismo ocurre con los temas: no necesitas más de uno.

El fondo es el siguiente: Cada plugin y cada tema agregan un código PHP a tus sitios. Esto también se aplica a los plugins desactivados. Esto hace que tu sitio sea más voluminoso y por lo tanto más lento (y más vulnerable a los ataques). Esto se debe a que PHP es un lenguaje de scripts muy lento. Cuanto menos haya, mejor.

Los plugins y temas que ya no son necesarios suelen ser restos de pruebas de funcionamiento y diseño. Por lo tanto, es una buena idealimpiar periódicamente los sitios de WordPress de tu y probar las nuevas funciones y diseños en un entorno de prueba en lugar de en el vivositio. De esta manera, puede evitar acumular demasiados restos de plugins en primer lugar.

#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 de las páginas es reducir el tamaño de las imágenes. Aquí puedes guardar grandes cantidades de datos. La "compresión de imágenes sin pérdidas" reduce el tamaño de los archivos de las imágenes de tussin ninguna pérdida visible de calidad. tusitio apenas cambia, y al mismo tiempo puede reducir significativamente su tamaño mediante la optimización de la imagen.

El Archivo HTTP estima que las imágenes suelen representar la mayor parte del volumen de datos de un sitio web. Por tanto, reducir el tamaño de las imágenes de tusdebería ser uno de los primeros pasos de optimización. Puedes optimizar las imágenes manualmente o utilizar un plugin de compresión.

un plugin que es ciertamente la solución más conveniente. Los plugins no sólo permiten comprimir nuevas imágenes y sus miniaturas, sino que también previsualizan automáticamente todas las imágenes existentes . Sin embargo, este servicio suele estar sujeto a una tarifa.

#4 CSS y JavaScript - suena abultado, pero es fácil de optimizar

La segunda mayor cantidad de datos de tu sitio son generalmente archivos JavaScript y CSS. Muchos usuarios tienen un miedo especial a tocar estos archivos. Pero incluso sin competencia de código puedes entender fácilmente de qué se trata la optimización de CSS y JavaScript. Porque en principio hay tres cosas que hacer primero:

  • Resumir: El CSS y el 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 tussitio . Sin embargo, si se combinan los scripts, se reduce el número de archivos a cargar y, por tanto, el número de peticiones. Por ejemplo, 53 solicitudes individuales se convierten en poco más de una docena. Por supuesto, los plug-ins correspondientes también pueden hacerlo por usted.
  • Reducir: Los archivos CSS y JavaScript son líneas de código que permiten ciertas funciones y diseños en tussitio . Este código está escrito por humanos. Pero lo leen las máquinas. ¿Por qué es esto relevante? Gran parte de lo que un humano necesita para entender el código correctamente no lo necesita un ordenador. Por lo tanto, los espacios, los comentarios, etc. no son necesarios para que tusitio pueda construirse correctamente. Aquí es exactamente donde entran en juego plugins como Autoptimize. Convierten el CSS y el 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 los archivos de las solicitudes individuales y el navegador los desempaqueta y calcula. Esto es más rápido que el envío de paquetes de datos sin comprimir. Puede configurar la compresión GZIP mediante plug-ins de caché, ajustes manuales en el .htaccess o tuhoster ya ha activado la compresión en el lado del servidor.

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

¡Cuatro victorias!

Estas fueron las cuatro áreas en las que nuestros clientes pudieron ahorrar una cantidad particularmente grande de tiempo de carga. Con relativamente poco esfuerzo, puedes mejorar el rendimiento de tu WordPress mediante el almacenamiento en caché, la optimización de imágenes, la optimización de CSS y JavaScript y el orden.

#5 Sin hosting todo es nada

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

Como regla general, puede recordar que un alojamiento de 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 Europa
  • Versión actual de PHP (7.4)
  • HTTP/2 y certificado SSL gratuito

Luego está la diferencia entre el alojamiento compartido y tener un servidor propio (virtual).

Con el alojamiento compartido, usted comparte el servidor y su potencia de cálculo con otros sitios. Por lo general, de unas pocas docenas a unos pocos cientos. Con tu propio servidor, no tienes que compartir la potencia de cálculo con nadie. Por lo tanto, ofrece la ventaja de la seguridad del rendimiento.

Aunque tener un servidor propio no es sinónimo de mejor rendimiento, la experiencia demuestra que, especialmente las tarifas de alojamiento baratas que cuestan sólo unos euros al mes, no pueden estar a la altura de los servidores virtuales en términos de rendimiento.

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 prácticamente cualquier usuario de WordPress. Ya sea a través de plugins, de una simple prueba o la compra de productos apropiados. Se complica más si ya has optimizado estas áreas. Porque entonces tienes que profundizar en la estructura del sitio. Y las medidas de optimización individual ya no tienen el mismo poder de penetración.

#6 Renderblocking - orden incorrecto al cargar

Un punto que es criticado repetidamente por herramientas como Google PageSpeed Insights es una secuencia de carga que bloquea el renderizado.

Un ejemplo ilustra el problema: Un deslizador consiste en imágenes y el comando de animación que hace que estas imágenes giren. Si el comando JavaScript se carga primero y las imágenes al final, entonces tu sitio ya tiene la función del deslizador, pero no las imágenes a mostrar. Así que cargar la página lleva más tiempo. Este estado puede ser prevenido con la orden de carga correcta.

Aunque hay formas de optimizar la secuencia de carga del Plugin, pero nuestra experiencia muestra que no siempre son capaces de optimizar completamente tu sitio. Los mejores resultados en tal caso suelen ser logrados por un diseñador de web que conoce bien el sitio y sus funciones.

#7 Above the Fold - optimizar el área visible de la página

Además del tiempo total de carga tussitio , el tiempo de carga percibido es decisivo. En otras palabras, el tiempo que un visitante tussitio percibe como tiempo de carga. Este tiempo de carga percibido puede acortarse con algunos trucos. De este modo, el usuario tiene la impresión de que la web sitioya está completamente configurada, aunque los cálculos se siguen realizando 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 los visitantes de tudeben ver en el primer tamaño de pantalla.

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

Esto se puede conseguir, por ejemplo, optimizando la secuencia de carga. Sin embargo, también hay complementos que garantizan que tusitio cargue de forma más eficiente. Y sólo la zona visible. Lazy Load o a3 Lazy Load son ejemplos de estos plugins. De este modo, el usuario siempre obtiene todo el contenido que necesita, pero el tiempo de carga de la página puede seguir beneficiándose de ello, especialmente si se trata de una página con muchas imágenes sitio.

#8 Limpiar la base de datos

Además de las imágenes y los scripts, la base de datos tutambién puede llegar a ser demasiado grande. También hay herramientas prácticas para esto, que mantienen la base de datos tuagradable y delgada. Por ejemplo, el plugin WP-Optimize.

#9 Pingbacks y trackbacks

Por defecto, WordPress interactúa con otros sitios que permiten pingbacks y trackbacks. Cada vez que se menciona tusitio o uno de los artículos del blog de tusen tal sitio, se notifica automáticamente a tusitio , lo que supone una carga adicional para la base de datos.

Si no necesitas esta característica (el valor añadido es insignificante en mi opinión) deberías desactivar los pingbacks y trackbacks. De nuevo, el plugin WP-Optimize ayuda aquí. En aras de la exhaustividad, debe mencionarse aquí que se trata más bien de un problema teórico. Ninguno de nuestros clientes ha tenido serias pérdidas de rendimiento como resultado.

#10 Evitar el hotlinking

Hotlinking significa que alguien enlaza directamente con una imagen de su servidor, lo que supone "robar" el ancho de banda de tu . 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.)?deineseite.de [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ñada estas líneas de código al archivo tus 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 hotlinks, por ejemplo, si quieres proteger los 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
*.deineseite.dedeineseite.de ~.google. ~.bing. ~.yahoo.;
Estas líneas son un poco extensas, pero te ayudará a entender mejor lo que se puede hacer con esta regla. Estas líneas básicamente indican qué dominios están permitidos para hacer hotlink de tus archivos de todos modos. En este ejemplo tu página.com con todos los subdominios, así como con Google, Bing y Yahoo.

if ($invalid_referer) {
return 403;
}
Si llega una petición y el recurso solicitado NO está en la lista blanca de tus, el servidor devuelve un 403 (Prohibido).

Otros métodos para evitar el hotlinking

Hay numerosos Plugins de seguridad en el directorio oficial de pluginsWordPress que puede utilizar para evitar el hotlinking - por ejemplo All In One WP Security & Firewall. El sitio Plugin está activo en más de 900.000 sitios web WordPress y tiene una calificación media de 4,8 sobre 5 estrellas (con más de 1.000 opiniones). Además, puede evitar el hotlinking a través de las cabeceras CORS en la configuración de tus BOX . Si tiene alguna pregunta sobre la configuración de la cabecera tus BOX , no dude en ponerse en contacto con nosotros en el servicio de asistencia.

"¿Y qué pasa con el CDN?"

Una de las preguntas más frecuentes es sobre una red de distribución de contenidos (CDN). Por ejemplo: "¿Un CDN hace que mi sitiosea más rápido para los visitantes de Alemania?", "¿Por qué necesito realmente un CDN?", "¿Me recomendarías que utilizara un CDN para mi blog o tienda?". Sin embargo, en la mayoría de los casos, la respuesta fue: no.

Para resumir una larga historia: un CDN tiene más sentido cuando tus usuarios están geográficamente dispersos. Por ejemplo, si tienes clientes en Europa Central, América del Sur y Australia. Si tu grupo objetivo principal se limita a un país, puedes abandonar directamente un CDN para optimizar el rendimiento de tu WordPress.

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

Conclusión: No tengas miedo de los pasos de optimización que parecen complicados

Los usuarios suelen tener reservas sobre las áreas en las que es especialmente fácil ahorrar tiempo de carga. O descuidan estas áreas. Otros, sin embargo, como el CDN, aparecen una y otra vez durante las consultas, aunque no suelen tener ningún efecto en el tiempo de carga de la página.

Así que sólo puedo aconsejarte que primero te concentres en los "frutos colgantes" de la optimización. Con relativamente poco esfuerzo, ya puedes hacer grandes progresos en la reducción del tiempo de carga aquí. Así seas un principiante en la materia.

Así que no te dejes llevar 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:

  • Reducción de tamaño tussitio
  • Reducción de las peticiones HTTP
  • Compresión de los paquetes de datos individuales
  • Optimización de la experiencia del usuario

Si ha entendido esto, entonces también puede hacer ajustes sensatos en los 10 tornillos de rendimiento más importantes de WordPress. Y para los pasos de optimización más complejos, también hay expertos que pueden dar forma a tusitio .

¿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á.