WordPressでレンダリングをブロックするリソースを修正する方法 - JA

多くのフェイス管理者が直面する主なWordPressの問題の1つは、スクリプトとリソースのレンダリングのブロックです。. WordPressは複雑なコンテンツ管理プラットフォームであり、何らかの理由で、訪問者やサイト所有者に問題を引き起こす可能性のあるそのようなコンテンツを許可しないようにすることができます. これは、この記事の推奨事項に従うことで簡単に修正できます.

レンダリングブロックリソースにはさまざまな形式があり、問題の重大度に応じて、投稿されたマルチメディアコンテンツだけでなく、リソースを含めることができます。, だけでなく、WordPressエンジンを動かす重要なメインセクション. このカテゴリの問題の大部分は通常、不適切なプラグイン構成または最適化されていないコードセクションの結果であるため、Webサイトの所有者は自分で問題を修正する方法を見つけることができます。.

Wordpessのレンダリングブロックリソースとは正確には何ですか?

レンダリングブロックリソースは、特定のサイトにアクセスしたときにWebブラウザによって読み込まれるコンテンツを指すために使用される用語です。. これは通常、実際にはCSSまたはJavaScriptコードです “止まる” それらが処理されるまでサイトの一部の実行. これは、それらが存在する場合、 これにより、WordPressサイトの速度が大幅に低下します そしてそれを完全に壊すかもしれません. レンダリングをブロックするリソースは、すべての重要な要素である可能性があります: HTML, JavaScriptコード, PHPおよび外部サービスをロードするさまざまなスニペット.

問題が発生する可能性のある場所はいくつかあります:

• 個々の投稿
• テーマCSS構成
• WordPressプラグインと外部サービス
• 動的インタラクティブ要素

特定のWordPressブログまたはこの点に関する任意のサイトの速度は、人気のあるもので測定できます GooglePageSpeedInsightsツール. これは、特定のサイトをテストし、問題が検出された場合に推奨事項を提供するために会社によって作成されます. 大多数のサイトは、 50 に 70 これは普通と見なされます. これより高い結果は良いと見なされ、実際に最終に近いランクを達成するサイトは多くありません。 100.

この問題に対処するもう1つの理由は、 ユーザーがサイトにアクセスすることの望ましさに深刻な影響を与える. 読み込みが遅いブログは、ユーザーによって閉じられ、再度アクセスされない場合があります, 特にインターネット接続が遅い人のために. 他の重要な要素は、これができることです ブログのSEOランクを下げる 検索エンジンは速度を最も重要な測定値の1つと見なしているため.

WordPressのレンダリングブロックリソースの修正

このようなレンダリングをブロックするリソースの問題を修正する場合は、さまざまなアプローチをとることができます。. 正しいメカニズムは、サイトが抱えている個々の問題によって異なります。 — 普遍的な解決策はありません. このタイプの特定の問題が発見されると、Webサイト管理者はそれを分類できるようになります.

• JavaScript要素メソッド — Webサイト管理者は使用を試みることができます 非同期読み込み JavaScriptコードをダウンロードして実行するようにブラウザをプログラムします 同時に HTMLの残りの部分と. これにより、リソースがWordPressの読み込みをブロックするのを防ぎます. 他の方法は 延期 そして、残りのコードが実行されている間、JavaScriptコードをダウンロードするようにHTMLパーサーに指示します. インタラクティブコードは、ベースHTMLがブラウザによって処理されたときにロードされます.
• CSS要素メソッド — CSSコードに見られるようなレンダリングのブロックは、修正がはるかに複雑になる可能性があります. 場合によっては、遅延の原因は、特定のコンテンツの上にレンダリングされることを目的としたスタイルである可能性があります. 悪いコーディングは “減らす” 実行中に問題を引き起こす可能性のある配置. このため、Webサイト管理者は、付随するHTMLコードとインラインで実行することをお勧めします。. 使用される条件付きCSSがある場合、プログラマーは使用できます メディア属性 それらをそのようにラベル付けするために. 一般的な例は、 モバイルデバイスのバージョン — CSSコードは彼らだけが使用できます, デスクトップ版はそれを必要としないかもしれません. そして最後に、WordPressブログ全体で使用される関連するCSSコードを非同期でロードできます.
• 自動プラグインベースの最適化 — 手動のコード変更に依存する代わりに、この記事で説明されているプロセスの一部を自動化できるWordPressプラグインがあります.