Konzept-Welt.de > Pagespeed > Asynchrones Laden (CSS und JS Scripte)

Asynchrones Laden (CSS und JS Scripte)

0
(0)

Seit der Einführung von google PageSpeed Insights wird bei vielen Webseiten die Meldung “JavaScript- und CSS-Ressourcen, die das Rendering blockieren, in Inhalten “above the fold” (ohne Scrollen sichtbar) beseitigen” angezeigt. Mit dem Tipp, das oder die betreffenden Scripte asynchrone laden zu lassen. Oftmals ist die von dem PageSpeed Insights-Tool leichter gesagt als von dem Webmaster technisch realisiert.

Hier findet Ihr einige wichtige Hinweise, Informationen, Tipps und Anregungen um dieses Problem zu lösen. Als erstes Beispiel betrachten wir den oft verwendeten Adsense-Code der die Ursache in vielen Fällen ist.

Wenn wir den Adsense-Code asynchron laden wollen, dann müssen wir diesen wie folgt ändern:

ins class="adsbygoogle"
style="display:inline-block;width:160px;height:600px"
data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxx">

Durch den einfachen und schnellen Austausch des Adsense-Codes wird dieser nun Asynchron geladen. Dieser Code wird direkt von google zur Verfügung gestellt!

Weitere Scripte asynchron Laden lassen:
Google selbst stellt Euch eine umfangreiche Liste mit Anleitungen und Codeschnipseln zur Verfügung um weitere JavaScript-Codes verschiedener Anbieter asynchron zu Laden, ohne dabei Einschränkungen in dem Funktionsumfang zu bekommen.
In der Übersicht findet Ihr Anleitungen für die Codeschnipsel von Disqus, Facebook, Google AdSense, Google Analytics, Google DFP GPT, Google Plus, Pinterest, ShareThis, StumbleUpon, Twitter und auch für Yandex.

Asynchrone Skripts verwenden: https://developers.google.com/speed/docs/insights/UseAsync

War dieser Beitrag informativ und nützlich?

Klicken Sie auf einen Stern, um den Beitrag zu bewerten!

Durchschnittliche Bewertung 0 / 5. Stimmenzahl: 0

Bisher keine Stimmen! Seien Sie der Erste, der diesen Beitrag bewertet.

Kommentar verfassen

Anzeigen

TOP-Beiträge