Seite lädt kurz ohne CSS - nur in Chrome

[Teichbau]

Hallo zusammen,
kennt jemand das "Problem" und wo kann ich ansetzen um es zu beheben?
Testen kann man es im Shop, einfach immer oben links auf das Logo klicken. Seite lädt für ca. 1 Sekunde ohne CSS und dann ist es ok.
Nur bei Chrome - in IE und FF wird es richtig dargestellt.

Ich bitte um Eure Hilfe.

Gruß Torsten

Linkback: https://www.modified-shop.org/forum/index.php?topic=35704.0

[jumpM]

Hi,

ich habe mal deinen Quellcode editiert!

Da fine ich:

Code: XML  [Auswählen]

<script>
    /*!
    loadCSS: load a CSS file asynchronously.
    [c]2014 @scottjehl, Filament Group, Inc.
    Licensed MIT
    */
    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 );
        function toggleMedia(){
            var defined;
            for( var i = 0; i < sheets.length; i++ ){
               if( sheets[ i ].href && sheets[ i ].href.indexOf( href ) > -1 ){
                    defined = true;
                }
            }
            if( defined ){
                ss.media = media || "all";
            }
            else {
                setTimeout( toggleMedia );
            }
        }
        toggleMedia();
        return ss;
    }

       
                loadCSS( "templates/tvh-2015/css/foundation.css" );
                loadCSS( "templates/tvh-2015/css/style.css" );
               
</script>

Kann es damit was auf sich haben?? Siehe hier: https://heikomamerow.de/2014/07/30/css-trick-css-asynchron-laden/

Gruss
Robert

[Teichbau]

Ich glaube nicht, da die Datei mit dem Script seit mehr als einem Jahr nicht verändert wurde.
Anfang diesen Jahres war die Ansicht in Chrome noch ok.

Vielen Dank für Deinen Hinweis.

[hpzeller]

Auch wenn am Code nichts verändert wurde, so ist es doch möglich das der unschöne Effekt durch ein Browserupdate entstanden ist, darum denke ich, dass das schon am Code den Robert gepostet hat liegt.

Vorschlag:
Teste mal folgendes, nimm den von Robert geposteten Javascript Code aus dem Template und füge stattdessen diesen Code ein.

Code: XML  [Auswählen]

<link href="templates/tvh-2015/css/foundation.css" rel="stylesheet">
<link href="templates/tvh-2015/css/style.css" rel="stylesheet">
 

Gruss
Hanspeter

[Teichbau]

Hallo Robert und Hanspeter,
ich habe jetzt das Script auskommentiert und testweise die beiden <link href...> eingebaut - das "Problem" ist weg. Es liegt also am Code.
Ich habe mir den aktuellen Code von hier http://www.hgvision.de/26-css-asynchron-laden-mit-loadcss.html kopiert und gegen den "alten" ausgetauscht.
Somit sollte das "Problem" dank Eurer Hilfe gelöst sein.

Vielen Dank Euch beiden

Gruß Torsten