問題タブ [render-blocking]

これは何度も尋ねられていると思いますが、探している答えを見たことがありません。

HTMLファイルとCSSファイルを使用して、ページのレンダリングがCSSをブロックするのを止めようとして、ページの洞察（ google ）を通じてサイトを実行するいくつかの簡単なテストを行っています

今、私はこのような答えを見てきました:

そして、私は次のような答えを見てきました:

Googleフォントについては、どちらも問題ありません！しかし、ページの主要なスタイルではありません。スタイルのないページを見て、突然それらが読み込まれるのは、良いユーザー エクスペリエンスではないと思います。

明らかに、すべてをインライン スタイルとして貼り付けることで、CSS のブロックを排除できますが、これも良い習慣ではないと思います。すべてのスタイルを HTML ページに出力し、スタイル シート経由で読み込まないのです。

サイトが実際に次のようにスタイルをロードするのを見てきました:

上のページインサイト スピード テストへのリンクを次に示します。私はサイトがワードプレスを実行していることを知っています。ページのソースを表示すると、上で使用したものとまったく同じものが使用されます。

そして、それらはレンダー ブロッキングではありません...どのように?

Cloudflare を使用している https を使用しています。スタイル シートは圧縮されており、約 24 バイトしかありませんが、まだレンダリング ブロックが発生しています。

1. なんで？
2. それを避ける方法は？

最初に私の英語で申し訳ありません。私は何か見落としてますか？次のコードを使用して、コンテンツのレンダリングをブロックしないようにします。

スピードテストが成功しないと、フォントのレンダリングがブロックされていると不平を言う (async = true)... . このレンダーブロッキングを防ぐ別の方法があるのだろうか....

ページ インサイト ツールで Web サイトをスキャンしたところ、このエラーが表示されました - スクロールせずに見えるコンテンツでレンダリングをブロックする JavaScript と CSS を削除します

リンク

それを修正する方法、私はこの問題を修正するのに苦労しています。{私はコーダーではありません} 丁寧に教えてください。

これが私のウェブサイトへのリンクです。