Paraugprakses: Darbs ar CSS
Put stilu pie Top
Ja jūs vēlaties lapu, lai slodze pakāpeniski, tas ir, mēs vēlamies pārlūku, lai parādītu kāds saturs tajā ir cik ātri vien iespējams, ielieciet CSS augšpusē lapas iekšpusē dokumentu HEAD. Tas padara lapas, šķiet, iekraušana ātrāk, jo tas sekmē pakāpenisku renderēšanu lapā. Tas ir īpaši svarīgi lapas ar daudz satura un lietotājiem par lēnāku interneta pieslēgumu.
Tas ir dokumentēts fakts, ka, lai uzlabotu vispārējo lietotāju pieredzi, ir svarīgi nodrošināt progresa indikatorus un vizuālo feedbacks. Lai izvairītos, lai ievilktu elementus lapas, tādā gadījumā, ja viņu stilu izmaiņas, dažas pārlūkprogrammas, ieskaitot IE, bloki izciršanas lappuses kamēr CSS ir pilnībā ielādēta. Tādēļ, lietotājs saņem redzēt tukša balta lapa.
W3 HTML specifikācija "arī norāda, ka CSS ir mani iekļaut HEAD sadaļā HTML lapā. at the bottom of the page, so it's best not to use it. Arī atzīmē, ka, IE @import uzvedas tāpat kā lietojot <link> pie lapas apakšā, tāpēc vislabāk to neizmantot.
Izvairieties Izmantojot pārlūka īpatnības
Filtri: izmanto filtru palielina atmiņas patēriņu un piemēro vienu elementu, nevis vienu attēlu, lai problēma tiek reizināts. Arī filtri ir IE Patentēts, tāpēc nestrādās kā paredzēts citās pārlūkprogrammās. Ja jūs vēlaties, pārredzamas vai gradients fonus, izmantot 1Pixel ar attēliem.
Apzīmējumiem: CSS izpausmes ir jauka iezīme ir CSS, taču joprojām ir IE specifiska iezīme. Tāpat ir svarīgi atzīmēt, ka šie izteikumi ir izvērtēts lapa ir atveidota un mainīti, apskatus un pat tad, kad lietotājs pārvieto peli pāri lapā. Lieki teikt, tas varētu ietekmēt veiktspēju jūsu lapas. Tādējādi vienkāršā vārdiem, neizmantojiet CSS izpausmes, ja vien jūs jūtaties tā pozitīvo "sver vairāk nekā tās mīnusi"
Ārējos jums CSS
Izmantojot ārējo CSS radīs ātrāku iekraušana lpp jo JavaScript un CSS failus ir kešatmiņā ar pārlūku. Inline CSS HTML dokumentu iegūt lejupielādēt katru reizi HTML dokuments tiek pieprasīta. Tas tiešām var samazināt skaitu HTTP saņemto pieprasījumu, bet pēc tam palielina lielumu HTML dokumentā. Ārējo CSS ir kešatmiņā ar pārlūku, no HTML dokumenta izmēri ir samazināti nepalielinot strādājošo skaitu HTTP pieprasījumiem.
Lūdzu, ņemiet vērā, ka, ja lietotāji jūsu vietnē ir vairākas lapas apskatus vienā sesijā, un daudzi no jūsu lapas atkārtoti izmantot tos pašus skriptus un stilu, ir lielāks potenciāls gūt labumu no kešotiem ārējiem failiem.
Pack jūsu CSS failu
Iepakošanas vai crunching savu CSS ir prakse, kā likvidēt nevajadzīgās rakstzīmes kodu, lai samazinātu tā izmēru, tādējādi uzlabojot transportlīdzekļu noslodzes reizes.
CSS var man čaukstēja, atceļot visus komentārus un kādu nevēlamu rakstzīmes, piemēram, balto plankumu, newlines uc
