Best Practices: Rad s CSS-om
Stavite stilskih oblikovanja na vrh
Ako želite učitati stranicu progresivno, to jest, želimo preglednik da biste prikazali sadržaj bez obzira na to je što je prije moguće, stavite CSS na vrhu stranice unutar dokumenta GLAVE. To čini se da se stranice brže učitavanje, jer to olakšava progresivni verziju stranice. To je osobito važno za stranice s puno sadržaja, a za korisnike na sporijim internet vezama.
To je dokumentirana činjenica da bi se poboljšala ukupna korisničko iskustvo, važno je dati pokazatelje o napretku i vizualne povratne informacije. Kako biste izbjegli da se ponovno iscrtavanje elemenata na stranici, u slučaju ako njihov stilovi se mijenjaju, neki preglednici, uključujući IE, blokira renderiranje stranice dok CSS potpunosti učita. Zbog toga, korisnik može vidjeti praznu bijelu stranicu.
W3 HTML Specifikacije "također navodi da mora CSS me uključiti u HEAD dio HTML stranice. at the bottom of the page, so it's best not to use it. Također imajte na umu da, u IE @import ponaša isto kao i korištenjem <link> na dnu stranice, tako da je najbolje ne koristiti ga.
Izbjegavajte korištenje preglednika specifičnosti
Filteri: Upotreba filtra povećava utrošak memorije, a primjenjuje se po elementu, a ne po slici, tako da je problem množi. Isto tako, pretrage su IE stvarnim, pa neće raditi onako kako smo zamislili u drugim preglednicima. Ako želite prozirne ili gradient pozadina, koristite 1Pixel sa slikama.
Izrazi: CSS izrazi su lijepo lice imati u CSS, ali još uvijek je IE specifičnost. Također, važno je imati na umu da, ovi izrazi ocjenjuju kada se stranica je donio i mijenjati, pomicana, pa čak i kad korisnik pomiče pokazivač preko stranice. Nepotrebno je reći to bi moglo utjecati na izvedbu Vaše web stranice. Stoga u jednostavnim riječima, Izbjegavajte korištenje CSS izraze, osim ako se osjećate svoje prednosti 'teži više od svojih kontra'
Externalise vam CSS
Korištenje vanjskog CSS rezultirati bržim utovara stranice jer su JavaScript i CSS datoteke spremljeno u pregledniku. Inline CSS u HTML dokumentima se preuzeti svaki put HTML dokument se traži. To zapravo može smanjiti broj HTTP zahtjeva napravili, ali se naknadno poveća na veličinu HTML dokumenta. Vanjski CSS su spremljeno u pregledniku, veličina HTML dokumenta je smanjen bez povećanja broja HTTP zahtjeve.
Imajte na umu da, ako korisnik na Vašoj web lokaciji imati više pregleda stranica po sjednici, a mnogi od Vaših stranica ponovno korištenje iste skripte i stilovima, postoji veći potencijal imaju koristi od spremljeni vanjskim datotekama.
Pack vaše CSS datoteke
Pakiranje ili crunching svoj CSS je praksa uklanjanja nepotrebnih znakova iz koda kako bi se smanjila veličinu čime se povećava opterećenje puta.
CSS može me crunched uklanjanjem sve komentare i sve neželjene znakove poput bijelih razmaka, nove linije i dr. i sl.
