Perfmatters y WordPress

Perfmatters. El plugin tweaking de WordPress por excelencia

¡Hola, hola y hola querido lector! ¡Ya estoy de vuelta! ¡Y que ganas tenía! Volvemos de nuevo a la senda de los artículos y en este caso vengo a hablarte sobre Perfmatters, el plugin tweaking de WordPress por excelencia.

¿Qué no sabes que es eso de un plugin de tweaking o no tienes ni idea de que es Permatters?

¡No preocuparse! Para eso estoy yo aquí, para resolver estas dudas y muchas mas. No obstante, si aún andas dubitativo sobre si leer o no este post voy a resolverte tus dudas.

Si.

Tienes que leer este post siempre y cuando estés interesado en WPO y en como optimizar tu WordPress.

Por lo tanto, no te pierdas el post de hoy por que te voy a enseñar como conseguir una alta puntuación en el famoso Page Speed Insight de Google sin tocar nada de código.

¡Vamos al lío!

¿Qué es Perfmatters?¿Para qué sirve un plugin de tweaking en WordPress?

Cómo te he comentado al principio del todo, Perfmatters es el plugin por excelencia de tweaking para WordPress ¿Esto que significa?

Significa que con este plugin podrás mejorar el rendimiento de tu WordPress ya que con el tendrás el CONTROL TOTAL sobre todos los archivos CSS y JS que tu página web cargará por URL.

Es decir, Perfmatters te permitirá decidir si un plugin (Y su CSS y JS) se carga o no se carga al acceder a una determinada URL.

Esto será muy importante a la hora de optimizar el rendimiento de tu página web ya que te permitirá eliminar toda esa «morralla» de código innecesario que suelen insertar muchos plugins de WordPress.

Además, por si esto fuera poco, este plugin es perfectamente complementario a plugins de caché como WP Rocket, W2 Total Caché, etc.

En definitiva, que si quieres conseguir una página web rápida en WordPress vas a tener que utilizar este plugin si o si.

¿Cuáles son las principales ventajas de Perfmatters?

Yo diría que todas. Es decir, este es un plugin que nunca resta y siempre suma. Pero para mi sin duda las principales ventajas de Perfmatters son:

  • Permite afinar al máximo el WPO de tu WordPress.
  • Es muy sencillo de configurar a nivel usuario. Si quieres afinar tu WPO a nivel de cirujano ya será algo más complejo. Pero con una configuración básica ya tendrás mucho ganado (Y limpiado de código).
  • Se complementa con los típicos plugins de caché como WP Rocket.
  • Hace que no necesites otros plugins si no quieres para según que funciones (Alojar Google Analytics en local, etc.)

¿Cuáles son sus desventajas?

La única desventaja con la que cuenta Perfmatters es que es un plugin PREMIUM (De pago) y no cuenta con una licencia gratuita. Lo cuál obstaculiza que este plugin sea más popular.

No obstante, su licencia básica (Para un site) es bastante económica (25 dólares al año). Si quieres ver sus otros planes te los dejo aquí.

Entrando en Perfmatters y su configuración

Cómo lo más interesante es ver la herramienta por dentro para convencerte de que lo necesitas si o si para tu página web, a continuación, te voy a mostrar como configurar Perfmatters correctamente y cual es el cometido de cada una de sus funciones.

¡Al lío!

configuración de perfmatters

Configuraciones generales

