document.write() を使用
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
document.write()
を使用すると、ページ コンテンツの表示が数十秒遅れる可能性があり、接続速度が遅いユーザーにとっては特に問題になります。そのため、Chrome は多くの場合 document.write()
の実行をブロックします。つまり、デベロッパーがこれに依存することはできません。
document.write()
を使用すると、Chrome DevTools Console で次のメッセージが表示されます。
[Violation] Avoid using document.write().
Firefox の DevTools Console に、次のメッセージが表示されます。
An unbalanced tree was written using document.write() causing
data from the network to be reparsed.
Lighthouse document.write()
の監査が失敗する仕組み
Lighthouse では、Chrome がブロックしなかった document.write()
の呼び出しにフラグが立てられます。
特に問題のある使用法では、Chrome はユーザーの接続速度に応じて、document.write()
の呼び出しをブロックするか、呼び出しに関するコンソール警告を表示します。いずれの場合も、影響を受ける呼び出しは DevTools コンソールに表示されます。詳しくは、Google の document.write()
に対する介入の記事をご覧ください。
document.write()
の呼び出しが残っている場合、Lighthouse ではその呼び出しが報告されます。これは、呼び出しの方法に関係なくパフォーマンスに悪影響を及ぼし、より適切な代替手段があるためです。
document.write()
を避ける
コード内で document.write()
の使用をすべて削除します。サードパーティのスクリプトの挿入に使用している場合は、代わりに非同期読み込みを使用してください。
サードパーティのコードが document.write()
を使用している場合は、プロバイダに非同期読み込みをサポートするよう依頼してください。
関連情報
特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンスにより使用許諾されます。コードサンプルは Apache 2.0 ライセンスにより使用許諾されます。詳しくは、Google Developers サイトのポリシーをご覧ください。Java は Oracle および関連会社の登録商標です。
最終更新日 2019-05-02 UTC。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"必要な情報がない"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"複雑すぎる / 手順が多すぎる"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"最新ではない"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻訳に関する問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"サンプル / コードに問題がある"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"その他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"わかりやすい"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"問題の解決に役立った"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"その他"
}]
{"lastModified": "\u6700\u7d42\u66f4\u65b0\u65e5 2019-05-02 UTC\u3002"}
[[["わかりやすい","easyToUnderstand","thumb-up"],["問題の解決に役立った","solvedMyProblem","thumb-up"],["その他","otherUp","thumb-up"]],[["必要な情報がない","missingTheInformationINeed","thumb-down"],["複雑すぎる / 手順が多すぎる","tooComplicatedTooManySteps","thumb-down"],["最新ではない","outOfDate","thumb-down"],["翻訳に関する問題","translationIssue","thumb-down"],["サンプル / コードに問題がある","samplesCodeIssue","thumb-down"],["その他","otherDown","thumb-down"]],["最終更新日 2019-05-02 UTC。"],[],[]]