Los mejores complementos de rendimiento de WordPress para desarrolladores

Su sitio web de WordPress puede tener un diseño atractivo de todos los tiempos, pero si no aparece correctamente en un navegador, los visitantes pueden terminar frustrados. Como resultado, esto puede dañar su reputación, afectando negativamente su imagen de marca y, por lo tanto, su tasa de conversión.

Las técnicas de diseño web receptivo resuelven una serie de problemas de rendimiento, pero hoy en día no tiene mucho sentido enfocarse en la optimización para unas pocas pantallas, porque ahora las pantallas están disponibles en varios tamaños.

No siempre es necesario comprar servidores más potentes y gastar más dinero innecesariamente, ya que estas estrategias no salen bien al final. En su lugar, haga algo para evitar problemas de rendimiento en el futuro.

¿Por qué es importante el rendimiento del sitio web?

Lo más importante para un visitante que visita un sitio web son los beneficios percibidos. Para un visitante de un sitio web, nada importa más que el tiempo que tarda su sitio en cargarse.

En lugar de pensar en métricas vanas, como tener 100/100 en Google PageSpeed ​​Insights, es mejor pensar y comprender cómo un visitante experimenta la velocidad de su sitio web. Mientras que el primero es solo un número, el segundo es una métrica importante para la experiencia del usuario.

Ilya Grigorik, ingeniero de rendimiento web de Google, en redes de navegadores de alto rendimiento, describe las métricas para la percepción de la velocidad en humanos:

• 100 milisegundos ya que el tiempo de respuesta parece inmediato para un usuario;
• 100-300 milisegundos representan un retraso pequeño pero perceptible;
• 300 milisegundos - 1 segundo se perciben como "la máquina funciona";
• 1 segundo representa un retraso considerable para un usuario. Por lo tanto, un solo segundo de tiempo de espera es suficiente para interrumpir el flujo de pensamientos y es probable que el usuario comience a cambiar de mentalidad.

Si la experiencia del usuario (UX) en su sitio web de WordPress es negativa, está perdiendo clientes y, en última instancia, mucho dinero.

No se puede mejorar lo que no se mide. Si no se mide la velocidad de carga de su sitio web, probablemente no se detecte su desaceleración y los errores se seguirán acumulando.

Las razones de un sitio web lento son numerosas y, a veces, muy técnicas. En los aspectos técnicos más sensibles, las razones de la ralentización de un sitio web podrían ser el uso excesivo de recursos externos, el uso intensivo de JavaScript y CSS que bloquean la visualización, ya que no se procesan, o imágenes pesadas. En promedio, estos representan más del 60% del peso de una página web.

Los mejores complementos de rendimiento de WordPress

Estos son los mejores complementos de rendimiento de WordPress que pueden ayudarlo a identificar los factores que afectan el rendimiento de su sitio web. Sigamos leyendo.

1. Monitor de consultas

Con más de 60,000 instalaciones activas y una calificación promedio de 4.9 / 5, Query Monitor es un complemento de rendimiento de WordPress gratuito para desarrolladores y tiene como objetivo brindar soporte para la fase de depuración. Este es un complemento extremadamente útil, que detecta casi todos los tipos de errores que pueden ocurrir durante el desarrollo de WordPress.

Query Monitor agrega un menú a la barra de administración de WordPress y resalta toda la información de la consulta que pasa por WordPress. En el contexto de la depuración, puede encontrar mucha información útil, como detalles de solicitudes HTTP, consultas de bases de datos, Ajax, redirecciones y errores de PHP.