La primera pestaña de configuración del plugin hace referencia a ajustes globales que podrás activar o desactivar en función de tus necesidades (Sin tener que tocar ni una sola línea de código en el archivo functions.php de WordPress).

  • Disable eojis (Desactivar Emojis): Si no vas a utilizarlos en tus redacciones es mejor quitarlos ya que es una petición que te ahorras de cara al servidor.
  • Disable Embeds: Normalmente, yo activo esta opción ya que es prescindible en la mayoría de casos.
  • Remove Query Strings: Ya hable sobre los query strings aquí. Pero vamos, el resumen es que solo hacen que poner trabajas al WPO por lo que puedes activarlo con toda seguridad para eliminarlas.
  • Disable XML-RPC: Actívalo si o si. Este archivo es atacado continuamente por hackers que pretenden piratear tu WordPress y al final tiran de el pocos plugins como JetPack. Por lo tanto, si utilizas Jetpack en tu WordPress ve pensando en cambiarlo ya que puede ser inseguro ralentiza muchísimo un WordPress.
  • Remove jQuery Migrate: Actívalo. Esta librería ayuda a mejorar la seguridad de WordPress pero en general no es necesaria y así ahorras recursos.
  • Hide WP Version: Sirve para ocultar la versión de WordPress que estás utilizando. Esto es importante ya que cierra otra puerta más a los hackers a la hora de explotar vulnerabilidades de WordPress en versiones desactualizadas.
  • Remove wlwmanifest Link: Las cabeceras wlwmanifest no sirven ya para nada. Activa esta opción para eliminar código innecesario.
  • Remove RSD Link: Al igual que la anterior, esta funcionalidad está en deshuso y genera código innecesariamente. Actívala para eliminar el RSD link.
  • Remove Shortlink: El shortlink es un enlace corto que crea WordPress para referirse a una URL. Activa esta función para eliminarlo y evitar que herramientas SEO como Safecont cojan este shortlink como referencia al leer una URL (A mi me ha pasado).
  • Disable RSS Feeds: Los feeds RSS pueden ser útiles para lectores de feeds como Feedly. Sin embargo, también son útiles para gente que hace Black Hat SEO y scrapea contenidos. Yo suelo quitarlos activando esta opción.
  • Remove Feed Links: Si activas la anterior opción no tiene sentido dejar esta opción sin marcar.
  • Disable Self Pingbacks: En este post sobre pingbacks hablé sobre cuales eran las funciones de esta característica de WordPress. En resumen, sirven de poco y es mejor desactivarlos. Para ello activa esta opción.
  • Disable REST API: Ojo con desactivar la REST API de WordPress ya que algunos plugins importantes tiran de ella. Por ello, yo te recomiendo probar y ver si no rompe nada en tu página WordPress dejarlo marcado.
  • Remove REST API Links: Si activas la función de disable REST API lo recomendable será también activar esta opción complementaria.
  • Disable dashicons: Con esta opción evitarás cargar los dashicons en el front-end (Reduciendo el número de peticiones al servidor). Es muy parecido a lo que ocurre con los Emojis.
  • Disable Google Maps: Si no utilizas Google Maps en tu página web lo correcto sería marcar esta opción.
  • Disable Password Strength Meter: Evita que WordPress te diga si una contraseña es segura o insegura. Yo esta opción la suelo dejar sin marcar (Activada) por costumbre más que nada.
  • Remove Comment URLs: Elimina el enlace que se genera en cada comentario de WordPress. Muy importante para evitar que tu sección de comentarios sea una granja de enlaces.
  • Disable Heartbeat: Sirve para habilitar o no el Heartbeat o latidos en WordPress mientras se está editando o no una página, un post, etc. Por ello, y con el fin de que WordPress no esté continuamente latiendo y consumiendo recursos es recomendable controlarlo bien por este plugin o por otros tipo como WP Rocket.
  • Heartbeat Frequency: Sirve para ajustar los «latidos» del WordPress. El valor por defecto será suficiente.
  • Limit Post Revisions: Sirva para limitar el número de revisiones guardadas en tu base de datos de un post o página y así no saturar tu base de datos innecesariamente.
  • Autosave Interval: Cuanto más alargues el autoguardado más ligero será tu WordPress y menos consumo tendrá.
  • Change Login URL: Perfmatters te permite cambiar la URL de acceso a tu WordPress por una personalizada sin necesidad de utilizar otro plugin extra como WP Hide Login. Esto es muy importante de cara a evitar ataques a tu página web.

Además de las sección global que acabas de ver, Perfmatters tiene una sección exclusivamente dedicada al Lazy Load:

  • Images: Te ayudará a aplicar lazy load a todas tus imágenes de forma global o individual.
  • Iframes and videos: Si quieres activar el lazy load para vídeos de Vimeo, Youtube, etc deberás marcar esta opción. Muy recomendable hacerlo.
  • YouTube Preview Thumbnails: Para mejorar la carga de vídeos desde tu WordPress Perfmatters sustituye el vídeo por una imagen hasta que dicho vídeo termina de cargar mejorando así el WPO de tu página web.
  • DOM Monitoring: Esta opción comprueba los cambios en el DOM de tu página web y carga dinámicamente los elementos recién agregados. Muy recomendable activar esta opción.

Si en tu WordPress tienes instalada una tienda online Woocommerce atiende por que Perfmatters tiene estas opciones de configuración para ti:

  • Disable Scripts: Permite desactivar los scripts y CSS de WooCommerce en URLs donde no se necesitan como el carrito, las páginas de producto, etc.
  • Disable Cart Fragmentation: Permite equilibrar el wc-ajax=get_refreshed_fragments que ralentiza todas aquellas páginas web WordPress con WooCommerce.
  • Disable Status Meta Box: Elimina la caja resumen de WooCommerce en el dashboard de WordPress.
  • Disable Widgets: Elimina los widgets de WooCommerce en general.

Configuración del CDN

Con Perfmatters podrás cargar tus imágenes, archivos CSS y JS desde tu CDN sin necesidad de instalar otro plugin extra. Para ello solo deberás configurar las siguientes opciones:

  • Enable CDN Rewrite: Activa la opción para empezar a funcionar tu CDN.
  • CDN URL: Escribe la URL desde donde se cargará todo tu contenido alojado en tu CDN.
  • Included Directories: Esta casilla sirve para indicar desde que directorio de WordPress quieres que se sirvan tus archivos en el CDN.
  • CDN Exclusions: Si deseas excluir algún archivo de la carga del CDN esta casilla será para dicho cometido.

