Los 10 parámetros más importantes de su WordPress -Rendimiento

10 Min.
WordPress  Actuación: Los 10 tornillos de fijación más importantes

La web está repleta de consejos y trucos sobre cómo optimizar tu WordPress rendimiento. Lamentablemente, las explicaciones y evaluaciones de la pertinencia de los diversos entornos se quedan rápidamente en el camino. Les mostramos 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 WordPress Proyectos hemos alojado a unos 15.000. Se han acumulado muchos datos en el proceso. Y los clientes nos preguntan constantemente cómo pueden reducir aún WordPress Proyectos más el tiempo de carga de sus páginas. 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 puede optimizar rápida y fácilmente su WordPress rendimiento.

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.

WordPress -Sugerencias de optimización del rendimiento 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 sus usuarios, un menor tiempo de carga también trae Ventajas de la visibilidad de su oferta 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 mejorar el tiempo de carga de tu página 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 su página no tiene que ser solicitada al servidor web por el navegador primero y luego construida paso a paso. En su lugar, su página - completamente renderizada - se carga desde un caché.

La ventaja de este almacenamiento es obvia: WordPress no tienes que recalcular tu página cada vez que la llaman. Desde WordPress basado en el muy lento PHP, un cache es elemental aquí. Entre otras cosas, evita que PHP tenga que ser leído en voz alta.

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 elproveedores de hosting : Algunos proveedores de hosting - así también RAIDBOXES - ofrecen el almacenamiento en caché del lado del servidor. Esto significa que casi siempre puedes prescindir del almacenamiento en memoria cachéPlugins . Porque tu proveedor de hospedaje tiene el Configuración de la memoria caché ya se ha hecho cargo de ti.

Si ha establecido un caching de alto rendimiento, ya ha dado el paso más importante hacia un mejor WordPress rendimiento. Para más detalles, por favor, eche un vistazo a nuestro artículo sobre el Básicos de la caché en.

ebook: Mida el rendimiento de su sitio como un profesional

#2 WordPress ordenar - 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 instalado. Básicamente, cuanto menos Pluginscuanto más rápido sea la página. Por supuesto, cuanto más rápida sea la página. Plugins importante y sin ella no es posible, sin embargo, siempre debe comprobar de vez en cuando, que Plugins que realmente necesitas.

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

WordPress  Mejorar el rendimiento: La vista general de los plugins muestra exactamente cuántos Pluginsha instalado, activado y aún tiene que actualizar.
Su Plugin-La vista general muestra exactamente cuántos están Pluginsactualmente discapacitados. En principio, siempre debería haber un cero para "Inactivo". Si no, pregúntese exactamente: ¿necesito que la desactivada Plugin ¿Alguna vez?

Lo mismo se aplica aThemes: No necesitas más de uno.

El fondo es el siguiente: Cualquiera Pluginy todos Themeañaden código PHP a su página. Esto también se aplica a los discapacitadosPlugins. Esto hace que su sitio sea más voluminoso y por lo tanto más lento (y más vulnerable a los ataques). PHP es un lenguaje de scripts muy lento. Cuanto menos de esto esté presente, mejor.

A menudo ya no se necesitan Pluginsy Themeslos restos de pruebas de función y diseño. Por lo tanto, por un lado, tiene sentido 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 Livesitio . De esa manera no puedes apilar demasiadas Pluginsobras en primer lugar.

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

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" reducirá el tamaño del archivo de sus imágenes sin pérdida visible de calidad. Así que tu página apenas cambia, pero al mismo tiempo puedes reducir su tamaño significativamente mediante 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, reducir las imágenes debería ser uno de los primeros pasos en la optimización. Puedes hacer una optimización de la imagen manualmente, o puedes usar una compresión Plugin.

