Optymalizacja kodu CSS cz.3
Dobrą praktyką przy pisaniu kodu CSS jest korzystanie z tzw. właściwości skróconych. Można je zastosować przy korzystaniu z właściwości background, border, font, padding i margin.
Kod zamieszczony na listingu powyżej zajmuje 577 bitów, tymczasem zoptymalizowany kod (pokazany na listingu poniżej) już tylko 123 bity. To jest mniej o 454 bity. W ten sposób udało się zmniejszyć objętość kodu o 79%.
Dobrą praktyką jest utrzymywanie na serwerze dwóch wersji pliku ze stylami CSS. Jedna wersja powinna być skompresowana i używana na stronie. Druga nie powinna być kompresowana, po to aby była czytelna dla programisty. Jest to szczególnie ważne ze względu na możliwość wprowadzania zmian po umieszczeniu strony w Internecie. Jest też trzecia możliwość. Można utrzymywać na serwerze kilka plików CSS, a następnie poprzez specjalny skrypt wykonany na przykład w języku PHP „zszywać” je i na stronie wstawiać łącze do tylko jednego pliku.
To jest trzecia część artykułu, możesz przejść do czwartej części artykułu o optymalizacji kodu CSS.
Grzegorz Getka