Reseña Honesta sobre Perfmatters

Siempre ha existido una gran preocupación por el tiempo de carga de los sitios pero esto ha aumentado recientemente con la implementación de Core Web Vitals.

Uno de los productos que te pueden ayudar a mejorar la velocidad de tu sitio web es PerfMatters.

PerfMatters es un plugin de optimización para WordPress que permite remover algunas cosas innecesarias de tu sitio o de una pagina especifica, además cuenta con una serie grande de optimizaciones.

¿Cuánto Cuesta PerfMatters?

El precio de Perfmatters es $25 anuales con lo que puedes recibir soporte y actualizaciones por un año para un solo sitio.

Sin embargo el plugin se puede distribuir en el resto de tus sitios sin ningún problema, por lo que tengo instalado PerfMatters con licencia activada en mi sitio principal mientras que los otros están operando sin licencia en este momento.

El detalle de esto es que en el caso de una actualización, tengo hacer una actualización manual en vez de una automática. Un proceso bastante sencillo que se realiza desde tu escritorio de WordPress.

La renovacioń de PerfMatters tiene un 15% de descuento por lo que el segundo año estarás pagando alrededor de $21 por el plugin.

¿Comó esta Estructurado PerfMatters?

La estructura de PerfMatters en este momento se compone de siete importantes categorías que encontrarás en el menú del plugin.

Este es una breve descripción de las optimizaciones

  • En la pestaña General vas a encontrar una gran variedad de pequeñas optimizaciones, muchas de las cuales se pueden implementar mediante Code Snippets. También encontrarás la opción de cambiar el nombre de la página de acceso y así evitar ataques de fuerza bruta.
  • La pestaña de Assets es la pestaña que controla el Script Manager, una de las mejores funciones que tiene PerfMatters. Tambien puedes cargar los scripts de forma diferida y retrasar la ejecución de todos o ciertos scripts. Tambien puedes agregar código a la cabeza o pie de pagina del sitio.
  • La pestaña llamada preloading es una pestaña que raramente uso, la puedes usar para cargar las paginas instantaneamente pero eso no tendra un impacto en los test de velocidad pero si en la velocidad percibida por los visitantes. El precargar o preconectar pueden resultar para mejorar la velocidad de carga de consultas externas.
  • La pestaña de Lazy loading es una pestaña que puede ser util para que la velocidad de carga no se vea afectada por Iframes, Videos o imagenes, sin embargo esta es una funcion que es parte del core de WordPress por lo que el agregar esos recursos below the fold es la mejor politica de contenido que he podido implementar.
  • La opción de Google fonts es una buena para quienes usan Google Fonts pero, si no usas Google Fonts, esta funcionalidad no merece nada de tu tiempo.
  • La opción de CDN es muy útil si usas una red de contenido global como BunnyCDN pero no lo necesitas si usas CloudFlare por lo que yo nunca he hecho uso de esa funcionalidad.
  • La sección de Google Analytics es para reducir el impacto de ese código, sin embargo es mejor retrasar la ejecución del mismo usando el mismo PerfMatters, WPRocket o Flying Scripts

Estas son dos pestañas adicionales que puedes encontrar en Perfmatters

  • La sección de Tools o Herramientas tiene opciones para realizar una limpieza general de la base de datos y opciones para exportar e importar la configuración
  • La sección llamada licencia tiene únicamente el espacio para agregar la licencia

Ahora veamos cada una de las categorías principales de PerfMatters

Opciones Generales en Perfmatters (1)

Las opciones generales en PerfMatters son muy prácticas ya que son muchas y aplicarlas por medio de code snippets requiere algo de trabajo.

También tiene la opción de mover la página de inicio

Nota: Estoy considerando aplicar las recomendaciones por medio de code snippets.

Detener Scripts Perfmatters (2)

Yo no soy fan de usar muchos plugins cuando la web que tengo se enfoca en la creacioń de contenido, solo uso un plugin si creo que es estrictamente necesario por lo que ninguno de mis sitios tiene más de 12 plugins.

