Importar hoja de estilos .css una vez cargada la página

Aveces es necesario reducir el tiempo de carga de la web. Una buena práctica puede ser retrasar la importación archivos .css -que no son estrictamente necesarios en la carga de la página, sinó que intervienen en la interacción del usuario- hasta que la web ya ha sido cargada.

Con JQuery esto es muy sencillo, tres pasos:

  • crear un elemento html <link>
  • aplicarle la URL
  • añadirlo al <head>
Codigo javascript:
$(document).ready( function() {
    var css = jQuery("<link>");
    css.attr({
      rel:  "stylesheet",
      type: "text/css",
      href: "/css/ui.css"
    });
    $("head").append(css);
});

Leave a Reply

Your email address will not be published. Required fields are marked *