PageSpeed Insightsの診断でレンダリングを妨げるリソースの除外に対処するために
PageSpeed Insightsの診断でレンダリングを妨げるリソースの除外に対処するために、WordPressのテーマファイルを直接編集する方法を説明します。具体的には、`functions.php`ファイルを使って重要なJavaScriptやCSSの読み込みを最適化する方法を紹介します。
### 手順1: `functions.php`ファイルのバックアップ
まず、WordPressテーマの`functions.php`ファイルを編集する前に、必ずバックアップを取ってください。間違った編集によってサイトが壊れるリスクがあるためです。
### 手順2: `functions.php`ファイルの編集
#### 1. JavaScriptファイルの遅延読み込み
`functions.php`ファイルに以下のコードを追加します。これにより、JavaScriptファイルの読み込みを遅らせ、レンダリングを妨げないようにします。
```php
function defer_parsing_of_js($url) {
if (FALSE === strpos($url, '.js')) return $url;
if (strpos($url, 'jquery.min.js')) return $url;
return "$url' defer='defer";
}
ここから先は
930字
¥ 500
この記事が気に入ったらチップで応援してみませんか?