Perfmatters WordPress Plugin

Los dos desarrolladores (y hermanos) que crearon Perfmatters coincidieron con un problema real en mente: los sitios lentos sufren un porcentaje alto de rebote, y tienen menos conversiones. Por ende, el plugin Perfmatters (por “performance matters“, ó “el rendimiento es importante”) nació para acelerar nuestro sitio de WordPress con muchas medidas diferentes. En esta nota, sus bondades más relevantes.

Buscando la simpleza

El componente Perfmatters fue creado para resultar fácil y práctico. Para empezar, olvidémonos de editar functions.php. Y sí, las optimizaciones son del tipo on/off, es decir que basta un clic para activarlas (o desactivarlas).

¿Por qué es tan bueno este plugin? Básicamente, nos permite deshabilitar todos aquellos scripts que podrían no tener uso. Quitar scripts que se encuentran cargados en nuestro sitio sin que presten ninguna funcionalidad es una excelente manera de acelerar WordPress.

Por ejemplo, sabemos que, de forma predeterminada, los emojis se cargan en cada Página/Entrada de nuestro sitio. Pero si no usamos emojis, ¿para qué queremos tal script ocupando recursos y ralentizando la carga del sitio? Pues lo desactivamos, y así ganamos una reducción del número total de solicitudes HTTP que hace nuestra web al servidor de hosting. Por ende, tamaño de Página más chica, y más rápida.

Limpia la base de datos

Sí, este plugin no podría jactarse de ser una solución integral si careciera de una herramienta para optimizar nuestra base de datos. Perfmatters limpia las tablas de revisiones, borradores automáticos, comentarios de spam y demás data transitoria ocupando espacio. Recordemos que todo fragmento de información huérfano enlentece nuestro sitio. Gracias a Perfmatters, podemos limpiar fácilmente esto e incluso establecer límites para evitar que vuelva a suceder. El componente nos garantiza una base de datos siempre rápida y ágil.

Inmediatez on/off

Como podemos ver en la captura superior, muchas opciones de Perfmatters se activan con un clic. Además, nos deja decidir en dónde correr los scripts según su necesidad (por Entradas, por Páginas, por URLs específicas, incluso por tipo de dispositivo). Un buen ejemplo de uso es con Contact Form, script que debería cargarse únicamente en el área de contacto.

Recomendamos realizar las siguientes prácticas para acelerar nuestro sitio WordPress en minutos:

● Deshabilitar scripts y activos innecesarios que quizás no se empleen. Ej.: emojis, incrustaciones, dashicons, etc.

● Deshabilitar (o limitar) el número de revisiones de publicaciones que WordPress almacena para evitar que nuestra base de datos crezca sin control.

● Cambiar el intervalo de guardado automático: mantengamos menos borradores automáticos modificando el intervalo de tiempo en que se realizan estos guardados, lo que disminuirá también la advertencia constante “hay una versión más reciente guardada”.

● Deshabilitar y optimizar la API de Heartbeat: Heartbeat es capaz de provocar un alto uso de CPU y producir una cantidad innecesaria de llamadas AJAX. Podemos desactivar Heartbeat para cambiar la frecuencia con que ausculta nuestro sitio ganando velocidad de nuestro servidor.

● Deshabilitar comentarios /URLs si no tenemos blog. También podemos evaluarlo para sitios con blog pero donde los únicos comentarios que nos dejan resultan SPAM. Otra opción es eliminar los enlaces de los comentarios previniendo que ciertas visitas dejen mensajes con el único propósito de obtener un backlink.

● Desactivar Google Maps. Sí, Google Maps es causante de lentitudes terribles y problemas de rendimiento en nuestro sitio. Pero Perfmatters nos deja deshabilitar Google Maps de forma selectiva para cargarlo solamente allí en donde lo usamos.

● Deshabilitar los fragmentos de carrito de WooCommerce (AJAX). La solicitud wc-ajax = get_refreshed_fragments puede causar grandes retrasos en la carga de sitios con WooCommerce. Recomendamos deshabilitar los fragmentos de carrito para acelerar muchísimo nuestra web.

● Botones Sociales: normalmente, los complementos para compartir en redes sociales sólo deben cargarse en las Entradas. Podemos deshabilitar fácilmente el script de todas partes para cargarlo en publicaciones personalizadas o bien únicamente dentro de un tipo de publicación.

● La función de carga desde la nube suele ser una causa importante de lentitudes de carga en sitios web. Ejemplo: si nuestro Tema usa Google Fonts, probablemente el sitio web va a tener un delay en su apertura. Sugerimos deshabilitar Google Fonts y siempre usar las fuentes natales del Tema.

Lazy Loading de Imágenes

Una función ya popular, dado que muchos plugins la incluyen. Y Perfmatters no es la excepción. La “carga diferida” se trata de retrasar la descarga de imágenes, videos o iframes hasta que nuestros usuarios se desplacen hacia abajo en la página (es decir, retrasar la carga de dichos elementos hasta que deban ingresar a la pantalla para que un usuario pueda verlos).

