アバダ テーマを実行している個人用のワードプレス Web サイトを運営しており、そこで Google ページ速度分析ツールを実行したところ、「スクロールせずに見えるコンテンツでレンダリングをブロックする JavaScript と CSS を削除する」という問題があると表示されました。
これを修正する方法がわかりません。ワードプレスのテーマをコーディングする方法がわからないため、コードを変更できません。これを修正するためにいくつかのプラグインを使用してみましたが、ほぼ修正されたプラグインは「自動最適化」でした。誰かが何か提案があれば、それは大歓迎です。
wp_enqueue_script() を見てください。スクリプトをエコーする場所、特に最後の引数 $in_footer を指定できます。HTML がレンダリングされた後にスクリプトがフッターにエコーされる場合は、問題が解決されます。通常、JavaScript はテーマ ディレクトリ (wp-content/themes/your-theme-name/functions.php) の functions.php ファイルから呼び出されます。次のようなものを探します。
wp_enqueue_script('isotope', get_bloginfo('template_url').'/js/jquery.isotope.min.js', array('jquery'), '1.3.110525', true);
jQuery に依存するスクリプトをエンキューし、フッターにエコーするように wordpress に指示します。Web ページのソースを表示すると、どのスクリプトがヘッダーに表示され、どのスクリプトがフッターに表示されているかがわかります。一部のプラグインはヘッダーに関係なくスクリプトをエコーするため、実際のプラグインを変更しないと多くのことはできません。さらに、一部の JavaScript は、DOM をロードする前に上部にロードする必要がある場合があります。それが役に立てば幸い。