O tom, jak nastavit v PrestaShopu cache jsme již psali. Ale nyní se zaměříme sólo na funkci CCC, protože je velmi důležitá a často přehlížená.
Budeme se bavit o CCC pro CSS (kaskádové styly) a JavaScript.
A co vlastně zkratka „CCC“ znamená?
CCC = Combine, Compress and Cache
Jak funguje CCC?
CCC pro CSS a JavaScript funguje tak, že typově stejné soubory spojí dohromady. Například, pokud máte 50 modulů, které servírují CSS soubor, tak je to spojí do jednoho. Tzn, místo načítání 50 souborů CSS se načítá pouze 1 soubor. Už víte kam míříme?
V čem je tato funkce tak skvělá?
Jak jsme si již nastínili výše na příkladu, tak z 50 CSS souborů uděláme 1 soubor, což nám výrazně ulehčí na requesty (požadavky) a tím výrazně zrychlí načítání webu, zejména ve špičce. Pokud prohlížeč musí zpracovat 100 requestů a nebo 200 requestů, je to obrovský rozdíl. Ukážeme si tuto funkci na příkladu, jak se projeví její zapnutí u našeho demo e-shopu a jak moc se omezí počet requestů.
Před zapnutím CCC pro CSS i JS je stav takovýto:
A po zapnutí funkce je stav takovýto:
Jak můžete vidět, došlo k výraznému poklesu počtu požadavků na stránku, čímž se web rychleji načítá, jelikož musí prohlížeč v komunikaci server-klient zpracovávat méně paralelních požadavků než předtím.
Má tato funkce nějaká úskalí / nevýhody?
Jediné úskalí je, že vlivem chyby v jednom souboru může dojít k chybě „všude“. Vysvětlíme si.
Představte si, že máte nějaký zahraniční modul, který má chybu v JS souboru. Pokud tedy tento 1 soubor JS spojíte s ostatními soubory, tak chyba se přenese z tohoto samostatného souboru do spojeného souboru. Výsledkem může být to, že dojde k vlivu na funkčnost.
Nicméně, toto se stává málokdy, tak v 1% případů. Takže se není čeho bát. Když budete mít nějaký problém, můžete se na nás obrátit.
Závěr
Funkce CSS by měla být vždy zapnutá, jak pro CSS, tak pro JavaScript. My ji nativně na každém našem i zákaznickém e-shopu máme zapnutou.