Veľkosť CSS súboru
Na internete je veľa diskusií o tom, ako veľký má byť súbor so štýlmi CSS.
Niektorý tvrdia, že je to jedno a druhý zase tvrdia, aby bol čo najmenší.
Pravdu podľa mňa majú aj tí prvý, ale aj tí druhý. Záleží totiž viac na tom, ako ten daný štýl pripojíte k dokumentu HTML.
Pre istotu si pripomeňme, akými spôsobmi sa dá pripojiť CSS štýl k HTML dokumentu.
- Priami štýl – zápis priamo v danom tagu
<span style=„font-style: italic“>text kurzívou</span> - Zoznamom štýlov zapísaných v hlavičke dokumentu medzi
<style></style> - Externé štýly – externý súbor pripojený pomocou
<link rel=„stylesheet“ type=„text/css“ href=„pokus.css“>, alebo<style>@import url(„pokus.css“);</style>
Reč bude výhradne o externých štýloch, pretože pri štýloch, ktoré sú zapísané priamo v dokumente HTML, je to niečo úplne iné a je dúfam jasné, že čím je tento zápis štýlu väčší, tak sa bude samotný HTML dokument dlhšie načítavať.
Aj toto je jeden a nie jediný dôvod, prečo je najlepšie používať externé štýly.
Ako prehliadač spracuje náš CSS súbor?
Pri použití metódy link je to veľmi jednoduché, pri prvom načítaní stránky si uloží CSS súbor do cache a odtiaľ si ho načítava pri ďalších podstránkach.
S toho vyplýva, že síce je jeho veľkosť dôležitá, moc by som sa týmto nezaoberal, pretože ak máme štýl veľký napríklad 5kB je to zanedbateľné v porovnaní s veľkosťou samotného dokumentu a obrázkov.
Ešte musím pripomenúť hlavný rozdiel pripojenia CSS pomocou metódy link a @import.
Ako vždy, zase je rozdiel len pri Internet Exploreri, ktorý pri metóde @import načítava stále CSS súbor zo servera a neukladá si ho do cache.
Inteligentné prehliadače si načítajú CSS do cache pri oboch metódach.
Oplatí sa rozdeliť CSS súbor na viac častí?
Skôr nie, určite záleží od konkrétnej situácie, ale pokiaľ veľkosť súboru nepresiahne 15–20kB tak osobne nevidím problém v tom, aby bol súbor len jeden.
Moje skúsenosti na záver
Veľkosť CSS súboru pri blogoch, osobných stránkach, firemných prezentáciách, atď. sa pohybuje zhruba od 0kB do 10kB, teda ak náhodou nie je na každej podstránke použitý iný dizajn.
Väčšie súbory sa vyskytujú väčšinou až pri zložitejších stránkach, ako elektronické obchody, portáli, atď.
Páči sa vám tento článok, zalinkujte ho:
««« Predchádzajúci text: Navigácia blogu Následujúcí text: Slovensko hľadá Superstar »»»
Verzia pre tlač | 0 komentárov | 774x
Komentáre k textu
Rss komentářů tohoto textu - Formulár pre nový komentár
K textu nebol napísaný žiadny komentár.
