Minifikācija
Minifikācija ir process, kas no removes unnecessary characters from source code, like whitespace, comments, and long variable names, without changing functionality, reducing file size for faster loading.
Kad izstrādātāji raksta kodu, viņi izmanto atstarpes, atkāpes, skaidrus mainīgo nosaukumus un komentārus, lai padarītu to lasāmu. Pārlūkprogrammas tam nav vajadzīgas. Minifikcija no CSS, JavaScript un HTML failiem noņem šīs cilvēkiem draudzīgās iezīmes, radot mazākus failus, kas ielādējas un parsējas ātrāk.
500 KB liels JavaScript fails var tikt samazināts līdz 150 KB, tas ir 70% samazinājums. CSS minifikcija noņem komentārus, atstarpes un dubultos deklarējumus. Tā var arī apvienot īsinātos īpašumus, sapludināt identiskus selektorus un noņemt neizmantotos vendor prefixus.
Praksē
- Tīmekļa lietotnes JavaScript bundle pēc minifikcijas samazinājās no 1,2 MB līdz 340 KB, un pēc gzip kompresijas, līdz 95 KB, ielāde ilga mazāk nekā 1 sekundi pie 3G savienojuma
- WordPress vietne instalēja minifikcijas spraudni un uzlaboja savu PageSpeed Insights rezultātu par 15 punktiem, pateicoties vienīgi CSS un JS minifikcijai
- SaaS panela CSS bija 280 KB neminificēts, pēc minifikcijas un neizmantoto stilu tīrīšanas tas samazinājās līdz 18 KB, novēršot render-blocking aizkaves
- Izstrādātājs nejauši deployēja neminificētu kodu production vidē, liekot lapas ielādes laikam dubultoties, viņu CI/CD pipeline tika atjaunināta, lai to vairs neatkārtotu
Nezināt, kā tas attiecas uz jums?
Senior inženieris apstaigā jūsu objektu, jūsu meklēšanas klātbūtni un veidu, kādā nonāk pieprasījumi, un tad rakstiski norāda trīs lietas, ko vispirms vērts labot. Dokuments paliek jums neatkarīgi no rezultāta.