Los 10 tornillos de fijación más importantes tus WordPress -Rendimiento

Torben Simon Meier Actualizado el 21.10.2020
10 Min.
WordPress  Actuación: Los 10 tornillos de fijación más importantes
Actualizado por última vez el 21.10.2020

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 especialmente importante: algunos usuarios se dejan llevar rápidamente por las sugerencias de optimización de herramientas como Google PageSpeed Insights disuadir. Déjeme decirle: No se gana la mayor parte del tiempo de carga con complicadas medidas de optimización, sino con métodos que son fáciles de implementar.

Sugerencias de optimización del rendimiento de WordPress de Google
Sólo unos pocos operadores laterales pueden hacer algo concreto con este mensaje. Por lo tanto, es especialmente importante que se concentre primero en los pasos de optimización simples y sólo en el segundo paso aborde las medidas más complicadas.

Por supuesto que la optimización del tiempo de carga no es un fin en sí mismo. Además de una mejor experiencia para tus usuarios, un tiempo de carga más corto también trae ventajas con la oferta de visibilidad en Google. Por lo tanto, esbozaré brevemente de qué se trata en realidad cada uno de los pasos de optimización para crear el contexto apropiado.

Así que teóricamente puedes trabajar de arriba a abajo y así mejorar el tiempo de carga paso a paso. Por cierto, los primeros siete puntos también se refieren a las típicas sugerencias de mejora de Google PageSpeed Insightsa la que nos referimos, por ejemplo, en este artículo con más detalle.

#1 Caching - 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 aplicación para los escondites:

  • Sobre el cachingPlugins: La mayoría de los usuarios utilizan un cachingPlugin, como W3 Caché total o WP Super Cache. A veces son más simples, a veces más complicadas de montar. En cualquier caso, aquí se requiere una cierta cantidad de trabajo manual.
  • Sobre el hoster: Algunos hoster, así también RAIDBOXES, ofrecen el almacenamiento en caché del lado del servidor. Esto significa que casi siempre puedes prescindir del plugins de caché. Porque tu hoster tiene la Configuración de la memoria caché ya se ha hecho cargo de ti.

Si has establecido un caching de alto rendimiento, ya has dado el paso más importante hacia un mejor rendimiento en WordPress. Para más detalles echa un vistazo a nuestro artículo sobre el Bases del caché en.

#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 sobrecargadaWordPress . Y como este punto de mejora no es mencionado por GooglePageSpeed Insights, viene directamente en segundo lugar en mi Top 10.

Una instalación sobrecargada WordPress significa en la mayoría de los casos: hay demasiados Plugins instalados. Básicamente, cuanto menosPlugins, más rápidositio... Por supuesto, son Plugins importantes y no puedes prescindir de Plugins ellas, pero siempre debes comprobar de vez en cuando para ver cuáles necesitas realmente.

Y: Deberías tener cuidado de Pluginsno simplemente desactivarlos, sino de borrarlos completamente.

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 se aplica aThemes: 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 ya no se necesitan plugins y temas y los restos de pruebas de función y diseño. Por lo tanto, es una buena idea por un lado, tu WordPress -Páginas que deben ser limpiadas regularmente y por otro lado deberías añadir nuevas características y diseños en un Ambiente de prueba y no en el sitio en vivo. De esa manera no puedes apilar demasiados restos de plugin en primer lugar.

#3 imágenes: el subestimado freno de tiempo de carga

Una de las medidas más efectivas y simples para reducir el tiempo de carga de la página es el redimensionamiento de las imágenes. Porque aquí se pueden guardar en parte grandes cantidades de datos. Con el llamado "compresión de imágenes sin pérdidas" el tamaño de tus archivos de imágenes se reduce sin pérdida visible de calidad. Esto significa que el sitio apenas cambia, y al mismo tiempo el tamaño de las imágenes puede ser reducido significativamente por la optimización de la imagen.

estimaciones de Archivos HTTP Según el estudio, las imágenes constituyen regularmente la mayor parte del volumen de datos de un sitio web. Por lo tanto, la reducción de las tus imágenes debería ser uno de los primeros pasos de optimización. Puedes optimizar las imágenes manualmente, o puedes usar 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 poco manejable, 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 del servidor web. Esto genera peticiones HTTP, que tienden a aumentar el tiempo de carga de tu sitio. Sin embargo, cuando se combinan los guiones, se reduce el número de archivos a cargar y, por lo tanto, el número de solicitudes. Por ejemplo, 53 solicitudes individuales se convierten en poco más de una docena. Por supuesto, el Plugins correspondientes ...hacer por ti.
  • Reducir: Los archivos CSS y JavaScript son líneas de código que permiten ciertas funciones y diseños en tu sitio. Este código está escrito por humanos. Pero es leído por las máquinas. ¿Por qué es esto relevante? Mucho de lo que un ser humano necesita para entender correctamente el código no lo necesita una computadora. Por lo tanto, no se necesitan espacios, comentarios, etc. para que la tu sitio se construya correctamente. Se establecen plugins exactamente aquí, como... Autoptimize en. 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 del archivo de las solicitudes individuales y el navegador las desempaqueta y las calcula. Esto es más rápido que el envío de paquetes de datos sin comprimir. Puedes establecer un Compresión GZIP por ejemplo a través de plugins de caché, a través de ajustes manuales en el .htaccess o tu hoster tiene una compresión ya activada en el lado del servidor.

