Best Practices: Práca s CSS
Dajte štýly na začiatok
Ak chcete stránku načítať postupne, to znamená, chceme, aby prehliadač zobrazí obsah bez ohľadu na to má, akonáhle je to možné, dať CSS v hornej časti stránky vo vnútri dokumentu HEAD. Tým stránky sa zdajú byť rýchlejšie načítanie, pretože to uľahčuje postupné vykresľovanie stránky. To je dôležité najmä pre stránky s množstvom obsahu a pre užívateľa na pomalšom pripojení k Internetu.
Je zdokumentované, že pre celkové zlepšenie užívateľského prostredia, je dôležité, aby indikátory a vizuálnej spätnej väzby. Aby sa predišlo nutnosti prekreslenie prvkov na stránke, v prípade, ak ich štýly sa menia, niektoré prehliadače vrátane IE, bloky stvárnenie stránky, kým CSS je úplne zaplnený. Pretože toto, používateľ uvidí prázdna biela stránka.
V W3 HTML špecifikácie "ďalej uvádza, že CSS je mi zahrnúť do HEAD časti stránky HTML. at the bottom of the page, so it's best not to use it. Tiež si všimnite, že v IE @import sa chová rovnako ako pri použití <link> v dolnej časti stránky, takže je to najlepšie, aby ju používať.
Vyhnite sa použitie prehliadača špecifiká
Filtre: Použitie filtra zvyšuje spotrebu pamäte a aplikuje sa na prvok, a to za snímku, takže je problém sa násobí. Tiež Filtre sú IE Vlastné, bude teda fungovať podľa plánu v iných prehliadačoch. Ak chcete priehľadné pozadie alebo prechod, použite 1Pixel s obrázkami.
Výrazy: CSS výrazy sú pekná vlastnosť mať v CSS, ale stále je IE špecifické funkcie. Tiež je dôležité si uvedomiť, že tieto výrazy sú hodnotené, ak je stránka vydanie a veľkosť, posúvať a dokonca aj keď používateľ presunie kurzor myši na stránke. Netreba hovoriť, že by to mohlo ovplyvniť výkon vašej stránky. Preto v jednoduchých slov, nepoužívajte CSS výrazy, ak si myslíte, ich klady "váži viac ako jeho cons"
Externalizovať vám CSS
Pomocou externého CSS bude mať za následok rýchlejšie načítanie stránky, pretože JavaScript a CSS súborov sú ukladané do vyrovnávacej pamäte prehliadača. Inline CSS v dokumentoch HTML si stiahnuť každom dokumente HTML je požadované. To by v skutočnosti mohli znížiť počet HTTP požiadaviek vyrobených ale následne sa zväčší veľkosť dokumentu HTML. Externý CSS, sú uložené v prehliadači, veľkosť dokumentu HTML je znížená bez zvýšenia počtu HTTP požiadaviek.
Vezmite prosím na vedomie, že ak užívatelia na svojich stránkach majú viac zobrazení stránky na zasadnutí a mnoho z vašich stránok znova použiť rovnaké skripty a štýly, tam je väčší potenciálny prínos z externých súborov uložených vo vyrovnávacej pamäti.
Zabaľte svoj CSS súbor
Balenie alebo škrípať vaše CSS je prax odstránenie zbytočných znakov z kódu znížiť jeho veľkosť a tým zlepšuje načítanie krát.
CSS je mi praskali tým, že odstráni všetky pripomienky a nežiadúce znaky, ako je bielych miest, nové riadky pod
