無料のWordPressJavaScriptプラグイン
Frank Goossensは、無料の非同期JavaScriptプラグインを開発しました。プラグインを使用して、スクロールしなければ見えない位置にあるレンダリングをブロックするJavascript(JS)コンテンツを削除できます。 WordPress4.6以降と互換性があります。オランダ語、アメリカ英語、スペイン語の3つの方言の5つの言語で無料でダウンロードできます p>
このアプリを使用すると、スクリプトへの遅延または待機属性の追加と削除を完全に制御し、サイトを増やすことができます。読み込み速度。非同期JSロードを提供する他のプラグインは、LazyWidgetLoaderとReverbforPublishersです。
非同期読み込みの説明
通常、WordPressはスクリプトを一度に1つずつ読み込みます。次のアイテムを読み込む前に1つのアイテムを完全に読み込む必要があるため、サイト全体の読み込み時間が長くなります。
非同期読み込みファイルを並行して読み込む。開発者は、JavaScriptに非同期属性を追加するか、特定のスクリプトを除外するために「defer」属性を追加することでこれを行います。
ブラウザのサポートとCSS
非同期は、 HTML5の新しい属性とChrome、Internet Explorer 10以降、Firefox 3.6以降、SafariとOperaです。 。組み込みのWordPressスクリプトキューイングでのみ機能します。 p>
非同期で使用するもう1つの便利な属性はawaitです。これは、WebAPI関数に役立ちます。awaitは非同期関数内でのみ機能することに注意してください。特定の条件が設定され、この条件が満たされた場合にのみ、Javascriptが非同期で読み込まれます。 p>
プラグインはJSでのみ機能します。CSSスクリプトは変更されません。 CSSを最適化するには、この機能専用のプラグインが必要です。 p>
ウェブサイトのパフォーマンスを向上させる
非同期JavaScriptを使用すると、サイト所有者はJavaScriptを非同期で読み込むか、特定のスクリプトの読み込みを削除または延期して、ページの読み込み時間を短縮できます。もう1つの便利なオプションは、「await」です。この場合、スクリプトは特定の条件が満たされた場合にのみロードされます。また、コーディングを簡素化します。 p>
最新のリリースでは、開発者は特定のインラインJSスクリプトの回避策を非同期で同期するように追加しました。