CSS Minifier

CSS minifier යනු කුමක්ද?

CSS minifier වෙබ් අඩවිවල CSS ගොනු හැකිලීම අරමුණු කරයි. ඉංග්‍රීසි සමාන (CSS Minifier) ​​ලෙස භාවිතා කරන මෙම සංකල්පයට CSS ගොනු වල සැකැස්මක් ඇතුළත් වේ. CSS සකස් කරන විට, ප්‍රධාන ඉලක්කය වන්නේ වෙබ් අඩවි පරිපාලකයින් හෝ කේත කරන්නන් රේඛා නිවැරදිව විශ්ලේෂණය කිරීමයි. එමනිසා, එය බොහෝ රේඛා වලින් සමන්විත වේ. මෙම රේඛා අතර අනවශ්‍ය විවරණ රේඛා සහ අවකාශයන් ඇත. CSS ගොනු ඉතා දිගු වන්නේ එබැවිනි. CSS minifier සමඟ මෙම සියලු ගැටළු ඉවත් කරනු ලැබේ.

CSS minifier කරන්නේ කුමක්ද?

CSS ගොනු වල සිදු කරන ලද වෙනස්කම් සමඟ; මානයන් අඩු වේ, අනවශ්‍ය රේඛා ඉවත් කරනු ලැබේ, අනවශ්‍ය විවරණ රේඛා සහ හිස්තැන් මකා දමනු ලැබේ. එපමණක් නොව, CSS තුළ කේත එකකට වඩා ඇතුළත් කර ඇත්නම්, මෙම කේත ද මකා දමනු ලැබේ.

බොහෝ පරිශීලකයින්ට අතින් සිදු කළ හැකි මෙම මෙහෙයුම් සඳහා විවිධ ප්ලග්-ඉන් සහ යෙදුම් තිබේ. විශේෂයෙන් වර්ඩ්ප්‍රෙස් පද්ධතිය භාවිතා කරන පුද්ගලයින් සඳහා, මෙම ක්‍රියාවලීන් ප්ලගීන සමඟ ස්වයංක්‍රීය කළ හැකිය. මේ අනුව, වැරදි කිරීමට ඇති හැකියාව ඉවත් කර වඩා ඵලදායී ප්රතිඵල ලබා ගනී.

CSS සඳහා වර්ඩ්ප්‍රෙස් භාවිතා නොකරන හෝ පවතින ප්ලගීන වලට වැඩි කැමැත්තක් නොදක්වන පුද්ගලයින්ට සබැඳි මෙවලම් ද භාවිතා කළ හැක. අන්තර්ජාලය හරහා සබැඳි මෙවලම් වෙත CSS බාගත කිරීමෙන්, CSS හි පවතින ගොනු වෙනස්කම් සිදු කිරීමෙන් අඩු වේ. සියලුම ක්‍රියාවලීන් අවසන් වූ පසු, පවතින CSS ගොනු බාගත කර ඒවා වෙබ් අඩවියට උඩුගත කිරීම ප්‍රමාණවත් වේ. මේ අනුව, CSS Minify හෝ shrinking වැනි මෙහෙයුම් සාර්ථකව නිම වනු ඇති අතර, වෙබ් අඩවිය සඳහා CSS හරහා අත්විඳිය හැකි ගැටළු සියල්ල ඉවත් කරනු ලැබේ.

ඔබ ඔබේ CSS ගොනු හැකිලිය යුත්තේ ඇයි?

වේගවත් වෙබ් අඩවියක් තිබීම Google සතුටට පත් කරනවා පමණක් නොව, එය ඔබගේ වෙබ් අඩවිය සෙවුම් වලදී ඉහළ ශ්‍රේණිගත කිරීමට උපකාරී වන අතර ඔබේ වෙබ් අඩවිය නරඹන්නන් සඳහා වඩා හොඳ පරිශීලක අත්දැකීමක් ද සපයයි.

මතක තබා ගන්න, මිනිසුන්ගෙන් 40% ක් ඔබේ මුල් පිටුව පූරණය වන තෙක් තත්පර 3ක්වත් බලා නොසිටින අතර, Google වෙබ් අඩවි උපරිම වශයෙන් තත්පර 2-3ක් ඇතුළත පූරණය කිරීමට නිර්දේශ කරයි.

CSS minifier මෙවලම සමඟ සම්පීඩනය කිරීමෙන් බොහෝ ප්‍රතිලාභ ඇත;