Habiendo dicho eso, en ocasiones un plugin añade algo de código a todas las páginas de mi sitio a pesar que se usa únicamente en ciertas paginas.

Yo uso H5P, un plugin de quizzes en uno de mis sitios y este plugin agrega un script en cada página a pesar que solo tengo ejercicios en 35 de las 600 publicaciones.

Gracias a PerfMatters, puedo remover ese script de las páginas donde este no es requerido.

Nota: La opción de remover scripts es oro en Perfmatters. Sustituir esta funcionalidad requiere algo de trabajo

PerfMatters y el Delay JS Execution (2)

Una de las nuevas funciones que tiene PerfMatters es la posibilidad de atrasar la ejecución del Javascript

Si tienes el código de Adsense o de Google Analytics o algún otro servicio que ejecute algo de JavaScript, lo puedes atrasar mediante el uso de esta nueva funcionalidad de PerfMatters.

Esta funcionalidad contribuye a mejorar los resultados de Core Web Vital, sin embargo los reportes dentro de Google Search Console detectan los problemas que se intentan maquillar ya que los resultados de core web vitals encontrados en Google Search Console se basan en la experiencia de visitantes reales.

PerfMatters recientemente agregó la funcionalidad de remover el CSS no usado.

He usado esa nueva opción y les puedo decir que vale la pena.

Con el CSS no necesario, tienes la opción de remover, cargarlo de forma asincrónica o retrasar su carga.

Yo estoy usando la opción de remover que es la menos segura de las tres.

Si tienes conocimientos básicos sobre CSS, puedes remover y excluir la hoja de estilos o selectores que no se deben remover.

Nota: Esta es parte del plugin que me resulta bastante útil yo uso la opción para diferir scripts y retrasar algunos. Antes retrasaba los anuncios de Google pero ahora los dejo cargar tan pronto como sea posible.

PerfMatters y la Precarga (3)

La primera vez que escuché sobre la precarga de contenido para mejorar la velocidad percibida por el usuario fue con el plugin Flying Pages de WP SpeedMatters.

Ahora PerfMatters tiene eso incorporado en su plugin.

La precarga no mejora el tiempo de carga, es simplemente para que el visitante de tu sitio perciba que la página carga de forma rápida.

En esta sección también encontrarás opciones para implementar la precarga y la preconexión.

Nota: Yo no uso Instant Page porque agrega un script, tambien he probado “Preload, Preconnect y DNS Prefetch” pero no he notado mejoras significativas.

Lazy Loading en PerfMatters (4)

Esta es una opción que no me sirve absolutamente de nada ya que yo prefiero agregar videos, imagenes, Iframes y otros en la parte inferior de cada publicación (below the fold)

Para las personas que usan muchos medios en sus publicaciones quizás pueden ver los beneficios de tener estas opciones

Nota: Mi interés es que mis sitios carguen rapido y que los anuncios se vean por lo tanto, la sección llamada “above the fold” tiene texto únicamente. Vivo y puedo seguir viviendo sin Lazy Loading.

Deshabilitar el Uso de Google Fonts (5)

Uno de los mejores consejos de optimización que puedo darte es que trates de no usar Google Fonts en tu sitio.

Las fuentes de Google reduce el desempeño de tu página en 20 puntos menos en Google Page Insights según mi propia experiencia.

PerfMatters permite remover completamente las fuentes de Google de tu sitio

También tiene la opción de cargar de hospedar los Google Fonts de manera local

Nota: Mi interés es que mis sitios carguen rapido, con el tiempo he perdido interés en usar Google Fonts.

CDN en Perfmatters (6)

La pestaña llamada CDN es una pestaña que nunca he usado ya que la red de contenido global que uso es CloudFlare

Esta funcionalidad es perfecta si usas un CDN como Bunny.net

Esta es una funcionalidad que en este momento puede desaparecer y no me haría falta. No se cual será el porcentaje de usuario que la utiliza.

Google Analytics en Perfmatters (7)

Uno de los problemas que surgen con la instalación de Google Analytics es que este agrega un script en cada una de las páginas de tu sitio.

