So Entfernen Sie render-blocking JavaScript-und StyleSheet in wordpress?

Ich bin mit wordpress und ein theme und ein paar änderungen vorgenommen in dieses Thema, wenn ich will, zu erhöhen, page speed Google Page Speed tester sagt, dass ich brauche, um zu entfernen alle blockierenden Skripts und Stile.

Ich weiß nicht, was ist das Rendern blockieren und wie man dieses Problem lösen kann irgend jemand mir den guide mal fix die wichtige Frage.

Dank

InformationsquelleAutor biswajitGhosh | 2014-06-09

  1. 4

    Können sagen, zum Beispiel Ihre <head> Abschnitt sieht wie folgt aus

    <!DOCTYPE html>
<html>
<head>

    <title>css - How to Remove render-blocking JavaScript and StyleSheet in wordpress? - Stack Overflow</title>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script src="//cdn.sstatic.net/Js/stub.en.js?v=6c41e89d8d17"></script>

</head>

    bewegen Sie einfach die script-Dateien an das Ende des Dokuments, oder der footer.php Datei, wie so

    <!DOCTYPE html>
<html>
<head>

    <title>css - How to Remove render-blocking JavaScript and StyleSheet in wordpress? - Stack Overflow</title>

</head>
<body>

<!-- all your other codes here -->

<!-- then your scripts right before the closing body tag -->

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="//cdn.sstatic.net/Js/stub.en.js?v=6c41e89d8d17"></script>

</body>
 </html>

    Wenn Sie verschieben, werden alle Skripte aus dem Kopf und nach rechts, bevor die </body> schließenden tag, dann sollte loszuwerden, die Meldung in den google page speed.

    Bitte beachten Sie, dass es vielleicht doch noch geben eine Fehlermeldung/Nachricht über das CSS-stylesheet hat das Rendern blockieren.. naja, würde ich einfach ignorieren , da ich möchte, dass meine css zu Rendern, bevor das Dokument, so würde ich nicht entfernen, aus der <head>.

    Dank buddy....
    danke, aber was ist, wenn ich Sie entfernen möchten, dass die Fehlermeldung auch, gibt es eine Möglichkeit?

    InformationsquelleAutor CRABOLO

  2. 6

    Ich lösen, Entfernen render-blocking JavaScript wie folgt:

    <script src="filename.js"></script>
Replace with Following:  
<script src="filename.js" defer></script>
<script src="filename.js" async="async"></script>
    Einfache, aber effektive Verwendung von 'aufschieben'

    InformationsquelleAutor matinict

  3. 1

    Diese Lösungen nur Teillösungen.. Methoden-inlining, die Platzierung von Skripten an der Unterseite, mit async oder defer sind nicht die beste Lösung. Wenn u wollen, lassen Sie die Seite zuerst geladen und dann das laden der js.

    für JS code nach dem </Körper > tag 

    <script type="text/javascript">
 function downloadJSAtOnload() {
  var element = document.createElement("script");
  element.src = "yourjavascripttoload.js";
  document.body.appendChild(element);
 }
 if (window.addEventListener)
  window.addEventListener("load", downloadJSAtOnload, false);
 else if (window.attachEvent)
  window.attachEvent("onload", downloadJSAtOnload);
 else window.onload = downloadJSAtOnload;
</script>

    Src: Patrick Sexton
    https://varvy.com/pagespeed/render-blocking.html

    InformationsquelleAutor Alexander Sidikov Pfeif

Schreibe einen Kommentar