Kompresja i optymalizacja kodu cssZ punktu widzenia programisty krytycznym zasobem jest czas procesora. Dlatego badamy złożoność stosowanych algorytmów i wybieramy najlepszy. Czyli ten, który przy jak najmniejszej liczbie operacji realizuje określone zadanie. Na pewno? A inne kryteria?

Tworząc aplikacje internetowe, w tym także strony, konieczne jest także optymalizowanie kodu pod względem wykorzystania łącza. To oznacza jak najmniejszą ilość wywołań HTTP, szczególnie POST i GET. To oznacza jak najmniejsze pakiety danych. Zużycie czasu procesora w tym kontekście ma niewielkie znaczenie.

Jak najprościej, bez refaktoryzacji kodu, zoptymalizować utworzoną przez nas stronę? Kompresja plików źródłowych! Kompresory usuwają niepotrzebne znaki takie jak spacje, komentarze itp. Kod staje się nieczytelny, ale dzięki temu zmniejszamy rozmiar pliku. Dla szablonu bloga kissdesign.pl, kompresja pliku styles.css przyniosła 10-procentowy zysk.

Spróbuj sam! Użyj darmowego kompresora i optymalizatora css on-line.

Dlaczego piszę o optymalizacji? W przypadku plików CSS nierzadko powielamy reguły, które mogą zostać zapisane jedną. Podobnie ze stosowaniem skrótów.

Przed kompresją i optymalizacją:


body{
   text-align: left;
}

p{
   text-align: left;
   margin-bottom: 2em;
   margin-top: 1em;
}

Po kompresji i optymalizacji (pozostawiłem przejście do następnej linii dla czytelności):


body,p{text-align:left}
p{margin-bottom:2em;margin-top:1em}

Podobnie można kompresować kod html, javascript. Nie mówiąc o kompresji obrazów! Ale to już temat na inny wpis…

Skorzystałeś z optymalizacji kodu? Podziel się wynikiem, czy zysk był wart tych dwóch kliknięć? ;-)