Con PerfMatters puedes implementar la funcionalidad de Google Analytics de manera local.

Con esta estarías mejorando el rendimiento de tus sitios en los diferentes test de velocidad.

Google Analytics - PerfMatters

Yo prefiero retrasar la ejecución de scripts antes que usar modificar lo que sea del código de Google Analytics

Limpieza de la Base de Datos (8)

La limpieza de la base de datos se puede realizar con muchos plugins inclusive con plugins gratuitos pero valoro que este plugin tenga esta función.

El plugin permite programar la limpieza de revisiones, borradores, papelera, comentarios spam y la optimización de las tablas de la base de datos.

PerfMatters - Limpieza de la Base de Datos

PerfMatters vs WP Rocket

WP Rocket quiere posicionarse como la mejor opción para incrementar la velocidad de tu sitio por lo que esta adoptando algunas funcionalidades de otros plugins.

Hay funcionalidades tales como:

  1. Páginas Instantáneas
  2. Limpieza de Base de datos
  3. Deshabilitar Incrustados
  4. Deshabilitar Emojis

WP Rocket esta implementando algunas funcionalidades de PerfMatters por lo que WP Rocket puede convertirse en una amenaza para PerfMatters.

Tip: Desactiva tu plugin de cache, haz la minificación con CloudFlare, usa el full page caching de CloudFlare y activa cuanta función necesites de PerfMatters y tendrás un sitio super rápido.

Opciones: ¿Mejoras?

Yo no puedo esperar que la implementación de este plugin sea la pomada que sane todas los problemas de optimización.

Optimizar un sitio implica que debes tener un buen proveedor de hosting, un tema ligero, imágenes optimizadas, un plugin de cache, uso de un CDN y plugins que no afectan la velocidad.

Si pudiera escoger tres nuevas funcionalidades para este excelente plugin, serian:

  1. Integración con CloudFlare
  2. Un apartado para agregar Code Snippets
  3. La opción de remover el CSS no necesario de las paginas

El creador del plugin es muy cauteloso por lo tanto agregar más funcionalidades es algo que no hacen a la ligera.

Conclusión

PerfMatters me parece como un buen complemento para optimizar tu sitio.

Este plugin te puede llevar a un 100% en móviles y escritorio al remover una serie de elementos innecesarios de tu sitio y la capacidad de remover JS y CSS que no esta siendo usado en paginas especificas.

PerfMatters no es el único en su tipo ya que te puedes ahorrar el pago de un plugin premium más por medio del uso de Code Snippets y WebCraftic Assets manager.

Veremos qué sucederá con este plugin en el futuro.

Entradas Relacionadas

Espero que hayas encontrado todo lo que estabas buscando sobre Perfmatters

Estas son algunas entradas relacionadas con el tema de la velocidad de tu sitio de WordPress

  1. Cómo Acelerar tu Sitio de WordPress: El Dilema
  2. Full Page Caching de CloudFlare
  3. Escritorio de WordPress Lento: Causas y Soluciones
  4. Cómo Usar la Cascada de GTMetrix
  5. Reseña sobre CloudFlare APO: ¿Debería Usarlo?
  6. Mejorar Resultados de Core Web Vitals
  7. AMP en WordPress: ¿Debería Implementarlo?
  8. Reseña sobre WP CloudFlare Super Page Cache
  9. Flying Scripts y Adsense: La Cura
  10. Reseña sobre Flying Scripts de WP Speed Matters

Si tienes consultas sobre este contenido o algún otro contenido, puedes escribirme por medio de mis redes sociales.

Sobre Jose manuel

Soy José Manuel, empecé un blog en el 2011 como un pasatiempo y para usarlo en mis clases y poco a poco, me enamoré de WordPress. Espero que algo de todo lo que he escrito te sirva de ayuda.

RevistaWP

RevistaWP es un sitio donde registro mis pensamientos y descubrimientos sobre todo lo que sucede dentro del mundo WordPress.

Contacto

Puedes contactarme por medio de los siguientes canales