Usar uno Plugin es ciertamente la solución más conveniente. No sólo le Plugins permiten comprimir nuevas imágenes y sus miniaturas, sino que también toman automáticamente todas las imágenes existentes de su sitio. 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 en su sitio es generalmente archivos JavaScript y CSS. Muchos usuarios tienen un miedo especial a tocar estos archivos. Pero incluso sin experiencia en el 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:

  • Resume: 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 su página. 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 correspondiente Plugins ...hacer por ti.
  • Reducir: Los archivos CSS y JavaScript son líneas de código que permiten ciertas funciones y diseños en tu página. Este código está escrito por los 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. Los espacios, comentarios, etc. no son necesarios para construir su página correctamente. Ponga Plugins aquí cómo Autoptimización 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.
  • Compresivo: 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 la cachéPlugins, a través de la configuración manual en el .htaccess o su ya proveedores de hosting ha activado la compresión 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 Pluginshay legos que pueden optimizar CSS y JavaScript. En nuestro Artículos sobre optimización de CSS y JavaScriptle explicaremos más detalles y le presentaremos varios Plugins de ellos.

¡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, puede mejorar su WordPress rendimiento mediante el almacenamiento en caché, la optimización de imágenes, la optimización de CSS y JavaScript y la limpieza.

#5 Sin hospedaje todo es nada

Los primeros cuatro campos de optimización prometen reducir el tiempo de carga, pero pueden ser un esfuerzo desperdiciado si tu hosting te ralentiza. Esto significa que menos de los Requisitos de hardware para WordPress significar, sino más bien ciertas tecnologías que te muestran que una proveedores de hosting te permite optimizarWordPress 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 10 parámetros más importantes de su WordPress -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 WordPress usuario. Ya sea a través Pluginsde 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, su página 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 por la secuencia de carga correcta.

Si bien hay formas de optimizar el orden de carga Plugins, pero nuestra experiencia demuestra que estos no siempre son capaces de optimizar completamente su 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 Sobre el pliegue - optimizar el área visible de la página

Además del tiempo total de carga de su página, el tiempo de carga percibido decisivo. Así que el tiempo que un visitante de su 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 la página ya está completamente construida, aunque se sigan haciendo cálculos en segundo plano.

Especialmente importante para la optimización de esto como Sobre el pliegue es la optimización de la secuencia de carga. Esto significa que se priorizan los contenidos y funciones que sus 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 "Sobre el pliegue". 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 Pluginsestán aquellos que se aseguran de que su sitio cargue más eficientemente. Y sólo la zona visible. 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, especialmente si la página tiene muchas imágenes.

#8 Limpiar la base de datos

Además de las imágenes y los guiones, su base de datos también puede ser demasiado grande. De nuevo, hay herramientas útiles para mantener su base de datos agradable y delgada. 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 su sitio o una de sus entradas de blog se mencione en una página de este tipo, su sitio será notificado automáticamente - y la base de datos se sobrecargará.

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 su servidor - así que al final su ancho de banda es "robado". 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, añada estas líneas de código a su 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 le ayudará a entender mejor lo que se puede hacer con esta regla. Estas líneas indican qué dominios están autorizados para hacer hotlink con sus archivos. 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 solicitado NO está en la parte superior de su lista blanca, el servidor devolverá 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 proveedores de hosting (como por ejemplo RAIDBOXES )? En este caso, hay numerosas medidas de seguridadPlugins disponibles en el oficial WordPress Directorio de pluginsque impiden el hotlinking. Uno Pluginque ofrece esta función es por ejemplo Seguridad y cortafuegos All In One WP. Plugin Está activo en más de 800.000 WordPress páginas 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 si sus usuarios están geográficamente dispersos. Por ejemplo, si tienes clientes en Europa Central, América del Sur y Australia. Si su grupo objetivo principal se limita a un país, puede abandonar directamente un CDN para optimizar su WordPress rendimiento.

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

FREE DEV programa RAIDBOXES

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.

Por lo tanto, sólo puedo aconsejarles que se concentren primero en los "frutos colgantes" de la optimización. Con relativamente poco esfuerzo, ya puede hacer grandes progresos en la reducción de su tiempo de carga aquí. Y que aunque seas un lego 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:

  • Reduzca el tamaño de su página
  • 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 pueden poner su sitio a punto.

Artículos relacionados

Comentarios sobre este artículo

Escriba un comentario

Su dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con * marcado.