Los 10 tornillos de ajuste más importantes tus WordPress Rendimiento

Torben Simon Meier Última actualización 29.03.2021
10 min.
WordPress  Rendimiento: los 10 parámetros más importantes
Última actualización 29.03.2021

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 en particular es importante: 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 concreto con este mensaje. Por lo tanto, es especialmente importante que se concentre primero en los pasos sencillos de optimización y sólo en el segundo paso aborde las medidas más complicadas.

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 tu en Google. Por lo tanto, también esbozaré brevemente en qué consisten realmente los distintos pasos de optimización para crear el contexto adecuado.

En teoría, se puede trabajar de arriba a abajo y así mejorar el tiempo de carga tus sitio 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 la cachéPlugins: La mayoría de los usuarios utilizan una cachéPlugin, como W3 Total Cache o WP Super Cache. Estos son a veces más fáciles, a veces un poco más complicados de configurar. En cualquier caso, es necesario un cierto trabajo manual.
  • Acerca de hoster: Algunos hoster -incluyendo RAIDBOXES - ofrecen almacenamiento en caché del lado del servidor. Esto significa que casi siempre se puede prescindir del almacenamiento en cachéPlugins . Porque el proveedor de alojamiento tu ya se ha encargado de la configuración de 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

Una de las causas más comunes de los largos tiempos de carga es, según nuestra experiencia, una instalación sobrecargada de WordPress . 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.

Una instalación sobrecargada de WordPress significa en la mayoría de los casos: se han instalado demasiados Plugins . Básicamente, cuanto menos Plugins, más rápido sitio. Por supuesto, Plugins es importante y no puedes prescindir de él, pero siempre debes comprobar qué Plugins necesitas realmente.

Y: Debes asegurarte de no sólo desactivar Plugins , sino de eliminarlo 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 Themes: 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.

A menudo, las páginas Plugins y Themes que ya no son necesarias son restos de las pruebas funcionales y de diseño. Por lo tanto, es una buena idealimpiar regularmente las páginas de tu WordPress y probar las nuevas funciones y diseños en un entorno de prueba y no en el vivositio. De esta manera, puede evitar acumular demasiados restos de Plugin 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. Porque aquí se pueden guardar a veces grandes cantidades de datos. Con la llamada "compresión de imágenes sin pérdidas ", el tamaño de los archivos de las imágenes de tus se reduce sin ninguna pérdida visible de calidad. tu sitio apenas cambia, al mismo tiempo que puede reducir significativamente su tamaño mediante la optimización de la imagen.

El Archivo HTTP estima que las imágenes suelen constituir la mayor parte del tráfico de un sitio web. Por lo tanto, reducir el tamaño de las imágenes de tus debería ser uno de los primeros pasos de optimización. La optimización de las imágenes puede hacerse manualmente, o bien utilizar una herramienta de compresión Plugin.

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 por el navegador al servidor web. Esto genera peticiones HTTP que tienden a aumentar el tiempo de carga tus sitio . 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, Pluginstambién puede hacerlo por usted.
  • Reducir: Los archivos CSS y JavaScript son líneas de código que permiten ciertas características y diseños en tus sitio . Este código está escrito por humanos. Sin embargo, lo leen las máquinas. ¿Por qué es esto relevante? Mucho de lo que un humano necesita para entender el código correctamente, un ordenador no lo necesita. Por lo tanto, los espacios, los comentarios, etc. no son necesarios para que tu sitio se construya correctamente. Aquí es 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: Tras resumir 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 dicha compresión GZIP, por ejemplo, a través de la memoria caché -Plugins, a través de la configuración manual en el .htaccess o tu hoster ya ha activado una 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 existe Plugins, que permite incluso a los profanos 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 tu Hosting le ralentiza. Esto no se refiere tanto a los requisitos de hardware para WordPress , sino más bien a ciertas tecnologías que muestran que un hoster incluso permite optimizarWordPress en consecuencia.

Como regla general se puede recordar que los performantes WordPress Hosting 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 un servidor compartido Hosting y un servidor dedicado (virtual).

Con Hosting compartido, usted comparte el servidor y su capacidad de procesamiento con otros sitios. Por lo general, de unas pocas docenas a unos pocos cientos. Con un servidor propio no tienes que compartir la potencia de cálculo con nadie. 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 los planes de alojamiento baratos 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 de carga erróneo

Un problema del que siempre se quejan herramientas como Google PageSpeed Insights es una orden de carga que bloquea la representación.

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 tus sitio , el tiempo de carga percibido es especialmente importante. Es decir, el tiempo que un visitante percibe en tus sitio 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 página sitio ya está completamente construida, aunque los cálculos se siguen realizando en segundo plano.

Especialmente importante para optimizar esta zona, conocida como Above the Fold, es optimizar el orden de carga. Esto significa dar prioridad a los contenidos y características que los visitantes de tu deben ver en el primer tamaño de pantalla.

WordPress  Rendimiento: Imagen del Above the Fold de raidboxes.de
La zona superior se muestra al visitante de raidboxes.de sin desplazamiento. Esto es lo que se llama Above the Fold. Para obtener más información, el visitante tiene que interactuar con sitio y desplazarse.

Esto se puede conseguir, por ejemplo, optimizando la secuencia de carga. Sin embargo, también existe Plugins, que garantiza que tu sitio cargue de forma más eficiente. Y sólo la zona visible. Lazy Load o a3 Lazy Load son ejemplos de ello Plugins. De este modo, el usuario siempre ve todo el contenido que necesita, pero el tiempo de carga de la página puede seguir beneficiándose de ello, sobre todo si se trata de un sitio con muchas imágenes sitio .

#8 Limpiar la base de datos

Además de las imágenes y los scripts, la base de datos tu también puede hacerse demasiado grande. También para esto hay herramientas prácticas que mantienen la base de datos tu agradable y delgada. Por ejemplo, el sitio web Plugin WP-Optimize.

#9 Pingbacks y trackbacks

Por defecto, WordPress interactúa con otras páginas que permiten pingbacks y trackbacks. Cada vez que se menciona tu sitio o uno de los artículos del blog de tus en tal sitio , se notifica automáticamente a tu sitio , lo que aumenta la carga de 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;
}
Ahora, cuando llega una solicitud 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 Entrega de Contenidos (CDN). Por ejemplo: "¿Un CDN hace que mi sitio sea más rápido para los visitantes en España?", "¿Por qué necesito realmente un CDN?", "¿Me recomendarías usar un CDN para mi blog o tienda?". Pero 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 bonito sobre este problema, que no puedo dejar de recomendaros.

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

A menudo, los usuarios temen 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 sobre 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 del tamaño tus sitio
  • 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, también podrá girar con sensatez los 10 tornillos de ajuste más importantes del rendimiento de WordPress . Y para los pasos de optimización más complejos, también hay expertos que pueden dar forma a tu sitio .

Artículos relacionados

Comentarios sobre este artículo

Escribe un comentario

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