Wie erstelle ich Ihr WordPress Javascript Dateien asynchron geladen werden

Haben Sie eine Web-site in WordPress, Möglicherweise habe das Bedürfnis für die Skripte in JavaScript Ihre Website wird aus geladen. asynchron, Vermeidung von Block das Laden der Seite, während diese erhältlich sind, vor allem, wenn solche Skripte zu angefordert werden Externe URL auf Ihrer Website, die, Je nach Belastung, dass Sie diese Systeme zu diesem Zeitpunkt, Sie können mehr oder weniger nehmen, reagieren auf Anfrage.

Normalerweise, Wenn Sie in der Regel machen nutzen Google PageSpeed Insights zur Messung der Index-Optimierung von Ihrem Web-site, Laut Google, Sie als Antwort erhalten haben, Sie beseitigen das Javascript, das die Anzeige blockiert.

Mit diesem, was Sie uns dieses Analyzers angeben möchten, ist, dass Es gibt Dateien JavaScript, die entsprechenden Anträge gestellt werden, und bis diese Anwendungen nicht aufgelöst werden, die Last des Webs ist im Bundesstaat Sperre, Was machen, dass die Ladezeit das gleiche Aussehen verminderte.

Die beste Möglichkeit, dies zu tun ist, dass die JavaScript-Dateien in gewissem Sinne geladen werden asynchrone, d. h., Anwendungen und wartet von ihnen machen Weg parallel zum Laden der Web-Seite, wodurch diese Blockierung während Sie warten.

In WordPress Es gibt einige Plugin so dass diese, aber wir wissen bereits, die Verwendung von jedem Plugin macht ist unser system Überlast, so die Lösung zu verwenden, der eine Code Ich werde im Archiv einfügen Functions.php, ist die Herberge in der Root-Ordner von der Thema dass wir zu diesem Zeitpunkt mit, etwas ähnliches wie:

directorio_web/wp-content/themes/mi_tema/functions.php

1	directorio_web/wp-content/themes/mi_tema/functions.php

Sobald die betreffende Datei gefunden, Es Bearbeiten, und zu den endgültige Es führen die folgenden code:

//Hace que todos los js se carguen de forma asincrona
function carga_js_asincrona( $etiqueta ) {
   #Añade async a todos los scripts
   return str_replace( ' src', ' async="async" src', $etiqueta );
}

add_filter( 'script_loader_tag', 'carga_js_asincrona', 10 );

//Hace que todos los js se carguen de forma asincrona

function carga_js_asincrona( $etiqueta ) {

#Añade async a todos los scripts

return str_replace( ' src', ' async="async" src', $etiqueta );

}

add_filter( 'script_loader_tag', 'carga_js_asincrona', 10 );

Wenn eine Zeitersparnis, Tests zur Laden Sie Ihre Web site und eine die Code-review Seitenquelltext, Beachten Sie, dass alle die Skripte der JavaScript sind Sie hat hinzugefügt das Attribut und Wert Async = ’ Async’, so benachrichtigen, der Browser in Frage, für die Durchführung der asynchrone Laden oder sie parallel, ohne zu warten, bis zum Ende weiter laden im web.