Un sitio web lento no sólo provoca la insatisfacción de los visitantes, sino que también perjudica tu posicionamiento en Google. En este artículo, te mostraremos cómo optimizar la velocidad de tu página de WordPress. Nos centraremos principalmente en consejos y trucos menos comunes que se pueden utilizar para ajustar el sitio web tu WordPress en términos de velocidad de página.

Importante: los valores PageSpeed de Google no se corresponden con el tiempo de carga real. Un sitio web WordPress también puede cargarse rápidamente, pero no estar perfectamente optimizado (es decir, no tener valores PageSpeed perfectos). Por tanto, una puntuación perfecta en Google PageSpeed Insights no debe ser necesariamente el objetivo. En su lugar, es importante probar diferentes cosas y filtrar las medidas y tornillos de ajuste que realmente tienen un impacto notable en el tiempo de carga del sitio web tus WordPress.

Antes de la optimización: Medir la velocidad

Antes de empezar a optimizar la velocidad de tu página de WordPress, debes saber cómo funciona actualmente tu en términos de optimización del rendimiento. Cuatro valores son decisivos para tu Audit:

• La Primera Pintura de Contenido (FCP) indica la rapidez con la que se muestran los primeros elementos en sitio . Básicamente mide el tiempo de carga percibido y es especialmente importante en la optimización.
• La Mayor Pintura de Contenido (LCP) expresa el tiempo que tardan en cargarse los elementos restantes del contenido principal de un sitio después del primero.
• El Retraso en la Primera Entrada (FID ) mide el tiempo que transcurre antes de que los visitantes puedan interactuar realmente con tus sitio .
• Lo ideal es que el Desplazamiento acumulativo del diseño (CLS ) sea siempre cero. El valor corresponde a los desplazamientos del diseño que, por ejemplo, hacen que los usuarios pulsen el botón equivocado.

A diferencia del Tiempo hasta el primer bocado (TTFB) -el tiempo desde la primera petición hasta la respuesta del servidor-, estos valores están centrados en el usuario. No están orientados exclusivamente al rendimiento de WordPress. Esto significa que están menos determinados por medidas como el almacenamiento en caché (del lado del servidor ) y el alojamiento adecuado de WordPress. En cambio, lo que importa es que construyas las páginas tu de forma inteligente. Por ejemplo, deben cargarse en el orden correcto, pero hablaremos de ello más adelante.

Si quieres medir la velocidad del sitio web tus WordPress, hay varias herramientas en línea disponibles, entre ellas:

• Google PageSpeed Insights
• GTmetrix
• Lighthouse (extensión para Google Chrome)
• WebPageTest

Google y GTmetrix te ofrecen aquí un WordPress PageSpeed Insights extremadamente detallado. Sin embargo, sólo WebPageTest mide también el tiempo de carga percibido. Puedes averiguar en qué debes fijarte cuando utilices esta herramienta algo más compleja en nuestro artículo WebPageTest: Analizar el rendimiento del sitio web tu .

¿Qué es una buena velocidad de página?

Todas las pruebas sirven de poco si después no sabes cómo clasificar los resultados. Por tanto, antes de pasar a los consejos de optimización, te diremos la respuesta a la pregunta: ¿Qué valor de velocidad de página es realmente bueno? Echaremos un vistazo rápido a Google PageSpeed Insights y GTmetrix.

Importante: Si tus también incluye un blog o una revista, siempre debes medir la velocidad de página de al menos un artículo además de tus . Además, debes poner la Velocidad de Página en relación con el tipo de sitio web del que se trate. Con un blog sencillo, es mucho más realista alcanzar valores ideales de PageSpeed que con un sitio web de diseño elaborado con funcionalidades ampliadas.

Google PageSpeed Insights

El PageSpeed Insights, que proporciona la herramienta de Google, se refiere menos a los tiempos de carga reales que al grado de optimización. Para probarlo, simplemente introduce tu URL (por ejemplo, tu página de inicio o una subpágina de la revista o blog). Google te mostrará entonces un resultado de prueba para la versión móvil de sitio por defecto. Sin embargo, también puedes cambiarlo por una versión para escritorio.

Los resultados del rendimiento son fáciles de entender y están codificados por colores según el sistema del semáforo:

• Rojo = de 0 a 49 puntos = deficiente
• Naranja = 50 a 89 puntos = medio
• Verde = de 90 a 100 puntos = bueno

En la práctica, sin embargo, la interpretación no es tan sencilla. Entre otras cosas, no es absolutamente necesario alcanzar un valor en el rango verde para que la web tu cobre impulso.

En su lugar, puedes recordar como regla general: En móvil, deberías estar al menos en el rango naranja; cualquier cosa por encima de un valor de unos 70 ya es buena. Para el escritorio, puedes aspirar sin duda al rango verde, pero tampoco es necesario que tengas 100 puntos.

GTmetrix

GTmetrix también es una herramienta relativamente sencilla, pero mide principalmente el tiempo de carga real del sitio web tus . Atención: debes registrarte gratuitamente antes de la medición y cambiar el lugar de la medición de Vancouver a Londres.

