Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Duda loadCSS
#1
Anteriormente busque información al respecto y no emcontre confio en que alguien de aqui conosca loadCSS sirve para optimizar paginas web ya que cuando la pag web es muy avanzada y usa muchos css lleva mas tiempo la carga de la web ya que se descargan en paralelo los css para ello se usa loadCSS que permite la descarga asincrona de los CSS y con ello ahorrar muchos segundos en la carga de la web la web es https://github.com/filamentgroup/loadCSS para mas inf actualmente el problema que tengo es que ya cargue el script correctamente pero de esa forma al cargar la web desordenados los css (creo q eso es o no los carga solo algunos) pero por eso tiene la funcion before que permite cambiar el orden de los css que dependen de otros ya que se carga de forma asincrona si alguien me puede decir como se usa el before o como hacer que me cargue correctamente los css estare muy agradecido.

El codigo actual que uso para cargar los css es este:

<script>
    function loadCSS( href, before, media ){
"use strict";
var ss = window.document.createElement( "link" );
var ref = before || window.document.getElementsByTagName( "script" )[ 0 ];
var sheets = window.document.styleSheets;
ss.rel = "stylesheet";
ss.href = href;
ss.media = "only x";
ref.parentNode.insertBefore( ss, ref );
ss.onloadcssdefined = function( cb ){
var defined;
for( var i = 0; i < sheets.length; i++ ){
if( sheets[ i ].href && sheets[ i ].href.indexOf( href ) > -1 ){
defined = true;
}
}
if( defined ){
cb();
} else {
setTimeout(function() {
ss.onloadcssdefined( cb );
});
}
};
ss.onloadcssdefined(function() {
ss.media = media || "all";
});
return ss;
}

loadCSS( "content/themes/css/bootstrap.css" );
        loadCSS( "content/themes/js/fancyapps/jquery.fancybox.css" );
        loadCSS( "content/themes/css/bootstrap-theme.min.css" );
        loadCSS( "content/themes/css/main2lk9.css" );
        loadCSS( "content/themes/js/jquery.bxslider/jquery.bxslider.css" );
</script>
#2
A ver si te sirve este tutorial
http://blog.openalfa.com/como-reducir-el...-asincrono
[Imagen: cba745de401dd4ca4069d42828120f60o.png]
WWW
#3
DUDA SOLUCIONADA DESPUES DE MUCHA INVESTIGACION E LLEGADO A LA CONCLUSION DE LA MEJOR FORMA DE AUMENTAR LA DESCARGA DE LA WEB OPTIMIZANDO DE UNA GENIAL FORMA LOS CSS Y JAVASCRIP VOY HACER UN POST EN PARTES PARA EXPLICAR ESTO MUY PRONTO




Usuarios navegando en este tema: 1 invitado(s)