0

Googleの速度に関するベストプラクティス（Webサイトを見て、正しいことがわかっている）によると、CSSの子孫セレクターを使用しないでください。これは、DOMを頻繁に検索する必要があるためです。

したがって、セクション内のすべての記事で何かを変更したい場合。まあ言ってみれば：

<section id="others">
    <article>
        ...
    </article>
    <article>
        ...
    </article>
</section>

この特定のセクション内のすべての記事を変更するには、次のことを行うべきではありません。

#others article {

やったほうがいい

<section>
    <article class="others">
        ...
    </article>
    <article class="others">
        ...
    </article>
</section>

.others {

しかし、それでもこれらすべてのクラスとIDを使用する必要がある場合、これらの新しいHTML5タグのポイントは何ですか？つまり、ベストプラクティスがとにかくクラスとIDを使用することである場合。

4

2 に答える 2

2

平均的なWebサイトで、指定したシナリオの速度に大きな違いが見られる可能性はほとんどありません。Webで最も人気のあるページの1つをロードしようとしている場合は、あらゆる種類のトリックを使用して、ロードを非常に高速にします。ただし、ほとんどのWebサイトでは、これはマイクロ最適化です。

セレクターを超高速にするために、すべてにIDが含まれていることを確認し、CSSでIDを使用できますが、これによりCSSの保守が非常に難しくなり、最近の最大のコストは開発者が作業にかかる時間です。

せいぜい、セレクターのレベルを下げようとする必要がありますが、それらを完全に削除することは実用的ではありません。

明確にするために、この最適化は実際にはCSSのレンダリング速度に関するものです。余分なバイト数でHTMLを重くしていることを考えると、CSSのレンダリングにかかる​​時間の節約（ほとんど時間がない）によって、Webアプリが高速化されると思いますclass="other"か？

于 2012-10-29T21:57:29.800 に答える
0

グーグルはスピードに焦点を合わせています。構造内のHTML5。おそらくDOMでの検索にはかなりの時間がかかりますが（私はそうは思いませんが）、新しいタグを使用するとHTML5ページを読む方が簡単です。つまり、divなどを使用して同じ種類の構造を作成できますが、新しいタグを使用すると、ユーザーはそれらを使用するようになります。もう1つのポイントは、膨大な量のdivが何をするのかを理解するために費やす時間です。使用する場合、たとえば記事タグを使用すると、コンテンツが記事の一部であることがわかります。これにより、開発者の作業が容易になります。

于 2012-10-29T21:56:46.933 に答える