Inhoudsopgave
Een van de meest gebruikelijke methoden voor het optimaliseren van de stylesheet (CSS) is het verwijderen van ongebruikte selectors, het verwijderen van ongewenste witruimte,
Enkele tools die we kunnen gebruiken om onze stylesheets te optimaliseren zijn:
W3C CSS-validator is een tool waarmee u uw CSS-code kunt valideren. We kunnen de Java-validator downloaden en gebruiken op onze computer, in de offline modus, of, als je wilt, de online versie gebruiken om de css-code te controleren.
CSS-validator is een extensie voor Firefox zal u helpen uw CSS-code te valideren, net als de vorige, hoewel u deze hiermee vanuit Firefox kunt starten, zonder naar de bronwebsite te hoeven gaan. Eenmaal geïnstalleerd, kunt u de CSS-code van elke webpagina met een enkele klik controleren.
CSSCheck Zelfs als uw CSS-code gevalideerd is, betekent dit niet dat deze foutloos is, alleen dat deze voldoet aan de W3C-normen. Als u compatibiliteitsproblemen tussen verschillende browsers wilt oplossen, is CSSCheck een uitstekend hulpmiddel om deze taak te volbrengen.
CSS-analysator is een tool waarmee u uw stylesheet kunt valideren volgens de W3C-normen, een kleurcontrasttest kunt uitvoeren en kunt controleren of de relevante maten zijn gespecificeerd in relatieve maateenheden. Erg nuttig.
De kleurcontrasttest controleert simpelweg of de achtergrond en het kleurenschema van onze site geschikt is voor mensen die moeite hebben met het onderscheiden van kleuren, of wanneer de website wordt weergegeven op een zwart-wit scherm.
Dust-Me-kiezers is een andere Firefox-extensie die CSS-kiezers vindt die niet worden gebruikt op de pagina die u bekijkt. U kunt het op afzonderlijke pagina's gebruiken of de hele website laten crawlen.
U krijgt een rapport met de selectors die u niet gebruikt, u kunt ze uit uw stylesheet verwijderen, waardoor het CSS-bestand kleiner wordt en uiteindelijk een hogere snelheid voor de website wordt bereikt.
CSS Tidy is gratis software waarmee u uw CSS-code kunt comprimeren en optimaliseren. Het is beschikbaar in .EXE-indeling (alleen Windows) of in een gecomprimeerd, platformonafhankelijk PHP-script voor webontwikkelaars. CSS Tidy verwijdert opmerkingen, onnodige witruimte en verandert delen van de code in steno. Terwijl het comprimeert, kunt u kiezen tussen een hogere of lagere compressieverhouding. Afhankelijk van de grootte van uw bestand krijgt u een compressieverhouding van 30% of meer.
Deze tools stellen ons in staat om optimalisatietaken uit te voeren op onze stijlbladbestanden en op onze website om ruimte te besparen en de toegangssnelheid voor onze bezoekers te verhogen, naast het beter organiseren van de stijlen die we gebruiken bij het ontwikkelen en ontwerpen.Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een positief punt te geven