Para publicaciones y páginas con muchas imágenes o videos esta función resulta cabal: reduce el número de solicitudes al servidor que, caso contrario, ocurrirían todas juntas, a veces de manera innecesaria (por ejemplo, cuando el usuario ya encontró la información y no desplaza la ventana hacia abajo).

En pruebas ampliamente realizadas, se demostró que un sitio disminuye el tiempo de carga en un 33% promedio.

Estan son algunas de las funciones ligadas a Lazy-Loading que Perfmatters nos permite:

● Retrasar la carga de imágenes incluyendo aquellas que se emplean de fondo, retrasar iframes y también contenido de video (léase incrustaciones de YouTube, Vimeo, etc.).
● Reemplazar iframes por miniaturas de vista previa e icono de reproducción SVG que sólo cargará el video al hacer clic. Esta es la forma más rápida de cargar videos de YouTube.
● Perfmatters retrasa también imágenes del nuevo formato WebP.
● Monitoreo DOM para una mejor compatibilidad de desplazamiento infinito.
● Las pruebas demuestran que Perfmatters funciona mejor y más rápido que la carga diferida nativa de WordPress.

Mover el Login de WordPress

Como sabemos bien, la URL predeterminada en WordPress para acceder al Escritorio es /wp-admin/

Y no sólo lo sabemos nosotros: lo saben robots y hackers, que intentan ingresar a nuestro sitio vía dicha dirección. Por eso, cambiando sencillamente de URL el inicio de sesión de nuestro sitio, automáticamente combatimos un problema usual.

Pero no solamente previene un hackeo o ingreso mal intencionado: mover dicha URL también es un plan excelente para mejorar el rendimiento de nuestro sitio porque disminuye el número de robots que rastrean áreas comunes de su sitio ocupando recursos.

Para lograr esto ingresaremos a General → Login URL y colocaremos un nombre de carpeta a nuestro gusto.

Reescritura de CDN

Una CDN, Content Delivery Network o “red de entrega de contenido” ayuda a acelerar nuestro WordPress almacenando sus contenidos en diferentes servidores del mundo. Así, los mismos se descargarán desde el servidor más próximo a la geolocalización del usuario. El complemento Perfmatters nos ayuda a conectar un servicio de CDN a nuestro sitio de WordPress.

Características de la reescritura de CDN en Perfmatters:

● Tras ingresar nuestra URL de CDN, todos nuestros activos, imágenes, etc., se reescribirán para apuntar a dicha CDN.
● Podemos elegir cuales directorios de WordPress deseamos incluir.
● Podemos excluir tipos de archivo que no queremos reapuntar, e incluso ingresar recursos con cadenas.

Alojar localmente Google Analytics

No es algo menor, sobre todo cuando queremos que nuestro sitio tenga el puntaje más alto posible en GTmetrix y PageSpeed Insights. Una de las mejoras SEO tiene que ver con el script de Google Analytics. ¿Por qué? Porque dicho script es llamado desde nuestro sitio hacia la central de Google. Irónicamente, el script de Google mismo nos advierte sobre el almacenamiento en caché, pero esto se debe a que el mismo posee una expiración de encabezado de almacenamiento en caché HTTP muy corta.

Alojar Google Analytics localmente nos ayudará a acelerar nuestro sitio reduciendo la búsqueda de DNS adicionales. Al mismo tiempo, desaparecerá el problema de “aprovechar el almacenamiento en caché del navegador” de su script.

Cuando alojemos localmente el escript, se aplicarán automáticamente los encabezados de almacenamiento en caché HTTP de nuestra propia CDN o a nivel servidor de hosting. En suma, tendremos total control sobre el almacenamiento en caché del script.

La funcionalidad Perfmatters para Google Analytics incluye:

● Podemos escoger entre los cinco tipos de script: analytics.js (17 KB), gtag.js, gtag.js v4, minimal (sólo 1,5 KB) y mínimo en línea (inline).
● Podemos decidir desde donde se cargará el código, es decir entre eñ encabezado o el pie de página de nuestro sitio.
● Se nos permite anonimizar nuestra IP para fines de privacidad de datos y GDPR.
● Podemos dicidir si queremos (o no) guardar un registro y realizar un seguimiento de los administradores que han iniciado sesión.
● Podemos deshabilitar las funciones de visualización (previniendo una segunda solicitud HTTP).
● Se nos permite también ajustar la tasa de rebote de nuestro sitio para evaluar mejor la calidad de su tráfico. Esto es muy útil para blogs con contenido muy variado, en donde la visita lee una nota demorando un minuto o dos, pero luego no ingresa a otro enlace de nuestro mismo sitio.
● Perfmatters se integra con MonsterInsights para funciones de análisis adicionales, pero, a la vez, sin dejar de aprovechar la ventaja de un script alojado localmente.

Adición de código al Encabezado, Cuerpo o Pie de Página

En ciertas ocasiones ocurre que necesitamos agregar un código personalizado a nuestro encabezado, cuerpo o pie de página. Perfmatters también contempló esto y por suerte nos facilita esta acción.