• Consultas realizadas en la base de datos: el complemento muestra todas las consultas ejecutadas en la página actual, destacando las consultas lentas, las consultas duplicadas y las consultas con errores. Además, permite filtrar las consultas por tipo (SELECCIONAR, ACTUALIZAR, ELIMINAR), por componente (dividido en núcleos, complementos y temas), así como por función.
• Hooks usados ​​en scripts: el complemento muestra todos los hooks ejecutados en la página actual, lo que permite filtrarlos de la misma manera que las consultas.
• Tema activo: el complemento proporciona información sobre el tema activo, como el nombre del archivo de plantilla actual.
• Errores de PHP: hay información mucho más detallada que la proporcionada por WordPress al asignar el valor verdadero a la constante WP_DEBUG en el archivo wp-config.php.
• Solicitudes HTTP: se proporciona una verdadera mina de información sobre las solicitudes HTTP, especialmente con respecto a las consultas de var, las consultas de reglas y las etiquetas de estructura de enlaces permanentes.
• Scripts y estilos: el complemento proporciona información sobre los scripts y estilos de la página, con sus dependencias y versiones.

Además, este complemento apunta a una serie de hojas de resumen que proporcionan todo tipo de datos útiles durante el desarrollo de WordPress.

2. Complete Analytics Optimization Suite (CAOS)

Si ha utilizado el código de seguimiento de Google Analytics y ha probado su sitio web a través de PageSpeed ​​Insights para comprobar qué piensa Google de la carga de su sitio web, habrá notado que le recomienda que habilite la compresión y especifique el caché para su código.

Afortunadamente, existe una solución y puede obtener esos números adicionales en la prueba de Google PageSpeed ​​Insights. Puede hacerlo utilizando el complemento Complete Analytics Optimization Suite (CAOS).

Este complemento de rendimiento de WordPress, que se utiliza para insertar el código de Analytics en WordPress, almacena el código JavaScript de Google Analytics localmente y lo minimiza. Esto significa que supera los requisitos de PageSpeed ​​Insights.

Además (y aquí viene el toque de genialidad), este complemento utiliza WordPress wp-cron para comprobar periódicamente si Google ha actualizado el código. Por lo tanto, siempre tiene la última versión de Analytics. Ahora no tiene ningún motivo por el que no desee instalar este complemento. ¡Apuesto!

3. perfmatters

Con perfmatters, puede realizar pequeñas mejoras en el rendimiento de WordPress reduciendo las solicitudes HTTP y el tamaño de la página web. Este complemento le permite habilitar / deshabilitar scripts por página / publicación. Por ejemplo, el popular Formulario de contacto 7 es adecuado para cargar en todas las páginas del sitio. Con Perfmatters, la carga se realiza solo en su página de contacto.

perfmatters se diferencia de otros complementos de caché de WordPress para aumentar la velocidad de WordPress porque adopta un enfoque diferente para mejorar el tiempo de carga de la página que otros complementos.

De forma predeterminada, WordPress tiene habilitadas ciertas opciones que no son necesarias para la mayoría de los sitios web y ralentizan el rendimiento. perfmatters hace posible desactivar estas opciones simplemente haciendo clic en algunos botones.

Otra cosa que tiende a ralentizar la carga de las páginas web son las solicitudes HTTP que no son necesarias. perfmatters le permite deshabilitar estos scripts por página, lo que significa que puede evitar que los complementos carguen código cuando no es necesario.

Por lo tanto, perfmatters es uno de esos complementos de rendimiento de WordPress que no solo mejoran la velocidad del sitio web, sino que también vale la pena instalarlo, incluso si ya tiene un complemento de almacenamiento en caché específico. En resumen, las principales características de Perfmatters se enumeran a continuación.

• Funciona con el complemento de caché existente
• Deshabilita las opciones predeterminadas de WordPress
• Deshabilita los scripts en cada página.
• Admite precarga de DNS

4. P3 (Analizador de rendimiento de complementos)

Con P3, puede realizar un escaneo del sitio web, que analiza el tiempo de carga de algunas páginas de forma aleatoria (inicio, publicación, categorías, etc.) para obtener valores uniformes. Al final, recibe un informe detallado, acompañado de gráficos interesantes y legibles, que le indican cuánto tiempo se utilizó realmente para cargar los diversos complementos instalados.

