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

この記事が気に入ったらチップで応援してみませんか?