Insertar Google Analytics en local

Con Perfmatters también podrás instalar Google Analytics en local dentro de tu página web mejorando así el rendimiento de la misma. Para ello, solo deberás configurar la siguientes opciones:

  • Enable Local Analytics: Activa esta opción para comenzar a utilizar Google Analytics de forma local.
  • Tracking ID: Aquí deberás insertar el código de tu Google Analytics (Recuerda, ese que empieza por UA-XXXXX)
  • Tracking Code Position: Indica donde quieres insertar el código de Analytics. En el header esta bien pero ralentizará algo la carga. Sin embargo, situándolo en el footer podrás perder algo de analítica. Tu decides.
  • Disable Display Features: Deshabilita el remarketing y la publicidad que genera una segunda solicitud HTTP a DoubleClick.
  • Anonymize IP: Oculta la IP de la visita. Importante por temas de privacidad.
  • Track Logged In Admins: Si quieres que cuenten tus visitas como administrador de WordPress en la analítica de Google Analytics marca esta opción. Yo no te lo aconsejo.
  • Adjusted Bounce Rate: Si deseas reducir tu tasa de rebote en Google Analytics bastará con poner un bajo porcentaje en esta casilla. De esta forma podrás manipular el porcentaje de rebote de tu página web. ¿Entiendes ahora como ya no es tan importante de cara al SEO este factor?
  • Use MonsterInsights: Si utilizas el plugin para WordPress MonsterInsights para medir las visitas a tu página web esta opción optimizará dicho proceso para que no se solapen ambos plugins.

Extras de Perfmatters

Esta es la sección clave de Perfmatters y por la cuál merece pagar su precio al 100%. En esta sección lo más interesante es activar la opción «Script Manager».

Además, en esta sección puedes deshabilitar el Favicon, hacer Preload, Preconnect y Prefech (En otro post te contaré más sobre ello) y hacer limpiezas periódicas de tu base de datos.

Pero como he dicho anteriormente, la clave aquí es activar el Script Manager.

Una vez activado cada vez que visites una URL de tu página web te aparecerá una sección (Dentro del menú de navegación de WordPress negro que aparece arriba de la pantalla) llamada Script Manager y al pulsar sobre ella aparecerá la magia…

En la pantalla que te aparecerá te saldrán todos los recursos CSS y JS que está cargando dicha URL. Cómo podrás comprobar, algunos de esos scripts pertenecerán a plugins que no se ven y que se están cargando de forma innecesaria (Ralentizando así tu WPO por URL).

script manager en perfmatters

Bien, en ese momento la clave será ir mirando y desactivando esos CSS y JS que no se estén utilizando sin que la página deje de funcionar (De ahí que si no tienes ni idea vayas poco a poco activando y desactivando para no romper toda tu página web).

Una vez tengas claro que archivos CSS y JS se cargan o no por URL, tipo de URL etc el propio plugin te dará la opción de desabilitar (Disable) dichos archivos en modo bulk (Masivo) en función de una serie de premisas como:

  • Everywhere: Desactivará dicho archivo en toda la página web.
  • Current URL: Solo desactivará los archivos indicados en la URL actual.
  • Regex: Desactivará los archivos en las URL que sigan el patrón marcado en tu REGEX o expresión regular.

Además, te permitirá añadir excepciones para que en todo momento sea personalizable (Siempre que haya un patrón) el desactivar o no una serie de archivos en función de su URL.

Conclusiones sobre este maravilloso plugin

Como habrás podido ver a lo largo de este post Perfmatters es ¡La caña! No solo se complementa con otros plugins de caché sino que encima tiene un montón de utilidades y funciones que harán que tu WordPress vuele.

Además, con este plugin podrás personalizar la carga de archivos por URL mejorando sustancialmente el WPO de tu página web sin ser un experto ni tocar líneas de código.

Sin duda, si yo fuera tu, por el precio que tiene iría ahora mismo a comprarlo ya que es de los pocos plugins premium que merecen la pena.

¡Eso es todo por hoy! ¡Nos vemos en dos semana querido lector!

Borja Aranda Vaquero 01

Artículo escrito por:

Borja Aranda Vaquero

¡Hola! Me presento. Me llamo Borja y soy un consultor SEO y diseñador web especializado en WordPress.

Portada e-book sobre SEO, WPO y CRO
¡Suscríbete!

Y consigue un ebook con un truco de WPO te hará conseguir el 100/100 en PageSpeed en 2 clicks.

perfmatters icon
OPTIMIZA TU WORDPRESS AL MÁXIMO CON PERFMATTERS