Incluso sin el conocimiento de los guiones, es por lo tanto fácil de entender lo que las medidas individuales logran. Y para los tres pasos de trabajo también hay plugins básicos que pueden optimizar CSS y JavaScript. En nuestro Artículo sobre optimización de CSS y JavaScriptte explicaremos más detalles y te presentaremos 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 primeros cuatro campos de optimización prometen reducir el tiempo de carga, pero puede ser una total pérdida de tiempo si tu hosting te ralentiza. Esto significa que menos de la Requisitos de hardware para WordPress, sino más bien ciertas tecnologías que te muestran que un hoster te permite optimizar WordPress en consecuencia.

Como regla general, puedes recordar que el actor WordPress Hosting debería 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 un servidor (virtual) dedicado.

Con el alojamiento compartido, compartes el servidor y su potencia de cálculo con otros sitios. Normalmente de unas pocas docenas a unos pocos cientos. Si tienes tu propio servidor, no tienes que compartir el poder de computación con nadie. Así que ofrece la ventaja de la seguridad de rendimiento.

Aunque un servidor propio no es sinónimo de más rendimiento, la experiencia demuestra que especialmente las tarifas de alojamiento barato, que sólo cuestan unos pocos euros al mes, no pueden competir con los servidores virtuales en términos de rendimiento.

Los puntos más finos - menos poder de penetración, 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 Bloqueo de Renderización - orden equivocado al cargar

Un punto que herramientas como Google PageSpeed Insights critican repetidamente 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 de tu sitio, el tiempo de carga percibido decisivo. Así que el tiempo que un visitante tus sitio percibe como tiempo de carga. Este tiempo de carga percibido puede ser acortado con algunos trucos. Por ejemplo, el usuario tiene la impresión de que ya sitio está completamente construido, aunque se siguen haciendo cálculos en segundo plano.

Especialmente importante para la optimización de esto como Above the Fold es la optimización de la secuencia de carga. Esto significa que se da prioridad al contenido y las funciones que los visitantes deben ver en el primer tamaño de pantalla.

WordPress  Actuación: Ilustración de "Above the Fold" por raidboxes.de
La zona superior está reservada para los visitantes de raidboxes.com se muestra sin desplazamiento. Este es el llamado "Above the Fold". Para el resto de la información el visitante tiene que interactuar con la página y desplazarse.

Puede lograrlo, por ejemplo, optimizando la secuencia de carga. Pero también están Pluginslos que se aseguran de que las cargas sean más tu sitio eficientes. Y sólo el área visible en cada caso. carga perezosa o a3 Carga perezosa son ejemplos de elloPlugins. De esta manera, el usuario siempre obtiene todo el contenido que necesita, pero el tiempo de carga de la página aún puede beneficiarse de ello, especialmente si tiene muchas imágenessitio .

#8 Limpiar la base de datos

Además de las imágenes y los guiones, tu base de datos también puede ser demasiado grande. También hay herramientas prácticas para esto, que mantienen tu base de datos agradable y liviana. Por ejemplo, el plugin Optimización del WP.

#9 Pingbacks y trackbacks

Por defecto, interactúa WordPress con otras páginas que permiten pingbacks y trackbacks. Cada vez que se sitio menciona tu sitio una entrada en un blog tus en uno de estos sitios, el sistema tu sitio le notifica automáticamente - y así pone una carga adicional en 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 Prevenir el hotlinking

Hotlinking significa que alguien se conecta directamente a una imagen en tu servidor, al final, esto roba ancho de tu banda. En un servidor web Apache, puedes evitar el hotlinking añadiendo el siguiente código al 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, agregua estas líneas de código a tu archivo wp-config de NGINX:

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 hotlinking, por ejemplo, si todavía quieres proteger los archivos pdf, la línea de código se verí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 yoursite.com con todos los subdominios, así como Google, Bing y Yahoo.

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

¿No tienes acceso a wp-config?

Te preguntas qué puedes hacer si los cambios en la configuración del wp no son posibles para tu hoster (como por ejemplo RAIDBOXES )? En este caso, hay numerosos plugins de seguridad disponibles en el oficial Directorio de plugins de WordPressque impiden el hotlinking. Un plugin que ofrece esta función es por ejemplo Seguridad y cortafuegos All In One WP. Plugin Está activo en más de 800.000 sitios de WordPress y tiene una calificación media de 4,8 de 5 estrellas (de casi 1.000 reseñas).

"¿Y qué hay de CDN?"

Una de las preguntas más frecuentes es sobre un CDN. Por ejemplo: "¿Un CDN hace que mi sitio sea más rápido para los visitantes en España?", "¿Por qué necesito un CDN?", "¿Recomendaría 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.

El desarrollador de WordPress Ernesto Ruge por cierto, un muy buen artículo ...que sólo puedo recomendarle.

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

A menudo los usuarios temen tocar esas zonas en las que se puede ahorrar tiempo de carga con especial facilidad. O descuidan estas áreas. Otros, en cambio, como el CDN, aparecen una y otra vez durante las consultas, aunque normalmente no tienen ningún efecto en el tiempo de carga de las páginas.

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 PageSpeed Insightsinquietes por los consejos de herramientas como Google.

Porque en su núcleo, la optimización del tiempo de carga es sólo en unas pocas áreas:

  • Reducción de 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 has entendido esto, entonces también puedes girar sensatamente los 10 tornillos de ajuste más importantes de la WordPress actuación. Y para pasos de optimización más complejos, también hay expertos que tu sitio pueden hacer que las cosas se muevan.

Artículos relacionados

Comentarios sobre este artículo

Escriba un comentario

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