Jako reakci na komentář u článku Jak to dělám já: CSS, jsem se rozhodl udělat pokračování a porovnat rychlosti s čistým CSS a s Generování CSS souboru z LESS pomocí PHP.

Vytvořil jsem tedy dvě stránky, vzal LESS soubor z jednoho mého projektu, který měl před kompresí asi 4500 řádků. Obě na obě verze se můžete sami podívat:

CSS verze  LESS PHP verze

Pokud jste pozorně sledovali načítání stránek tak, tak už by jste měli vědět výsledek testu, pojďme si to ale změřit. Pro měření jsem použil webovou stránku gtmetrix.com.

CSS verze

css

odkaz na všechna data

 

LESS PHP verze

php

odkaz na všechna data

 

Z obrázků je jasně vidět, že klasické CSS je jasný vítěz. Takže abych odpověděl na komentář: klasický CSS soubor je rychlejší než generovaný CSS soubor, ukázalo se, že klasický CSS soubor je také o 0.1 KB menší.

Doporučení na závěr

Vyvíjet web s generováním CSS souboru, po skončení vývoje, vygenerovat CSS, zkomprimovat ho, následně schovat LESS soubor (Nemazat! může se hodit v budoucnosti), a načítat klasické CSS.