質問
HTMLドキュメントのdoctypeとブラウザのレンダリング速度との間に関係はありますか?
「はい」の場合、どれが最速ですか?
解決
ドキュメントの種類がレンダリング速度に影響を与えるとは思わない。ただし、HTMLドキュメントの構造とスタイルは次のようになります。
複雑なスタイル(フロート、ポジショニング、マージン、パディング)を持つ複雑なHTMLドキュメント(巨大なDOMツリー、多くの埋め込みオブジェクト)は、おそらく複数のレンダリングを実行する必要があります。さらに、ブラウザがDOMツリーの解析と構築のためにエラー処理を行う必要があるHTMLコードが無効です(ただし、レンダリングではありません)。
たとえば、 Geckoリフローを使用して、FirefoxのレンダリングエンジンGeckoがどのようにレンダリングするかを示します。 HTMLドキュメント( mozilla.org 、 Wikipediaページおよび google.co.jp )。
他のヒント
Googleは、地球上で最速のサイトの1つです。次のdoctypeを使用します:
<!doctype html>
Googleでは、「すべてのバイトが重要」。
確かに、Googleは他にもたくさんのことを最初にやっています。あなたが彼らのレベルにいるとき、あなたはあなたが送る文字/バイトの数について考える必要があります。そのため、Doctypeの変更が役立つと思われる時点で、上記を使用してください。
私自身の経験にのみ基づいて、どんな違いもまったく無視できるものだと思います。
Doctypeの選択には、影響を与える可能性のあるいくつかの要因があります:
- 厳密なdoctypeを使用すると、解析時間が短くなります(明らかにエラーが発生しません)。
- すべての必須の終了タグにより、XHTMLのロードに時間がかかる場合があります。
ただし、これはレンダリングエンジンとソースコードの処理方法によって大きく異なります。
まだ最適化されているウェブサイトはまだ見ていませんが、見ているのはdoctypeだけです。ページの読み込み速度を向上させるには、 ySlow などのツールを使用するか、 Google Page Speed を使用して、改善すべき明らかな領域を示します。
実世界でのレンダリング速度の違いについて聞いたことがありません。同様に、XHTMLがより高速にレンダリングされることがしばしば提案されます。整形式のドキュメントでは、ブラウザでエラーを処理する必要はありませんが、ブラウザはレンダリングされるまで整形式であることを知りません...
検証されない厳格なXHTML Doctypeを含むページがたくさんあります。
関連する他のすべての要因は、おそらくより重要です-ダウンロード速度を除き、CSSセレクターの使用方法は確かに影響を与える可能性があります。