deferred-loading

Fragen
___ answer21472566 ___

Dies ist ein etwas komplexes Problem. Schau dir diese an (lese auch die Kommentare):

Außerdem könntest du %code% ausprobieren: Ссылка

Haben Sie einen guten Grund, das CSS so zu laden?

___ tag123asynchronous ___ Asynchrones Programmieren ist eine Strategie zum Verzögern von Operationen mit hoher Latenz oder niedriger Priorität, üblicherweise um die Leistung, Reaktionsfähigkeit und / oder die Kompostierbarkeit von Software zu verbessern. Solche Strategien werden normalerweise unter Verwendung einer Kombination von ereignisgesteuerter Programmierung und Rückrufen verwendet und verwenden optional die Nebenläufigkeit durch Koroutinen und / oder Threads. ___ qstntxt ___

Google Page Speed ​​Insights

  

"Versuchen Sie, blockierende Ressourcen zu verschieben oder asynchron zu laden, oder inline die   kritische Teile dieser Ressourcen direkt im HTML. "

Das obige Problem fordert mich auf, meine 2 Stylesheets zu verwenden. Also lade ich meine Stylesheets mit dem folgenden Code, um das Laden der Stylesheets zu verzögern.

%Vor%

Mit dem obigen Code werden alle CSS-Stylesheets geladen, nachdem die %code% und %code% abgefeuert wurden (Registerkarte "Netzwerk" der Chrome-Entwicklungstools)

Aber selbst mit dem oben Gesagten ist das Renderblocking-Problem immer noch nicht gelöst. Irgendeine Idee, warum es nicht funktionierte und CSS-Stylesheets richtig verzögern? Danke für die Hilfe!

    
___ answer21616649 ___

Ich denke, Sie könnten die falsche Richtung eingeschlagen haben. Wenn Sie Ihr CSS laden, nachdem das DOM fertig ist, ist es in der Regel keine empfohlene Übung. Hier ist ein Link zu der HTML-Spezifikation zum Einfügen von CSS Ссылка werden die meisten Browser optimiert, damit CSS im Kopf des Dokuments platziert wird.

Wenn Sie versuchen, die Geschwindigkeit zu optimieren, können Sie Ihre Stile in ein minimiertes Stylesheet verschieben, anstatt zwei asynchrone Abfragen über JavaScript durchzuführen. Wenn Sie möchten, dass die beiden Stylesheets septiert bleiben und sich Sorgen um die Auswirkungen auf die Performance machen, sollten Sie in Erwägung ziehen, CSS inline zu verschieben.

Hier ist ein Link zu einem Artikel, der von Yahoo Best Practices zur Beschleunigung Ihrer Website geschrieben wurde. Ссылка Also ich schätze kurz die Antwort auf deine Frage (allgemeine Faustregel außer Randfälle) wäre deine optimieren Seite, indem Sie ein CSS oben auf Ihrer Seite laden. Selbst wenn Sie es schaffen würden, Ihr CSS schneller zu laden, indem Sie JavaScript verwenden, um es zu laden. Ich denke, du würdest herausfinden, dass du mehr Zeit mit Farb- und Stilberechnungen verbringst (Seitenrendering). Ganz zu schweigen davon, was passiert, wenn jemand JavaScript ausgeschaltet hat

Wenn Sie immer noch nach mehr Leistung suchen, können Sie sich CDN anschauen oder ein eigenes CDN aus einer cookie-losen Subdomain erstellen.

    
___ tag123pagespeed ___ Eine Reihe von Tools von Google zum Anwenden bewährter Verhaltensweisen auf Webseiten. ___ tag123deferedloading ___ Verwenden Sie dieses Tag für Fragen zum verzögerten Laden von Skript, Stil und anderen Ressourcen in eine Webseite. ___ qstnhdr ___ Die Google-Seitengeschwindigkeit verursacht auch nach dem Laden von Ressourcen-async immer noch Probleme mit der Blockierung von Renderings ___ tag123javascript ___ JavaScript (nicht zu verwechseln mit Java) ist eine dynamische Sprache mit mehreren Paradigmen auf hoher Ebene, die sowohl für das clientseitige als auch für das serverseitige Scripting verwendet wird. Verwenden Sie dieses Tag für Fragen zu ECMAScript und seinen verschiedenen Dialekten / Implementierungen (außer ActionScript und Google-Apps-Script). ___
3
Antworten

Umgang mit Arrays von verzögerten Objekten

Seit $.Deferred benutze ich dieses Szenario ein paar Mal: ​​Ich habe eine Liste von Werten, von denen jeder auf irgendeine Weise ein verzögertes Objekt ergibt und ich möchte einen Rückruf ausführen, sobald alle verzögerten Objekte aufgelöst s...
03.11.2011, 21:47
2
Antworten

Interaktion zwischen jQuery .ready () und script defer

Ich versuche, ein Problem mit einem Code, den ich geerbt habe, herauszufinden. Ich habe eine HTML-Seite mit %Vor% file1.js hat %Vor% file2.js hat %Vor% Aufgrund des Defer-Attributs für die Elemente kann davon ausgegangen werden, d...
12.04.2012, 15:41
2
Antworten

Die Google-Seitengeschwindigkeit verursacht auch nach dem Laden von Ressourcen-async immer noch Probleme mit der Blockierung von Renderings

Google Page Speed ​​Insights    "Versuchen Sie, blockierende Ressourcen zu verschieben oder asynchron zu laden, oder inline die   kritische Teile dieser Ressourcen direkt im HTML. " Das obige Problem fordert mich auf, meine 2 Stylesheets z...
28.01.2014, 08:46