Main menu

Cómo evitar cargar solo un fichero JavaScript en concreto

Si googleas un poco encontrarás un montón de sitios explicando cómo bloquear la carga de todos los ficheros JavaScript de una página. En este artículo te explicamos cómo evitar cargar un fichero JavaScript específico.

Seguro que no es la primera vez que te pasa. Estás con el desarrollo de una web y por cualquier razón es necesario bloquear única y exclusivamente la carga de un solo fichero JS.

Los ajustes del navegador o extensiones tipo Web Developer no sirven en este caso, la solución está en AdBlock.

Bloquear un fichero JavaScript AdBlock

Tal vez no lo esperabas, pero la extensión más popular para bloquear anuncios nos servirá para seleccionar qué fichero JavaScript no quieres cargar. Tan solo debes seguir estos pasos.

Usaremos uno de nuestros artículos más antiguos para hacer ejemplo: Efecto antes y después con jQuery donde usamos JavaScript para crear un deslizador que nos compara dos imágenes.

Entra en la demo, activa con F12 las herramientas de desarrollador y clica sobre la opción AdBlock.

Evitar cargar un JavaScript en concreto

Refresca la página para que aparezcan todos los elementos cargados. A continuación filtra por los elementos de tipo SCRIPT.

AdBlock para bloquear js

Colócate encima del fichero JavaScript que no quieras cargar y pulsa sobre Block Item.

Si lo haces correctamente, te lo marcará en rojo como elemento bloqueado.

Fichero JS bloqueado

Recarga la página de nuevo y ya puedes ver los posibles estragos provocados por haber bloqueado ese fichero js en concreto. En nuestro ejemplo se ha perdido la capacidad de deslizar y hacer el efecto de “antes y después”.

Bloquear JavaScript específico

Puedes volver a la normalidad situando el cursor encima del script bloqueado y clicando sobre Remove rule.

Como te habrás dado cuenta, este método sirve también para bloquear cualquier otro tipo de elemento, ya sea fichero CSS, imagen, fuente… tan solo debes asegurarte de elegirlo en la lista de selección.

Los pasos son muy sencillos de seguir, pero si lo tuyo son los vídeos, aquí tienes uno con todos los detalles explicados paso a paso.

¿Te ha parecido interesante? Seguro que a tus colegas “weberos” también ¡compártelo con ellos!

Compartir en redes sociales

Si este artículo te ha sido de ayuda o te parece interesante, ayúdanos a difundirlo.

Compartir en Facebook Compartir en Twitter Compartir en Google+ Compartir en Linkedin
factory_shortcodes_assets:
a:0:{}

Al usar este sitio acepta el uso de cookies para análisis y contenido personalizado. Leer más

ACEPTAR
Aviso de cookies