PageSpeed Insightsの診断で「レンダリングを妨げるリソースの除外」が指摘される場合

PageSpeed Insightsの診断で「レンダリングを妨げるリソースの除外」が指摘される場合、ウェブページの読み込み速度を向上させるために以下の手順を検討することができます。

### 1. 非同期読み込みの設定

CSSやJavaScriptファイルを非同期に読み込むことで、レンダリングをブロックしないようにします。

#### CSSの非同期読み込み

以下のコードを`functions.php`に追加します：

```php

function async_css($tag, $handle) {

    if ('style-handle' !== $handle) {

        return $tag;

    }

    return str_replace('rel=\'stylesheet\'', 'rel=\'preload\' as=\'style\' onload=\'this.onload=null;this.rel="stylesheet"\'', $tag);

}

add_filter('style_loader_tag', 'async_css', 10, 2);

```

`style-handle`を実際のスタイルシートのハンドル名に変更してください。