Vispārīgi (HTML)

Centies HTML kodu rakstīt pēc iespējas mazāku, neveidojot liekus elementus, vai wrapperus. Neizmirsti izmantot CSS pseido elementus :before un :after, kas bieži var aizstāt atsevišķus HTML elementus.

Piemēri:

Atsevišķi izveidota izvēlne ( vai jebkurš cits elements ) priekš desktop un responsive skatiem. No šādas situācijas izvairies, ja vien tas nav galīgi nepieciešams. Testējot lapu ar Google PageSpeed ir HTML elementu limits pie kura tas jau sāk noslogot lapas ātrdarbību, itsevišķi, ja tiek izmantots tāds spraudnis, kā Max Mega Menu, kas izvēlnes HTML izveido ļoti masīvu un pievienojot to divreiz HTML izmērs ievērojami pieaug.

Izmantojot bootstrap grid arī neizmanto liekus elementus, kur tie nav nepieciešami.

<div class="container">
    <div class="row">
        <div class="col-12">
            <h1>Nosaukums</h1>
        </div>
    </div>
</div>

<div class="container">
    <div class="site-content__outer">
        <div class="row">
            <div class="site-content__inner editor">...</div>
        </div>
    </div>
</div>

<div class="container">
    <h1>Nosaukums</h1>
</div>

<div class="container editor">...</div>