Minifikacija
Minifikacija, tai procesas, kurio metu iš šaltinio kodo pašalinami nereikalingi simboliai, tokie kaip tarpai, komentarai ir ilgi kintamųjų pavadinimai, nekeičiant funkcionalumo, taip sumažinant failo dydį greitesniam įkrovimui.
Rašydami kodą, kūrėjai naudoja tarpus, įtraukimus, aprašomus kintamųjų pavadinimus ir komentarus, kad kodas būtų lengvai skaitomas. Naršyklėms to visiškai nereikia. Minifikacija pašalina šiuos žmogui patogius elementus iš CSS, JavaScript ir HTML failų, sukurdama mažesnius failus, kurie įsikrauna ir apdorojami greičiau.
500 KB JavaScript failas gali būti minimizuotas iki 150 KB, tai 70 % sumažėjimas. CSS minifikacija pašalina komentarus, tarpus ir perteklines deklaracijas. Ji taip pat gali sujungti trumpinių savybes, susijungti identiškus selektorius ir šalinti nenaudojamus gamintojo prefiksus.
Praktikoje
- Tinklo programos JavaScript rinkinys po minifikacijos sumažėjo nuo 1,2 MB iki 340 KB, o po gzip suspaudimo, iki 95 KB, įsikraudamas per mažiau nei 1 sekundę 3G ryšiu.
- WordPress svetainė įdiegė minifikacijos įskiepi ir pagerino savo „PageSpeed Insights“ rezultatą 15 balų tik dėl CSS ir JS minifikacijos.
- SaaS skydelio CSS buvo 280 KB neminifikuotas, po minifikacijos ir nenaudotų stilių šalinimo jis sumažėjo iki 18 KB, pašalindamas renderinimą stabdančius delsos momentus.
- Kūrėjas atsitiktinai įdiegė neminifikuotą kodą į produkciją, dėl ko svetainės įkrovimo laikas padvigubėjo, jų CI/CD pipeline buvo atnaujintas, kad tai nebūtų kartojama.
Daugiau apie: Veikimas
Neaišku, kaip tai taikoma Jums?
Vyresnysis inžinierius apžiūrės Jūsų svetainę, paieškos pozicijas ir užklausų gavimo būdą, tada užrašys tris dalykus, kuriuos verta pataisyti pirmiausia. Dokumentą paliekate sau.