Reseña sobre Flying Scripts de WP Speed Matters

Flying Scripts de WP Speed Matters es uno de los mejores plugins que puedes encontrar en el repositorio de Wordpress para optimizar el Javascript de tu Sitio.

Flying Scripts es un plugin creado por Gijo Varghese, el creador del blog WP Speed Matters y administrador del grupo que lleva el mismo nombre.

Gijo Varghese de WP Speed Matters

Gijo Varghese tambien creó Flying Images, un plugin que permite servir tus imágenes desde una red de contenido global de forma gratuita.

El es el desarollador detrás de Flying Pages, un plugin que permite que ciertas paginas de tu sitio empiecen a cargar antes de que los usuarios hagan click en ellas para darle una sensación de rapidez a tu sitio.

Y tambien es el creador de FlyingPress es un plugin que tiene muchas funciones de optimización incluyendo las funciones de los plugin mencionados en esta publicación.

La labor de Gijo es revolucionaria en el tema de la velocidad

La comunidad que sabe de Wordpress y de velocidad valora el trabajo, los consejos y las herramientas creadas por Gijo Varghese.

¿Que Hace Flying Scripts?

Lo que este plugin hace es atrasar la ejecución de Javascript que consideres que no es esencial hasta que haya una interacción del usuario.

Este plugin ha sido útil para mejorar el desempeño de mi sitios que usan Adsense.

El plugin tambien es de utilidad para mejorar la velocidad de tu sitio cuando usas un plugin de mensajería como Messenger o para reducir el impacto negativo de la velocidad que tiene el código de Google Analytics.

Todo JavaScript que realice llamadas externas puedes ser atrasado usando este valioso plugin.

Flying Scripts y los Anuncios de Adsense

Uno de las maneras más fáciles de monetizar el contenido es por medio de Adsense.

El problema de los anuncios de Adsense es que hacen que la pagina se ponga lenta especialmente cuando activas AutoAds,

Autoads es una opción dentro de Google Adsense que agrega anuncios en los lugares más convenientes de tu sitio, sin tener que agregar código manualmente.

Un usuario en WP Speed Matters recomendó Flying Scripts para mejorar los resultados de velocidad de los sitios que usan Adsense por lo que decidí probarlo.

Nunca había visto estos números antes de usar Flying Scripts, todas las puntuaciones de velocidad están en casi su punto máximo después de unos cuantos clicks.

Si deseas saber más sobre como implementar Flying Scripts con Adsense, solo debes de instalar el plugin y agregar el siguiente código en el único espacio que tiene el plugin para insertar algo.

adsbygoogle.js

Así debe lucir la correcta implementación de lo descrito en esta publicación

Puedes escoger el número de segundos, que deseas retrasar la ejecución del JavaScript o seleccionar “never” si deseas que los anuncios carguen hasta que haya interacción.

Flying Scripts en Acción: Plugin de Messenger

Hace unos días venía considerando instalar el plugin de messenger en algunos de mis sitios.

El plugin que uso es el plugin de messenger de Facebook que se encuentra en el repositorio de Wordpress.org

El impacto se siente inmediatamente después de su activación, este pasó a ocupar el segundo lugar en tamaño de transferencia.

Veamos otro dato proporcionado por Google Page Insights que confirma el impacto de este plugin.

En este caso, la ejecución ocupa el primer lugar inclusive por encima de los anuncios de Google.

El JavaScript del Messenger del Facebook es el siguiente:

customerchat.js

Una vez que el código es agregado en Flying Scripts, el impacto de la implementación de esta optimización es inmediato.

Esta es la primera confirmación:

Una segunda confirmación del desempeño del plugin sería esto:

Problema Resuelto.

Flying Scripts and WP Rocket

El impacto positivo de Flying Scripts en temas de velocidad ha hecho que WP Rocket uno de los mejores plugins de caché incorpore dentro de sus funcionalidades la opción de atrasar la ejecución de JavaScript.

WP Rocket aplicando Flying Scripts

Yo usaba WP Rocket pero ya no lo encuentro necesario después de la implementación de Full Page Caching de CloudFlare.

Tambien note que en algunas ocasiones, la ejecución del JavaScript no se realizaba por lo que encontré el Flying Scripts y PerfMatters cómo mejores opciones para implementar el atraso en la ejecución del JS.

PerfMatters

La misma funcionalidad ya se encuentra disponible en PerfMatters, un plugin con muchas optimizaciones para mejorar la velocidad de Wordpress.

PerfMatters es el plugin que uso para optimizar mis sitios de Adsense pero no puedo dejar de dar crédito a Gijo por su trabajo revolucionario en términos de velocidad.

Lista de Codigos para Agregar a Flying Scripts

Si no deseas pensar en buscar códigos de Javascript, copia y pega esta lista en Flying Scripts.

Esta lista fue creada por los desarrolladores de WP Rocket, por lo que si tienes la última versión del plugin, no debes implementar esto.

getbutton.io
//a.omappapi.com/app/js/api.min.js
feedbackcompany.com/includes/widgets/feedback-company-widget.min.js
snap.licdn.com/li.lms-analytics/insight.min.js
static.ads-twitter.com/uwt.js
platform.twitter.com/widgets.js
twq(
/sdk.js#xfbml
static.leadpages.net/leadbars/current/embed.js
translate.google.com/translate_a/element.js
widget.manychat.com
xfbml.customerchat.js
static.hotjar.com/c/hotjar-
smartsuppchat.com/loader.js
grecaptcha.execute
Tawk_API
shareaholic
sharethis
simple-share-buttons-adder
addtoany
font-awesome
wpdiscuz
cookie-law-info
pinit.js
/gtag/js
gtag(
/gtm.js
/gtm-
fbevents.js
fbq(
google-analytics.com/analytics.js
ga( \'
ga(\'
adsbygoogle.js
ShopifyBuy
widget.trustpilot.com/bootstrap
ft.sdk.min.js
apps.elfsight.com/p/platform.js
livechatinc.com/tracking.js
LiveChatWidget
/busting/facebook-tracking/
olark
pixel-caffeine/build/frontend.js

Conclusiones

A pesar de que otros plugins premium han incorporado la funcionalidad que Gijo introdujo, Flying Scripts permite la implementación de este tipo de optimización de manera gratuita.

Lo mismo sucedió con Flying Pages, funcionalidades que pronto fueron incorporadas en WP Rocket y PerfMatters.

Artículos Relacionados

Estos son una serie de artículos pensando sobre la velocidad de tu sitio.

  1. Mejorar la Velocidad de WordPress: 22 Formas
  2. Lazy Loading y Adsense: La Cura
  3. 3 Plugins de Cache para WordPress
  4. Reseña sobre Perfmatters
  5. Reseña sobre CloudFlare: 16 Preguntas
  6. Flying Scripts y Adsense: La Cura
  7. WP Fastest Cache: Optimiza tu Sitio Ahora
  8. Lazy Loading: ¿Debería Implementarlo?

Sobre Jose manuel

Soy José Manuel, empecé un blog en el 2011 como un pasatiempo y para hacerlo 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