• කුඩා ගොනු වලින් අදහස් වන්නේ ඔබේ වෙබ් අඩවියේ සමස්ත බාගැනීම් ප්‍රමාණය අඩු වී ඇති බවයි.
• අඩවි නරඹන්නන්ට ඔබේ පිටු වේගයෙන් පූරණය කර ප්‍රවේශ විය හැක.
• අඩවි නරඹන්නන් විශාල ගොනු බාගත කිරීමකින් තොරව එකම පරිශීලක අත්දැකීමක් ලබා ගනී.
• අඩු දත්ත ජාලය හරහා සම්ප්‍රේෂණය වන නිසා අඩවි හිමිකරුවන් අඩු කලාප පළල පිරිවැයක් අත්විඳිති.

CSS minifier ක්‍රියා කරන්නේ කෙසේද?

ඔබේ වෙබ් අඩවියේ ගොනු හැකිලීමට පෙර ඒවා උපස්ථ කිරීම හොඳ අදහසකි. ඔබට එය තවත් පියවරක් ඉදිරියට ගෙන ගොස් අත්හදා බැලීමේ අඩවියක ඔබේ ගොනු හැකිලීමට පවා හැකිය. මේ ආකාරයෙන් ඔබ ඔබේ සජීවී අඩවියට වෙනස්කම් කිරීමට පෙර සියල්ල ක්‍රියාත්මක වන බව සහතික කර ගන්න.

ඔබේ ලිපිගොනු හැකිලීමට පෙර සහ පසු ඔබේ පිටු වේගය සංසන්දනය කිරීම ද වැදගත් වන අතර එමඟින් ඔබට ප්‍රතිඵල සංසන්දනය කර හැකිලීමෙන් යම් බලපෑමක් සිදුවී ඇත්දැයි බැලීමට හැකිය.

ඔබට GTmetrix, Google PageSpeed ​​Insights, සහ YSlow, විවෘත මූලාශ්‍ර කාර්ය සාධන පරීක්ෂණ මෙවලම භාවිතයෙන් ඔබේ පිටු වේග කාර්ය සාධනය විශ්ලේෂණය කළ හැක.

දැන් අපි බලමු අඩු කිරීමේ ක්‍රියාවලිය කරන්නේ කෙසේදැයි;

1. අතින් CSS minifier

අතින් ගොනු හැකිලීම සැලකිය යුතු කාලයක් සහ වෑයමක් ගනී. එබැවින් ගොනු වලින් තනි අවකාශයන්, රේඛා සහ අනවශ්‍ය කේත ඉවත් කිරීමට ඔබට කාලය තිබේද? නොවෙන්නත් පුළුවන්. කාලය හැරුණු විට, මෙම අඩු කිරීමේ ක්‍රියාවලිය මානව දෝෂ සඳහා වැඩි ඉඩක් ද සපයයි. එබැවින්, ගොනු හැකිලීම සඳහා මෙම ක්රමය නිර්දේශ නොකරයි. වාසනාවකට මෙන්, ඔබේ වෙබ් අඩවියෙන් කේතය පිටපත් කර ඇලවීමට ඔබට ඉඩ සලසන බොහෝ නොමිලේ මාර්ගගත අවම කිරීමේ මෙවලම් තිබේ.

CSS minifier යනු CSS අවම කිරීම සඳහා නොමිලේ මාර්ගගත මෙවලමකි. ඔබ "ආදාන CSS" පෙළ ක්ෂේත්‍රයට කේතය පිටපත් කර ඇලවූ විට, මෙවලම CSS කුඩා කරයි. කුඩා ප්‍රතිදානය ගොනුවක් ලෙස බාගත කිරීමට විකල්ප තිබේ. සංවර්ධකයින් සඳහා, මෙම මෙවලම API ද සපයයි.

JSCompress , JSCompress යනු ඔන්ලයින් ජාවාස්ක්‍රිප්ට් කොම්ප්‍රෙෂර් එකක් වන අතර එය ඔබගේ JS ගොනු ඒවායේ මුල් ප්‍රමාණයෙන් 80% දක්වා සම්පීඩනය කිරීමට සහ අඩු කිරීමට ඉඩ සලසයි. ඔබගේ කේතය පිටපත් කර අලවන්න හෝ භාවිතා කිරීමට ගොනු කිහිපයක් උඩුගත කර ඒකාබද්ධ කරන්න. ඉන්පසු "Compress JavaScript - Compress JavaScript" ක්ලික් කරන්න.

2. PHP ප්ලගීන සහිත CSS minifier

අතින් පියවර නොගෙන ඔබේ ගොනු හැකිලීමට හැකි, නොමිලේ සහ වාරික යන දෙඅංශයෙන්ම විශිෂ්ට ප්ලගීන කිහිපයක් තිබේ.

• ඒකාබද්ධ,
• කුඩා කරන්න,
• නැවුම් කරන්න,
• WordPress ප්ලගින.

