PageSpeed Insights で以下のように警告された。



<blockquote class="wp-block-quote">第三者コードの影響を抑えてください</blockquote>



しかし、Autoptimizeの<code>非同期 JavaScript ファイル (上級ユーザー向け)</code>の設定や Async JavaScript プラグインでは調べた限り第三者コード（外部ファイルのJavaScriptなど）では「Comma-separated list of local or 3rd party JS-files that should loaded with the <code>async</code> flag」のように書いているのに、なぜかasyncは付与されなかった。



今回はFacebookのコードが重いと警告されていたので、以下のページを参考に<code>async</code>を付与できた。



<figure class="wp-block-embed-wordpress wp-block-embed is-type-wp-embed is-provider-requ-log-レク-ログ"><div class="wp-block-embed__wrapper">
https://requlog.com/self-branding/wordpress/facebook-fast-display/
</div></figure>



だが未だにPSIのスコアは大きくは改善されず‥。続く‥。

WordPressの第三者コードを非同期で読み込む方法

<html><head></head><body>PageSpeed Insights で以下のように警告された。



<blockquote class="wp-block-quote">第三者コードの影響を抑えてください</blockquote>



しかし、Autoptimizeの<code>非同期 JavaScript ファイル&nbsp;(上級ユーザー向け)</code>の設定や Async JavaScript プラグインでは調べた限り第三者コード（外部ファイルのJavaScriptなど）では「Comma-separated list of local or 3rd party JS-files that should loaded with the&nbsp;<code>async</code>&nbsp;flag」のように書いているのに、なぜかasyncは付与されなかった。



今回はFacebookのコードが重いと警告されていたので、以下のページを参考に<code>async</code>を付与できた。



<figure class="wp-block-embed-wordpress wp-block-embed is-type-wp-embed is-provider-requ-log-レク-ログ"><div class="wp-block-embed__wrapper">
https://requlog.com/self-branding/wordpress/facebook-fast-display/
</div></figure>



だが未だにPSIのスコアは大きくは改善されず‥。続く‥。
</body></html>