Reseña sobre Flying Scripts de WP Speed Matters

La combinación de WordPress, un buen hosting como el de Cloudways o SiteGround y un tema que se destaque por ser liviano como GeneratePress son una buena receta para tener un sitio bastante rápido.

Este es uno de mis resultados en uno de mis sitios:

Los problemas de velocidad vienen con la instalación de plugins que usamos para agregar funcionalidades a los sitios.

Yo trato de reducir el uso de plugins a los esenciales y siempre valoro desactivar algunos que considero que no son indispensables.

Si te ves forzado a instalar un plugin que tiene un impacto en el sitio, el plugin Flying Scripts puede ser de mucha ayuda.

Flying Scripts es un plugin gratuito que fue creado por Gijo Varghese de WP Speed Matters

¿Quien es Gijo Varghese?

Yo he aprendido miles de cosas de los grupos de WordPress en Inglés. Uno de mis grupos favoritos es WP Speed Matters.

Gijo Varghese completo el contenido que comparten los miembros del grupo con su blog.

Si sabes Inglés deberías sacar provecho de ambos.

Gijo Varghese tambien creó Flying Images, un plugin que te permito 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 se empiecen a cargar para darle una sensación de rapidez a tu sitio.

Y tambien es el creador de un plugin que es difícil de categorizar debido a que hace muchas cosas para mejorar la velocidad de tu sitio. 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 este Plugin?

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 hasta el momento me ha sido util 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.

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.

Ahora apliquemos el plugin de WP Speed Matters.

En vista que el chat de messenger no es algo que el visitante deba ver justo en el momento que llega a mi sitio, puedo indicar por medio de Flying Scripts que el chat comience a cargar 10 segundos después de la llegada del visitante.

Es importante tomar en cuenta que la ejecucioń del Javascript se iniciara en el momento que el visitante interactúe con el sitio, en caso de no ocurra esa interacción, la ejecución del javascript se llevará a cabo en el tiempo establecido

Lo primero que hago es buscar el script en el código fuente de la página:

<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
js = d.createElement(s); js.id = id;
js.src = 'https://connect.facebook.net/es_LA/sdk/xfbml.customerchat.js#xfbml=1&version=v6.0&autoLogAppEvents=1';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class='fb-customerchat'
attribution='wordpress'
page_id=111694310348279
>

En el codigo encuentro el nombre del script, customerchat.js y lo pego en el espacio que indica el plugin en Flying Scripts.

Ahora voy a ver el impacto de la aplicación de esta optimización:

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

Problema Resuelto.

El messenger ya no es parte de los recursos que se cargan una vez que un visitante llega al sitio.

Puedes hacer lo mismo con algunos otros plugins y medir el impacto que tiene en tu sitio.

Espero que este consejo de optimización sea de utilidad en tus proyectos.

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 cache incorpore dentro de sus funcionalidades la opción de atrasar la ejecución de JavaScript.

WP Rocket aplicando Flying Scripts

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?