Ejecutar javascript de forma asincrona con script_tag

diseño

#1

Buenas,

Necesito consultar ya que en nuestra tienda tenemos varios archivos .js que ejecutamos desde el servidor, con el tag:

{{ ‘nombredelscript.js’ | script_tag }}

El problema es que dicho tag al cargar el no le agrega el atributo async, situación que afecta la performance del sitio.

Queria consultarles si hay alguna manera de pasarle un parametro a la función ya establecida para que agregue el atributo async dentro de la etiqueta script cuando carga el HTML.

Gracias


Mostrar filtros según categoria
#2

¡Hola, @ilustre! ¿Todo bien?

¡Veo que estás diseñando tu propia tienda sobre la base de la plantilla Zen y está quedando espectacular! Además, esos pañuelos son lindísimos :heart_eyes:.

Te cuento que ya llevé tu consulta a nuestro equipo de técnicos a ver si pueden darte una mano porque es algo bastante puntual de programación. De todas maneras, como te explicó Sara, en general no brindamos asistencia técnica a tiendas con diseño a medida porque no tenemos los recursos para dar un seguimiento personalizado de cada caso. Por si todavía no los tenías y te sirven, te dejo estos archivos que quizás te pueden orientar un poco:

1- Documentación para diseñadores, que te va ayudar a editar los archivos.

2- Documentación sobre Twig, para modificar los templates.

3- Recomendamos usar un cliente FTP, como por ejemplo Filezilla, para bajar y subir archivos al FTP. El proceso sería: bajar los archivos, hacer las modificaciones y subirlos pisando los anteriores.

:eyes: Es muy importante que hagas un backup de tus archivos FTP porque nosotros no guardamos las modificaciones.

Igualmente, si tengo alguna novedad te contacto de nuevo, ¿dale? Y si algún otro miembro de la Comunidad es conocedor de estos temas, ¡bienvenidos sean los aportes!

¡Que disfrutes de este domingo promaveral! :tulip:
Belén


#3

Buen día @ilustre! Cómo estás?

Para poder cargar los archivos JS de manera asíncrona debés usar script_tag de esta manera:

  • script_tag(true)

Por ejemplo:

{{ 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js' | script_tag(true) }}

Da como resultado:

Espero que te haya servido mi respuesta y si no volvenos a preguntar que lo seguimos viendo juntos :hugs:

Saludos y espero que estés muy bien!


#4

Excelente Nahuel,

Te agradezco la devolución y el tiempo!

Lo testeamos y cualquier duda te aviso.

Saludos.