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.
Refresca la página para que aparezcan todos los elementos cargados. A continuación filtra por los elementos de tipo SCRIPT.
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.
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».
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!
Artículos relacionados:
- factory_shortcodes_assets:
- a:0:{}