මෙම ප්ලගිනය ඔබගේ කේතය කුඩා කිරීමට වඩා වැඩි යමක් කරයි. එය ඔබගේ CSS සහ JavaScript ගොනු ඒකාබද්ධ කර Minify (CSS සඳහා) සහ Google Closure (JavaScript සඳහා) භාවිතයෙන් සාදන ලද ගොනු කුඩා කරයි. අවම කිරීම WP-Cron හරහා සිදු කරනු ලබන අතර එය ඔබගේ වෙබ් අඩවියේ වේගයට බලපාන්නේ නැත. ඔබේ CSS හෝ JS ගොනුවල අන්තර්ගතය වෙනස් වූ විට, ඒවා නැවත විදැහුම්කරණය වන නිසා ඔබට ඔබේ හැඹිලිය හිස් කිරීමට අවශ්‍ය නොවේ.

JCH Optimize නොමිලේ ප්ලගිනයක් සඳහා ඉතා හොඳ විශේෂාංග කිහිපයක් ඇත: එය CSS සහ ජාවාස්ක්‍රිප්ට් ඒකාබද්ධ කර කුඩා කරයි, HTML කුඩා කරයි, ගොනු ඒකාබද්ධ කිරීමට GZip සම්පීඩනය සහ පසුබිම් රූප සඳහා ස්ප්‍රයිට් විදැහුම්කරණය සපයයි.

CSS Minify , ඔබට අවශ්‍ය වන්නේ CSS Minify සමඟින් ඔබේ CSS අවම කිරීමට ස්ථාපනය කර සක්‍රිය කිරීම පමණි. සැකසීම් > CSS Minify වෙත ගොස් එක් විකල්පයක් පමණක් සබල කරන්න: CSS කේතය ප්‍රශස්ත කිරීම සහ අවම කිරීම.

Fast Velocity Minify සක්‍රිය ස්ථාපනයන් 20,000කට අධික සංඛ්‍යාවක් සහ තරු පහේ ශ්‍රේණිගත කිරීමක් සමඟ, Fast Velocity Minify යනු ගොනු හැකිලීම සඳහා පවතින වඩාත්ම ජනප්‍රිය විකල්පයකි. එය භාවිතා කිරීම සඳහා, ඔබට අවශ්ය වන්නේ ස්ථාපනය සහ සක්රිය කිරීම පමණි.

Settings > Fast Velocity Minify වෙත යන්න. සංවර්ධකයින් සඳහා උසස් ජාවාස්ක්‍රිප්ට් සහ සීඑස්එස් බැහැර කිරීම්, සීඩීඑන් විකල්ප සහ සේවාදායක තොරතුරු ඇතුළුව ප්ලගිනය වින්‍යාස කිරීම සඳහා විකල්ප ගණනාවක් මෙහිදී ඔබට සොයාගත හැකිය. බොහෝ අඩවි සඳහා පෙරනිමි සැකසුම් හොඳින් ක්‍රියා කරයි.

ප්ලගිනය තථ්‍ය කාලීනව ඉදිරිපස කොටසෙහි හැකිලීම සිදු කරයි සහ පළමු හැඹිලිගත නොවන ඉල්ලීම අතරතුර පමණි. පළමු ඉල්ලීම සැකසීමෙන් පසු, එකම ස්ථිතික හැඹිලි ගොනුව එකම CSS සහ JavaScript කට්ටලයක් අවශ්‍ය වන අනෙකුත් පිටු වෙත සපයනු ලැබේ.

3. වර්ඩ්ප්‍රෙස් ප්ලගීන සහිත CSS minifier

CSS minifier යනු ඔබ සාමාන්‍යයෙන් හැඹිලි ප්ලගීන තුළ සොයා ගන්නා සම්මත විශේෂාංගයකි.

• WP රොකට්,
• W3 සම්පූර්ණ හැඹිලිය,
• WP SuperCache,
• WP වේගවත්ම හැඹිලිය.

අප ඉහත ඉදිරිපත් කර ඇති විසඳුම් මඟින් CSS මිනිෆයර් කරන්නේ කෙසේද යන්න පිළිබඳව ඔබව දැනුවත් කර ඇති අතර ඔබට එය ඔබේ වෙබ් අඩවියට යෙදිය හැකි ආකාරය තේරුම් ගත හැකිය. ඔබ මීට පෙර මෙය කර ඇත්නම්, ඔබේ වෙබ් අඩවිය වේගවත් කිරීමට ඔබ භාවිතා කර ඇති වෙනත් ක්‍රම මොනවාද? Softmedal හි අදහස් දැක්වීම් කොටසේ අපට ලියන්න, අපගේ අන්තර්ගතය වැඩිදියුණු කිරීම සඳහා ඔබේ අත්දැකීම් සහ යෝජනා බෙදා ගැනීමට අමතක නොකරන්න.