どのようにすべてのあなたのワードプレスの Javascript ファイルが非同期に読み込まれる

あなたが持っているかどうか、 web サイト で ワードプレス, 可能性があるの必要性を感じている、 スクリプト で Java スクリプトの設定 あなたのサイトからを読み込まれる 非同期的に, 回避します。 ブロック ページの読み込み中は、取得, このようなスクリプトに要求される場合は特に 外部 URL あなたのサイトに, を, この時点でこれらのシステムがある負荷に応じて, 彼らはもっとまたはより少なく要求に応答するかかることがあります。.

通常, 通常を加えた場合の使用 Google PageSpeed 洞察力 測定するため、 インデックスの最適化 あなた web サイト, Google によると, 応答として取得したことがありますが 表示をブロックする Javascript を排除します。.

これで, このアナライザーを確認する私たちに場合は、します。 あります。 ファイル Java スクリプトの設定, 対応する要求が行われています。, これらのアプリケーションが解決されませんまで、, web の負荷の状態にあります。 ロック, 何になります、 充電時間 同じ外観減少.

これを行うには、最良の選択肢は、 Java スクリプトの設定ファイル 方法でロードする 非同期, すなわち, アプリケーションとそれらの待機方法を確認します。並列 web ページをロードするには, 待っている間は、このブロックを防ぐ.

で ワードプレス いくつかがあります。 プラグイン これを作る, 我々はすでに知っています。, 私たちのシステムは任意のプラグイン作るの使用 オーバーロード, 解決策はので、の使用、 コード 私はアーカイブに挿入されます。 functions.php, 開催は、 フォルダーのルート の、 テーマ 我々はこの時点で使用していること, 何かに似て:

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

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

問題のファイルを一度あります。, それ編集, とに、 最終的です それをご紹介します 次のコード:

//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 );

時間が保存されている場合, テスト web サイトを読み込む と、 コードレビュー ページのソース, お知らせをすべて、 スクリプト の Java スクリプトの設定 あなたが持っています。追加属性と値 非同期 = ’ 非同期’, 通知, 問題のブラウザー, 遂行する、 非同期の読み込み またはそれらを並行, ウェブの読み込みを続行する終了するを待つことがなく.