La función de código de encabezado, cuerpo y pie de página incluye:

● Impresión del código directamente en el front-end. Esto incluye casos de etiquetas internas <style> de CSS en línea y JS <script> en línea.
● Se nos permite cargar un archivo JS o CSS.
● El código agregado al encabezado se imprimirá en la sección <head>…</head> de nuestro sitio.
● El código agregado al cuerpo se imprimirá debajo de la etiqueta de apertura de <body> del sitio.
● El código agregado al pie de página se imprimirá por encima de la etiqueta de cierre </body> de nuestro sitio.

Precarga de Recursos

La precarga utilizando atributos rel puede ayudar a acelerar la carga de scripts y recursos en nuestro WordPress. De hecho, emplear rel es recomendado por Google en ciertos casos. Gracias a Perfmatters podemos añadir fácilmente estos atributos rel en todo nuestro sitio, o en páginas seleccionadas o para ciertos dispositivos (escritorio o móviles).

● Habilitar Instant Page permite el prefetch automáticamente de las URLs en segundo plano después de que un usuario deslice el cursor sobre un enlace. Esto da como resultado tiempos de carga casi instantáneos.
● La precarga nos permite especificar recursos (como fuentes o CSS) que se necesitan de inmediato ni bien se carga página. Esto nos ayuda a corregir las típicas advertencias de “recursos de bloqueo de renderizado”.
● DNS prefetch posibilita resolver nombres de dominio (es decir, realizar una búsqueda de DNS en segundo plano) antes de que un usuario haga clic en un enlace. Esta es otra manera de ayudar a mejorar el rendimiento.
● Preconnect permite al navegador configurar conexiones tempranas antes de que ocurra una solicitud HTTP, eliminando así la latencia de ida y vuelta y ahorrando tiempo a los usuarios.

Retrasar y Diferir JavaScript

Nuevamente, volviedo a la advertencia de Google de “Eliminar los recursos de bloqueo de renderizado”, podemos encontrar que ciertos JS están obstaculizando la presentación en pantalla de nuestro sitio. Y Google mismo nos recomienda “diferir” tales JavaScripts hasta el momento de la interacción del usuario.

En la sección de Assets, haciendo scroll hacia abajo, encontraremos la posibilidad de lograr esto.

Tras activarlo podremos personalizar la funcionalidad a gusto:

● Agregar etiquetas de aplazamiento a todos nuestros archivos JavaScript para que los mismos se carguen una vez que ya se ha cargado todo el resto del contenido.
● Retrasar JavaScript en línea.
● Retrasar el núcleo de jQuery (opcional).
● Agregar exclusiones de aplazamiento de JavaScript con nombres de archivo, rutas de acceso o cadenas.
● Agregar exclusiones de aplazamiento de JavaScript por Página/Entrada en el editor de WordPress.
● Retrasar JavaScript hasta la interacción del usuario (desplazamiento, movimiento del ratón, etc.). Esto es ideal para fragmentos de carrito de WooCommerce y scripts pesados de terceros (como Google Tag Manager, Google Analytics, píxel de Facebook, Google Adsense y otros).
● Establecer un tiempo de espera que cargará los scripts después de un período de tiempo determinado por nosotros.

Soporta Multisitio de WordPress

Si administramos muchos sitios via el MultiSitio de WordPress nos interesará evaluar la licencia ilimitada de Perfmatters. La misma admite configuraciones multisitio de WordPress para trasladar fácilmente la configuración desde nuestro sitio predeterminado a todo el resto.

Costo de Perfmatters

Perfmatters tiene un valor de USD24.95 ANUAL para quienes deseen utilizarlo en un único sitio. Para tres sitios el valor es de USD54,95 ANUAL, y por último tenemos el plan ILIMITADO cuyo costo es de USD124.95, también ANUAL. (gratis para nuestros clientes con WP admin).

En el sitio oficial de Perfmatters encontramos los planes y su información completa.

Conclusiones

Después de haber probado Perfmatters y comprobado sus múltiples soluciones desde un único plugin, concluimos que este complemento debía formar parte de nuestro servicio WordPress Administrado junto con el resto de nuestros plugins PREMIUM favoritos. Perfmatters es un complemento de optimización de velocidad imprescindible para cualquiera que busque optimizar su sitio web.

Como hemos podido comprobar en esta nota, Perfmatters nos ofrece una cantidad enorme de características. Los desarrolladores detrás de este plugin trabajan con dedicación para mejorarlo aún más, y el servicio de atención al cliente es tan rápido como profesional.

Perfmatters resulta muy fácil de configurar y de personalizar, y el precio es excelente si ponemos en la balanza la cantidad de mejoras que trae. Quizás lamentamos que todos los planes sean anuales sin que exista uno que nos ofrezca licencia de por vida.

¿Dudas o consultas? ¡Escríbannos en los comentarios! Leemos y respondemos todos los mensajes. Éxitos, y gracias por leer.