{"id":2625,"date":"2020-09-11T00:15:41","date_gmt":"2020-09-10T23:15:41","guid":{"rendered":"https:\/\/www.webhostingsrbija.rs\/?p=2625"},"modified":"2020-09-11T00:15:41","modified_gmt":"2020-09-10T23:15:41","slug":"litespeed-page-optimization-css","status":"publish","type":"post","link":"https:\/\/www.webhostingsrbija.rs\/en\/litespeed-page-optimization-css\/","title":{"rendered":"LiteSpeed Page Optimization - CSS"},"content":{"rendered":"\n

Prilikom pode\u0161avanja ovog dela misli se na celu Page Optimizaciju. Ona mo\u017ee da onemogu\u0107i va\u0161 sajt da se u\u010dita ukoliko do\u0111e do neke gre\u0161ke jer se ovde prili\u010dno vr\u0161e izmene koda va\u0161eg sajta.<\/p>\n\n\n\n

Nakon svake izmene potrebno je da uradite Purge ALL kako bi se o\u010distio stari ke\u0161 i da testirate sajt da otvorite strane vi\u0161e puta (jer se prvog puta kreira ke\u0161 otvaranjem pa se tek posle u\u010ditava iz ke\u0161irane strane).<\/p>\n\n\n\n

Jako je bitno testiarnje nakon ovih opcija. One zna\u010dajno ubrzavaju sajt ali kako plugin vr\u0161i izmene onda je neophodan test. Pogotovo sajt koji koriste page buildere plugine.<\/p>\n\n\n\n

Ovde je ako je mogu\u0107e omogu\u0107iti \u0161to vi\u0161e opcija. Svaka opcija dodatno ubrzava sajt.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

CSS Minify<\/strong>: Ovom opcijom se va\u0161i css fajlovi koje postoje na va\u0161em sajtu se smanjuju i bri\u0161u se razmaci i komentari kako bi veli\u010dina fajla bila \u0161to manja. Verovali ili ne \u010dak i razmak zauzima mesta, pa kada se saberu svi razmaci to je isto kao i odre\u0111eni deo koda.<\/p>\n\n\n\n

CSS Combine<\/strong>: Ovo je dobra opcija gde sjedinjuje sve CSS fajlove koje imate sumira u jedan css fajl. <\/p>\n\n\n\n

Unique CSS File<\/strong>: U ovom slu\u010daju svaka strana generi\u0161e svoj CSS fajl koji se servira.<\/p>\n\n\n\n

CSS HTTP\/2 Push<\/strong>: fajl css bi\u0107e poslat browseru i pre nego \u0161to se zatra\u017ei<\/p>\n\n\n\n

Load CSS Asynchronously<\/strong>: Sa ovom opcijom kada je isklju\u010deno, prvo se u\u010ditava HTML iz \u010dega se zahteav u\u010ditavanje CSS fajla. A kada se uklju\u010di ova opcija onda se HTML i CSS u\u010ditava istovremeno. <\/p>\n\n\n\n

Napomena kod ovoga mo\u017ee da se desi prilikom osve\u017eavanja da kao da trepne sajt na neku mili sekundu prilikom u\u010ditavanja ili da se pojavi html bez css pa posle da se pojavi sve normalno. Ovo je br\u017ee i od treptaja oka ali postoji mogu\u0107nost da se desi.<\/p>\n\n\n\n

Generate Critical CSS<\/strong>: ova opcija je po aktiviranju odmah uklju\u010dena ali radi samo ako uklju\u010dite i Load CSS Asynchronously. Opcija je u stvari generisanje minimalnog CSS kako bi se strana u\u010ditala. Ovom opcijom se \u0161alje zahtev QUIC.cloud servisu da generi\u0161e minimalni CSS i da po\u0161alje nazanad na server. Naravno ovo mo\u017ee da oduzme vreme prilikom kreiranja ali tome slu\u017ei slede\u0107a opcija koja ovo re\u0161ava.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Generate Critical CSS in Background<\/strong>: Ova opcija omogu\u0107ava da kreirate minialni CSS iz prethodne opcije u pozadini automatski. Ukoliko je prethodna opcija uklju\u010dena a ova isklju\u010dena, posetioci koji prvi pristupi sajtu bi\u0107e malo usporen sajt jer \u0107e po njegovoj poseti biti generisan css.<\/p>\n\n\n\n

Separate CCSS Cache Post Types<\/strong> i opcija Separate CCSS Cache URIs<\/strong> se skoro nikada ne koriste. U slu\u010daju da su vam potrebne za generisanje zasebnog css primere imate ovde<\/a>.<\/p>\n\n\n\n

Inline CSS Async Lib<\/strong>: ova opcija smanjuje render blocking tako \u0161to css u\u010ditava inline. (bitno je ako ho\u0107ete da imate \u0161to ve\u0107i skor na testovima za ubrzanje web sajta kao \u0161to je gtmetrix).<\/p>\n\n\n\n

Font Display Optimization<\/strong>: Ova opcija dodaje font-display svuda gde je @font-face pre nego \u0161to se ke\u0161ira CSS kako bi se znalo koji font se koristi dok se font u me\u0111uvremeno skida.<\/p>\n\r\n