Alternativamente, puedes comprobar la velocidad del sitio web tus con nuestro Test de velocidad de WordPress. Sólo tienes que introducir la URL tu y nuestros expertos en WordPress comprobarán la velocidad del sitio web WordPress tus por ti. Después de un máximo de 48 horas, recibirás un correo electrónico con todos los detalles de la prueba y el resultado completo de la medición GTmetrix con todos los datos de rendimiento relevantes (incluido Core Web Vitals).

La regla general es Deberías conseguir al menos una calificación B.

Optimizar la velocidad de la página de WordPress: 5 consejos

Si realmente quieres optimizar la velocidad de tu página de WordPress de forma eficaz, debes asegurarte de que las medidas de tu dan sus frutos en uno de estos cuatro parámetros centrales:

• Reduce el tamaño del sitio web tus
• Reduce el número de peticiones HTTP
• Comprime paquetes de datos
• Optimiza el tiempo de carga percibido

Nuestro consejo: siempre debes concentrarte primero en la "fruta al alcance de la mano" y, por ejemplo, activar el almacenamiento en caché (plugin o del lado del servidor), reducir HTML, CSS y JavaScript, limpiar tu WordPress u optimizar las imágenes de tu para WordPress. Un alojamiento rápido para WordPress también garantiza que la tecnología no te ralentice con todas las optimizaciones.

En general, hay muchas medidas fáciles de implementar con las que puedes acortar el tiempo de carga del sitio web tus WordPress. Ya te hemos resumido los aspectos básicos en varios artículos y, por supuesto, no queremos privarte de ellos aquí:

• Optimiza WordPress con los 10 tornillos de ajuste más importantes
• Haz que WordPress sea más rápido: Los mejores consejos para un mayor rendimiento
• PageSpeed Insights y la importancia de la velocidad del sitio web
• ¡Cállate Google PageSpeed! Corregir los mensajes de error más importantes

¿Ya has ajustado todo lo básico? Entonces ahora te contaremos cinco consejos y trucos adicionales que puedes utilizar para ajustar la velocidad de tu página de WordPress.

#1 Anticipar solicitudes DNS

La mayoría de los sitios web contienen código de terceros. Los vídeos suelen proporcionarse a través de alojamientos de vídeo independientes (por ejemplo, a través de YouTube o Vimeo). Probablemente también hayas integrado servicios como Google Maps o feeds sociales de Instagram y compañía en tus . En pocas palabras, todos estos servicios deben cargarse desde el servidor externo del proveedor externo mediante peticiones DNS para poder funcionar. Esto lleva cierto tiempo y significa que tu puede cargarse más lentamente.

Una forma de ahorrar tiempo y optimizar la velocidad de tu página de WordPress es la precarga de DNS. En este caso, las consultas DNS ya se realizan en segundo plano en sitio antes de que los usuarios hagan clic en el enlace correspondiente, por ejemplo un vídeo. De este modo, la búsqueda DNS ya se ha realizado y se acorta el tiempo de espera de los usuarios. El resultado: una experiencia de usuario mejorada y más velocidad de la página.

Puedes configurar la precarga de DNS con un plugin de rendimiento de WordPress como Perfmatters o WP Rocket.

#2 Reducir el contenido externo

Es incluso mejor para la velocidad de tu página de WordPress que reduzcas al máximo el contenido externo. Si te encuentras con este mensaje de error, es mejor que reconsideres si realmente necesitas todo lo que actualmente está integrado en tus a través de servicios externos.

Si es así, también puedes utilizar la carga perezosa para mostrar parte del contenido sólo cuando el visitante del sitio web se desplace realmente hasta el lugar donde está integrado en sitio . Esto puede hacerse con plugins como a3 Lazy Load. Esto es posible, por ejemplo, con plugins como a3 Lazy Load.

#3 Optimiza tu Fuentes

A primera vista, las fuentes no parecen ser un gran devorador de rendimiento, pero sin duda pueden perjudicar la velocidad de tu página. Esto ocurre siempre que, como Google Fonts, vienen acompañadas de grandes hojas de estilo que primero tienen que cargarse externamente o integrarse localmente.

Una solución es utilizar fuentes web seguras o fuentes de sistema como Arial, Helvetica o Verdana, que están preinstaladas en todos los dispositivos. Proporcionan el mejor tiempo de carga y no causan problemas a RGPD. Si actualmente utilizas dos o más fuentes, también deberías considerar si puedes reducirlas.

Si no quieres utilizar fuentes web seguras, debes añadir el atributo de visualización de fuentes swap. De esta forma, tu sitio siempre cargará primero una fuente segura del sistema y cambiará a tu más tarde. Normalmente, esto ocurre tan rápido que los visitantes del sitio web ni siquiera notan el cambio.

La mayoría de los plugins de rendimiento y almacenamiento en caché incluyen esta función. Sin embargo, también puedes insertarla manualmente en los archivos CSS tu Themes. Busca la regla @font-face y añade el atributo"font-display: swap;".

#4 Dar prioridad al contenido visible