Tenga en cuenta que P3 no afecta el rendimiento de un sitio web, ya que escanea solo la página dedicada a él en WordPress y no en tiempo real. No se carga durante la navegación normal a través de las páginas de WordPress.

Puede encontrar su panel de control en Herramientas → P3 Plugin Profiler. Puede iniciar un escaneo haciendo clic en 'Iniciar escaneo' y luego en 'Escaneo automático' en la ventana que aparece.

Junto al botón 'Iniciar escaneo', puede encontrar algunos datos primarios como la cantidad de complementos activos, su tiempo de carga, su impacto en el tiempo de carga de la página y la cantidad de consultas MySQL ejecutadas. En la parte inferior, puedes encontrar una serie de tarjetas donde hay información detallada, en la mayoría de los casos en forma de gráfico.

Obviamente, no se puede confiar en estos datos. En este contexto, Tom Ewer realizó un análisis detallado para ManageWP y presentó una solicitud de aclaración en el foro de soporte. Demostró que P3, al ser un complemento normal, puede sufrir algunas imprecisiones debido a la ejecución de otros complementos o la carga del servidor (especialmente si se comparte).

No se trata de una gran mancha, sino de un cierto margen de error, que P3 está tratando de calcular. Sin embargo, el complemento es excelente para resaltar problemas de rendimiento relacionados con la presencia de extensiones.

Con los datos obtenidos de P3, puede reducir la cantidad de complementos activos, reemplazar o eliminar los particularmente pesados, obteniendo así un sitio web de WordPress más rápido.

En caso de que quieras analizar la carga de una página en particular o un grupo de páginas, puedes recurrir al escaneo manual.

Descargo de responsabilidad: P3 no se ha probado con las últimas tres versiones principales de WordPress, pero puede ser útil para los desarrolladores.

5. LazyLoad de WP Rocket

Carga diferida, que literalmente se puede traducir en carga diferida, permite cargar solo las imágenes que son visibles en la pantalla. De esta manera, ahorra una cantidad de solicitudes, tiempo de carga y ancho de banda cargando solo lo necesario en el momento deseado.

Este complemento funciona con miniaturas, todas las imágenes de contenido o widgets de texto, avatares y emoticonos.

Aquí está la lista de los mejores complementos de carga diferida de WordPress

LazyLoad de WP Rocket no requiere una biblioteca JavaScript como jQuery y el script pesa menos de 10KB. Este complemento es muy simple. No hay opciones de configuración extensas, ya que el complemento se encarga de todo.

Este complemento de rendimiento de WordPress fue creado por el equipo de WP Rocket y está integrado precisamente en el complemento WP Rocket. No se preocupe por el SEO porque el complemento inserta una imagen con el atributo src entre las etiquetas <noscript>.

6. Carga condicional de Disqus

Disqus Conditional Load (DCL) es un complemento freemium que ofrece funcionalidad avanzada al sistema de comentarios Disqus. El rendimiento de su sitio web de WordPress puede empeorar a medida que más personas escriban comentarios en su sitio web con Disqus. Este complemento proporciona opciones poderosas para modificar Disqus en áreas como carga diferida, widgets de comentarios, deshabilitación de scripts, etc.

DCL también proporciona códigos cortos, admite publicaciones personalizadas, ajusta el ancho del contenedor y habilita / deshabilita el script de conteo. Este complemento puede ayudarlo a mejorar la velocidad de carga de su sitio web de WordPress si cree que las páginas web se cargan lentamente debido al sistema de comentarios Disqus.

¡Terminando!

Directa e indirectamente, el rendimiento de un sitio web tiene un impacto innegable en la experiencia del usuario y el SEO. Desde la perspectiva del inbound marketing, también afecta el compromiso social y las tasas de conversión. Por lo tanto, debe tomarse en serio el rendimiento de su sitio web si desea ganar al cliente y convertirlo en efectivo.