നിങ്ങളുടെ ബ്രൗസറിൽ CSS സ്റ്റൈൽഷീറ്റുകൾ തൽക്ഷണം ചെറുതാക്കി കംപ്രസ് ചെയ്യുക. അഭിപ്രായങ്ങൾ നീക്കം ചെയ്യുക, വൈറ്റ്സ്പേസ് ചുരുക്കുക, ഫയൽ വലുപ്പം കുറയ്ക്കുക. സ്വതന്ത്രവും സ്വകാര്യവും.
.css ഫയലുകൾ പിന്തുണയ്ക്കുന്നു. അല്ലെങ്കിൽ നിങ്ങളുടെ CSS മുകളിൽ ഒട്ടിക്കുക.
ബ്രൗസറുകളിൽ സേവിക്കുന്നതിന് മുമ്പ് അതിൻ്റെ വലുപ്പം കുറയ്ക്കുന്നതിന് ഒരു സ്റ്റൈൽഷീറ്റിൽ നിന്ന് വൈറ്റ്സ്പേസ്, കമൻ്റുകൾ, അനാവശ്യ പ്രതീകങ്ങൾ എന്നിവ CSS മിനിഫിക്കേഷൻ നീക്കം ചെയ്യുന്നു. യഥാർത്ഥ നിയമങ്ങൾക്ക് മാറ്റമില്ല: ഒരു മിനിഫൈഡ് സ്റ്റൈൽഷീറ്റ്, അൺമിനിഫൈഡ് സോഴ്സിന് സമാനമായി പേജുകളെ റെൻഡർ ചെയ്യുന്നു. ന്യൂലൈനുകൾ, അനാവശ്യ അർദ്ധവിരാമങ്ങൾ, അഭിപ്രായങ്ങൾ, ഹെക്സ്-കളർ ഷോർട്ട്ഹാൻഡ് അവസരങ്ങൾ, സീറോ-യൂണിറ്റ് കുറുക്കുവഴികൾ (0px-ന് പകരം 0) എന്നിവ നീക്കം ചെയ്യുന്നതിലൂടെയാണ് ലാഭം ലഭിക്കുന്നത്.
ഡസൻ കണക്കിന് ശൈലി നിയമങ്ങളുള്ള ആധുനിക വെബ്സൈറ്റുകളിൽ, അൺമിനിഫൈഡ് സ്രോതസ്സിനെതിരെ 20-40% ആണ് സാധാരണ കുറവ്. സെർവറിലെ gzip കംപ്രഷനുമായി സംയോജിപ്പിച്ച്, മാർജിനൽ സേവിംഗ്സ് ചുരുങ്ങുന്നു - gzip ഇതിനകം തന്നെ ആവർത്തിച്ചുള്ള ടെക്സ്റ്റ് ഫലപ്രദമായി കംപ്രസ്സുചെയ്യുന്നു - എന്നാൽ ഈ കോമ്പിനേഷൻ ഇപ്പോഴും കംപ്രഷനെ മാത്രം മറികടക്കുന്നു, പ്രത്യേകിച്ചും സ്റ്റൈൽഷീറ്റുകൾ കാഷെ ചെയ്യപ്പെടുകയും നിരവധി സന്ദർശകർക്ക് നൽകുകയും ചെയ്യുമ്പോൾ.
ഈ മിനിഫയർ ഒരൊറ്റ പാസിൽ CSS പ്രോസസ്സ് ചെയ്യുന്നു, url() മൂല്യങ്ങൾക്ക് പുറത്തുള്ള കമൻ്റുകൾ നീക്കംചെയ്യുന്നു, വൈറ്റ്സ്പെയ്സ് തകരുന്നു, ബ്രേസുകൾ അടയ്ക്കുന്നതിന് മുമ്പ് അനാവശ്യ അർദ്ധവിരാമങ്ങൾ നീക്കംചെയ്യുന്നു, പൂജ്യം-യൂണിറ്റ് ഷോർട്ട്ഹാൻഡ് പ്രയോഗിക്കുന്നു, സാധ്യമാകുന്നിടത്ത് ആറ് അക്ക ഹെക്സ് നിറങ്ങൾ മൂന്നക്ക രൂപത്തിലേക്ക് പരിവർത്തനം ചെയ്യുന്നു (#ffffff → #fff). ഏത് ബ്രൗസറും ശരിയായി പാഴ്സ് ചെയ്യുന്ന ഔട്ട്പുട്ട് സാധുവായ CSS ആയി തുടരുന്നു.
ചെറിയ CSS ഫയലുകൾ വേഗത്തിൽ ലോഡ് ചെയ്യുകയും റെൻഡർ-ബ്ലോക്ക് ടൈം ഡ്രോപ്പ് ചെയ്യുകയും ചെയ്യുന്നു, ഇവ രണ്ടും ആദ്യ ഉള്ളടക്കമുള്ള പെയിൻ്റും ഏറ്റവും വലിയ ഉള്ളടക്കമുള്ള പെയിൻ്റ് സ്കോറുകളും മെച്ചപ്പെടുത്തുന്നു. കോർ വെബ് വൈറ്റലുകൾ തിരയൽ റാങ്കിംഗിനെ ബാധിക്കുന്ന സൈറ്റുകൾക്ക്, റെൻഡർ-ബ്ലോക്കിംഗ് CSS ഷേവ് ചെയ്ത ഓരോ കിലോബൈറ്റും പരിശ്രമിക്കേണ്ടതാണ്.
ബാൻഡ്വിഡ്ത്ത് ചെലവുകളും സ്കെയിലിൽ പ്രധാനമാണ്. ദശലക്ഷക്കണക്കിന് പേജ് കാഴ്ചകൾ നൽകുന്ന സൈറ്റുകൾ, അവയുടെ സ്റ്റൈൽഷീറ്റുകൾ 30% ചെറുതായിരിക്കുമ്പോൾ, അളക്കാവുന്ന അളവിലുള്ള പുരോഗതി ലാഭിക്കുന്നു. CDN ബില്ലുകൾ, മൊബൈൽ ഡാറ്റ ഉപയോഗം, ഊർജ്ജ ഉപഭോഗം എന്നിവയെല്ലാം അൽപം പ്രയോജനം ചെയ്യുന്നു. മിനിഫിക്കേഷൻ അടിസ്ഥാനപരമായി സൗജന്യമാണ് - അറ്റകുറ്റപ്പണി ചെലവില്ലാതെ ഒറ്റത്തവണ നിർമ്മാണ ഘട്ടം.
CSS ഒട്ടിക്കുക, മിനിഫൈഡ് പതിപ്പ് നേടുക.
CSS മിനിഫിക്കേഷൻ മിക്കവാറും യാഥാസ്ഥിതിക വൈറ്റ്സ്പേസ് നീക്കംചെയ്യലാണ്. സെലക്ടറുകൾ, പ്രഖ്യാപനങ്ങൾ, മൂല്യങ്ങൾ എന്നിവയ്ക്കുള്ളിലെ വൈറ്റ്സ്പെയ്സ് പ്രാധാന്യമുള്ളിടത്ത് സംരക്ഷിക്കപ്പെടുന്നു; പുറത്തെ വെള്ളയിടം തകർന്നു. /* എന്ന് തുടങ്ങുന്നില്ലെങ്കിൽ കമൻ്റുകൾ നീക്കം ചെയ്യപ്പെടും! (ലൈസൻസ് സംരക്ഷണ അഭിപ്രായങ്ങൾ).
സാധാരണ കുറുക്കുവഴികൾ: 0px, 0em, സമാനമായ പൂജ്യം യൂണിറ്റ് മൂല്യങ്ങൾ 0 ആയി മാറുന്നു; ജോടിയാക്കിയ അക്കങ്ങളുള്ള (#ffffff, #336699) ആറ് അക്ക ഹെക്സ് വർണ്ണങ്ങൾ മൂന്ന് അക്കങ്ങളായി മാറുന്നു (#fff, #369); } ന് മുമ്പുള്ള അവസാന അർദ്ധവിരാമം നീക്കം ചെയ്തു. ഹെക്സ് ചിലപ്പോൾ നീളമുള്ളതിനാൽ വർണ്ണ നാമങ്ങൾ സ്വയമേവ ഹെക്സായി പരിവർത്തനം ചെയ്യപ്പെടുന്നില്ല (ചുവപ്പ് നീളം #f00 നേക്കാൾ ചെറുതാണ്; #ff0000 ചുവപ്പിനേക്കാൾ നീളമാണ്).
ഇൻപുട്ട് സ്വീകരിക്കുന്ന ഏതൊരു CSS വാലിഡേറ്ററും ഔട്ട്പുട്ട് കടന്നുപോകണം. ബ്രൗസർ പിന്തുണ മാറ്റമില്ല - മിനിഫിക്കേഷൻ നിയമങ്ങളെ സ്വയം പരിഷ്ക്കരിക്കുന്നില്ല, അവയുടെ വാചക പ്രതിനിധാനം മാത്രം.