La velocidad de la página no sólo viene determinada por las cifras desnudas, sino sobre todo por lo que experimentan los usuarios: el tiempo de carga percibido. Si quieres optimizar la velocidad de tu página de WordPress, debes concentrarte en la zona "por encima del pliegue", es decir, lo que es visible sin desplazarse.

Debes dar prioridad al contenido visible y a las funciones que están directamente en la pantalla de los visitantes de tu cuando acceden a sitio . Esto significa que lo ideal es que el navegador reciba primero la información que necesita cuando se llama a un sitio web, para mostrar la zona visible lo más rápidamente posible.

En la práctica, sin embargo, los recursos que no se necesitan hasta más tarde suelen bloquear la renderización en la zona visible de sitio. Para solucionar esto y mejorar el tiempo de carga percibido, tienes varias opciones:

• Introduce la priorización: Aquí determinas qué debe cargarse primero. Por ejemplo, puedes dar prioridad a las imágenes y cargarlas sólo cuando el contenido se haya consultado completamente (lazy loading).
• CSS- und JavaScript-Dateien nach unten verlegen: JavaScript und CSS im Head der Seite können das Rendering im sichtbaren Bereich blockieren. Am besten verlegst du daher alles, was du zum Beispiel an Skripten und CSS-Dateien nicht sofort benötigst, ganz nach unten auf deine Seite vor das abschließende </body>. Falls das nicht geht, kannst du CSS und JavaScript auch asynchron laden lassen.

#5 Desactiva las funciones de WordPress que no utilices

Por defecto, WordPress tiene activadas algunas funciones que probablemente no necesites. Sin embargo, siempre se cargan en segundo plano y ralentizan tu . Si quieres llevar la velocidad de tu página al siguiente nivel, deberías comprobar siempre si puedes desactivar las funciones que no utilices.

Estos incluyen, entre otros:

• Pingbacks: Por defecto, WordPress interactúa con otros sitios web que permiten pingbacks y trackbacks. Si no necesitas esta función, deberías desactivarla.
• Revisiones: WordPress crea automáticamente revisiones de todas tus entradas. Esto puede ser útil, pero con el tiempo crea mucha basura de datos que hace que tu sea lento. Por tanto, es mejor limitar el número de revisiones.
• Emojis: Desde la versión 4.2, los emojis forman parte del núcleo de WordPress. Por lo tanto, siempre se cargan cuando alguien llama a sitio , independientemente de si realmente se utilizan. Esto cuesta un valioso tiempo de carga.
• Gravatar: Gravatar envía solicitudes a servidores externos en EE.UU. cada vez que se hace un comentario, lo que ralentiza el rendimiento del sitio web tus y también es difícil en términos de protección de datos.

Aunque éstas y otras funciones similares tienen un impacto mínimo en la velocidad de carga de tu individualmente, colectivamente pueden marcar una diferencia real. Al desactivarlas, reduces el número de peticiones HTTP y, por tanto, uno de los cuatro parámetros principales para la optimización de la velocidad de las páginas de WordPress tu . La mayoría de estas funciones básicas de WordPress que no se utilizan se pueden desactivar con unos pocos clics utilizando Perfmatters o WP-Optimize.

Conclusión: PageSpeed no lo es todo

En resumen, más allá de lo básico -como activar la caché, confiar en un alojamiento rápido o solucionar el problema de los plugins- también hay una serie de ajustes que puedes afinar para aumentar la velocidad de tu página de WordPress.

Con todo, nunca debes dejar que la puntuación de Google PageSpeed Insights te vuelva loco. Aunque revela el potencial de optimización y te proporciona una buena orientación, no es en absoluto la medida de todas las cosas. Morder la bala en busca de un 100 perfecto sobre 100 puntos también puede ser una pérdida de tiempo.

No todas las optimizaciones tienen siempre sentido en casos concretos, especialmente con un sistema de gestión de contenidos tan extenso como WordPress. Por tanto, es mucho más importante que compruebes y optimices el tiempo de carga real y percibido de tu sitio web tus .

Preguntas frecuentes sobre WordPress Page Speed

¿Qué influye en el tiempo de carga de un sitio web?

Hay muchos factores que influyen en el tiempo de carga de un sitio web. Entre los más importantes están el tamaño del sitio web, el número de peticiones HTTP, la compresión de los paquetes de datos y la optimización del tiempo de carga percibido. La base para un buen tiempo de carga es siempre un alojamiento WordPress potente y rápido.

¿Cuánto tiempo puede cargar un sitio ?

Los estudios demuestran que los usuarios de móviles, en particular, simplemente dejan de cargar sitio desde tiendas online si tarda más de tres segundos. Lo ideal es que el tiempo de carga no supere los dos segundos.

¿Qué importancia tiene la velocidad de la página?

La velocidad de la página, es decir, la velocidad de carga del sitio web tus , puede decidir si los usuarios se comprometen contigo y con tu negocio o abandonan el sitio web tu antes de tiempo. Tiene una influencia significativa en la experiencia del usuario y también afecta a la clasificación en Google del sitio web tus . Además, la tasa de conversión de tu se ve afectada en el peor de los casos por tiempos de carga demasiado largos.