CSS மினிஃபையர்

CSS மினிஃபையர் என்றால் என்ன?

CSS மினிஃபையர் வலைத்தளங்களில் CSS கோப்புகளை சுருக்குவதை நோக்கமாகக் கொண்டுள்ளது. ஆங்கிலச் சமமான (CSS Minifier) ​​ஆகப் பயன்படுத்தப்படும் இந்தக் கருத்து, CSS கோப்புகளில் ஒரு ஏற்பாட்டைக் கொண்டுள்ளது. CSSகள் தயாரிக்கப்படும் போது, ​​இணைய தள நிர்வாகிகள் அல்லது குறியீட்டாளர்கள் வரிகளை சரியாக பகுப்பாய்வு செய்வதே முக்கிய குறிக்கோள். எனவே, இது பல வரிகளைக் கொண்டுள்ளது. இந்த வரிகளுக்கு இடையே தேவையற்ற கருத்து வரிகளும் இடைவெளிகளும் உள்ளன. இதனால்தான் CSS கோப்புகள் மிக நீளமாகின்றன. இந்தப் பிரச்சனைகள் அனைத்தும் CSS minifier மூலம் நீக்கப்படும்.

CSS மினிஃபையர் என்ன செய்கிறது?

CSS கோப்புகளில் செய்யப்பட்ட மாற்றங்களுடன்; பரிமாணங்கள் குறைக்கப்படுகின்றன, தேவையற்ற வரிகள் அகற்றப்படுகின்றன, தேவையற்ற கருத்து வரிகள் மற்றும் இடைவெளிகள் நீக்கப்படும். மேலும், ஒன்றுக்கு மேற்பட்ட குறியீடுகள் CSS இல் சேர்க்கப்பட்டால், இந்தக் குறியீடுகளும் நீக்கப்படும்.

இந்த செயல்பாடுகளுக்கு பல்வேறு செருகுநிரல்கள் மற்றும் பயன்பாடுகள் உள்ளன, பெரும்பாலான பயனர்கள் கைமுறையாகச் செய்ய முடியும். குறிப்பாக வேர்ட்பிரஸ் அமைப்பைப் பயன்படுத்துபவர்களுக்கு, இந்த செயல்முறைகள் செருகுநிரல்கள் மூலம் தானியங்கு செய்யப்படலாம். இதனால், தவறுகளைச் செய்வதற்கான சாத்தியக்கூறுகள் அகற்றப்பட்டு, மிகவும் பயனுள்ள முடிவுகள் பெறப்படுகின்றன.

CSS க்காக WordPress ஐப் பயன்படுத்தாதவர்கள் அல்லது ஏற்கனவே உள்ள செருகுநிரல்களை விரும்ப விரும்பாதவர்கள் ஆன்லைன் கருவிகளையும் பயன்படுத்தலாம். இணையத்தில் உள்ள ஆன்லைன் கருவிகளுக்கு CSS ஐ பதிவிறக்கம் செய்வதன் மூலம், மாற்றங்களைச் செய்வதன் மூலம் CSS இல் இருக்கும் கோப்புகள் குறைக்கப்படுகின்றன. அனைத்து செயல்முறைகளும் முடிந்ததும், ஏற்கனவே உள்ள CSS கோப்புகளை பதிவிறக்கம் செய்து அவற்றை இணையதளத்தில் பதிவேற்றினால் போதும். இதனால், CSS Minify அல்லது shrinking போன்ற செயல்பாடுகள் வெற்றிகரமாக முடிக்கப்படும், மேலும் தளத்திற்கான CSS மூலம் ஏற்படக்கூடிய அனைத்து சிக்கல்களும் நீக்கப்படும்.

உங்கள் CSS கோப்புகளை ஏன் சுருக்க வேண்டும்?

வேகமான இணையதளத்தை வைத்திருப்பது கூகிளை மகிழ்ச்சியடையச் செய்வதோடு மட்டுமல்லாமல், உங்கள் வலைத்தளம் தேடல்களில் உயர்ந்த இடத்தைப் பெற உதவுகிறது மற்றும் உங்கள் தள பார்வையாளர்களுக்கு சிறந்த பயனர் அனுபவத்தையும் வழங்குகிறது.

உங்கள் முகப்புப்பக்கம் ஏற்றப்படுவதற்கு 40% பேர் 3 வினாடிகள் கூட காத்திருக்க மாட்டார்கள் என்பதை நினைவில் கொள்ளவும், மேலும் 2-3 வினாடிகளுக்குள் தளங்களை ஏற்றுவதற்கு Google பரிந்துரைக்கிறது.

CSS மினிஃபையர் கருவி மூலம் சுருக்குவது பல நன்மைகளைக் கொண்டுள்ளது;

• சிறிய கோப்புகள் என்றால் உங்கள் தளத்தின் ஒட்டுமொத்த பதிவிறக்க அளவு குறைக்கப்படுகிறது.
• தள பார்வையாளர்கள் உங்கள் பக்கங்களை வேகமாக ஏற்றலாம் மற்றும் அணுகலாம்.
• தள பார்வையாளர்கள் பெரிய கோப்புகளைப் பதிவிறக்காமல் அதே பயனர் அனுபவத்தைப் பெறுவார்கள்.
• நெட்வொர்க்கில் குறைவான தரவு பரிமாற்றம் செய்யப்படுவதால் தள உரிமையாளர்கள் குறைந்த அலைவரிசை செலவுகளை அனுபவிக்கின்றனர்.

CSS மினிஃபையர் எப்படி வேலை செய்கிறது?

உங்கள் தளத்தின் கோப்புகளை சுருக்கும் முன் காப்புப் பிரதி எடுப்பது நல்லது. நீங்கள் ஒரு படி மேலே எடுத்து, சோதனை தளத்தில் உங்கள் கோப்புகளை சுருக்கவும். உங்கள் நேரலை தளத்தில் மாற்றங்களைச் செய்வதற்கு முன், இந்த வழியில் எல்லாம் இயங்கிக்கொண்டிருக்கிறது என்பதை உறுதிப்படுத்திக் கொள்ளுங்கள்.

உங்கள் கோப்புகளை சுருக்குவதற்கு முன்னும் பின்னும் உங்கள் பக்க வேகத்தை ஒப்பிடுவதும் முக்கியம், இதன் மூலம் முடிவுகளை ஒப்பிட்டு சுருக்கினால் ஏதேனும் பாதிப்பு உள்ளதா என பார்க்கலாம்.

GTmetrix, Google PageSpeed ​​நுண்ணறிவுகள் மற்றும் திறந்த மூல செயல்திறன் சோதனைக் கருவியான YSlow ஆகியவற்றைப் பயன்படுத்தி உங்கள் பக்க வேக செயல்திறனைப் பகுப்பாய்வு செய்யலாம்.

இப்போது குறைப்பு செயல்முறையை எப்படி செய்வது என்று பார்ப்போம்;

1. கையேடு CSS மினிஃபையர்

கோப்புகளை கைமுறையாக சுருக்குவது கணிசமான அளவு நேரத்தையும் முயற்சியையும் எடுக்கும். எனவே கோப்புகளிலிருந்து தனிப்பட்ட இடைவெளிகள், கோடுகள் மற்றும் தேவையற்ற குறியீட்டை அகற்ற உங்களுக்கு நேரம் இருக்கிறதா? அநேகமாக இல்லை. நேரம் தவிர, இந்த குறைப்பு செயல்முறை மனித தவறுகளுக்கு அதிக இடத்தை வழங்குகிறது. எனவே, கோப்புகளை சுருக்குவதற்கு இந்த முறை பரிந்துரைக்கப்படவில்லை. அதிர்ஷ்டவசமாக, உங்கள் தளத்தில் இருந்து குறியீட்டை நகலெடுத்து ஒட்டுவதற்கு உங்களை அனுமதிக்கும் பல இலவச ஆன்லைன் மைனிஃபிகேஷன் கருவிகள் உள்ளன.

CSS மினிஃபையர் என்பது CSS ஐ சிறிதாக்க ஒரு இலவச ஆன்லைன் கருவியாகும். "உள்ளீடு CSS" உரை புலத்தில் குறியீட்டை நகலெடுத்து ஒட்டும்போது, ​​கருவி CSSஐச் சிறிதாக்குகிறது. சிறிய வெளியீட்டை ஒரு கோப்பாகப் பதிவிறக்குவதற்கான விருப்பங்கள் உள்ளன. டெவலப்பர்களுக்கு, இந்த கருவி API ஐயும் வழங்குகிறது.

JSCompress , JSCompress என்பது ஒரு ஆன்லைன் ஜாவாஸ்கிரிப்ட் கம்ப்ரசர் ஆகும், இது உங்கள் JS கோப்புகளை அவற்றின் அசல் அளவின் 80% வரை சுருக்கவும் குறைக்கவும் அனுமதிக்கிறது. உங்கள் குறியீட்டை நகலெடுத்து ஒட்டவும் அல்லது பல கோப்புகளைப் பதிவேற்றி இணைக்கவும். பின்னர் "Compress JavaScript - Compress JavaScript" என்பதைக் கிளிக் செய்யவும்.

2. PHP செருகுநிரல்களுடன் கூடிய CSS மினிஃபையர்

சில சிறந்த செருகுநிரல்கள் உள்ளன, அவை இலவசம் மற்றும் பிரீமியம் இரண்டும் உள்ளன, அவை கைமுறை படிகளைச் செய்யாமல் உங்கள் கோப்புகளைச் சுருக்கலாம்.

• ஒன்றிணை,
• சிறிதாக்கு
• புதுப்பிப்பு,
• வேர்ட்பிரஸ் செருகுநிரல்கள்.

இந்தச் செருகுநிரல் உங்கள் குறியீட்டைக் குறைப்பதை விட அதிகமாகச் செய்கிறது. இது உங்கள் CSS மற்றும் JavaScript கோப்புகளை ஒருங்கிணைத்து, Minify (CSSக்கு) மற்றும் Google Closure (JavaScriptக்கு) ஆகியவற்றைப் பயன்படுத்தி உருவாக்கப்பட்ட கோப்புகளை சிறியதாக்கும். உங்கள் தளத்தின் வேகத்தை பாதிக்காத வகையில், WP-Cron மூலம் சிறுமயமாக்கல் செய்யப்படுகிறது. உங்கள் CSS அல்லது JS கோப்புகளின் உள்ளடக்கம் மாறும்போது, ​​அவை மீண்டும் வழங்கப்படுகின்றன, எனவே உங்கள் தற்காலிக சேமிப்பை நீங்கள் காலி செய்ய வேண்டியதில்லை.

JCH Optimize ஒரு இலவச செருகுநிரலுக்கு சில நல்ல அம்சங்களைக் கொண்டுள்ளது: இது CSS மற்றும் JavaScript ஐ ஒருங்கிணைத்து சிறியதாக்குகிறது, HTML ஐ சிறிதாக்குகிறது, கோப்புகளை இணைக்க GZip சுருக்கத்தை வழங்குகிறது மற்றும் பின்னணி படங்களுக்கான ஸ்ப்ரைட் ரெண்டரிங்.

CSS Minify , CSS Minify உடன் உங்கள் CSS ஐ சிறிதாக்க நீங்கள் மட்டும் நிறுவி செயல்படுத்த வேண்டும். அமைப்புகள் > CSS Minify என்பதற்குச் சென்று ஒரே ஒரு விருப்பத்தை இயக்கவும்: CSS குறியீட்டை மேம்படுத்தி சிறிதாக்கவும்.

Fast Velocity Minify 20,000 க்கும் மேற்பட்ட செயலில் உள்ள நிறுவல்கள் மற்றும் ஐந்து நட்சத்திர மதிப்பீட்டில், Fast Velocity Minify கோப்புகளை சுருக்குவதற்கான மிகவும் பிரபலமான விருப்பங்களில் ஒன்றாகும். அதைப் பயன்படுத்த, நீங்கள் மட்டும் நிறுவி செயல்படுத்த வேண்டும்.

அமைப்புகள் > ஃபாஸ்ட் வேலாசிட்டி மினிஃபை என்பதற்குச் செல்லவும். டெவலப்பர்களுக்கான மேம்பட்ட ஜாவாஸ்கிரிப்ட் மற்றும் CSS விலக்குகள், CDN விருப்பங்கள் மற்றும் சர்வர் தகவல் உட்பட, செருகுநிரலை உள்ளமைப்பதற்கான பல விருப்பங்களை இங்கே காணலாம். இயல்புநிலை அமைப்புகள் பெரும்பாலான தளங்களுக்கு நன்றாக வேலை செய்கின்றன.

சொருகி நிகழ்நேரத்தில் முன்பக்கத்தில் சுருங்குகிறது மற்றும் முதல் தற்காலிகமாக சேமிக்கப்படாத கோரிக்கையின் போது மட்டுமே. முதல் கோரிக்கை செயலாக்கப்பட்ட பிறகு, அதே நிலையான கேச் கோப்பு அதே CSS மற்றும் ஜாவாஸ்கிரிப்ட் தேவைப்படும் பிற பக்கங்களுக்கு வழங்கப்படும்.

3. வேர்ட்பிரஸ் செருகுநிரல்களுடன் கூடிய CSS மினிஃபையர்

CSS மினிஃபையர் என்பது நீங்கள் வழக்கமாக தேக்கக செருகுநிரல்களில் காணக்கூடிய ஒரு நிலையான அம்சமாகும்.

• WP ராக்கெட்,
• W3 மொத்த கேச்,
• WP சூப்பர் கேச்,
• WP வேகமான கேச்.

நாங்கள் மேலே வழங்கிய தீர்வுகள், CSS மினிஃபையரை எவ்வாறு செய்வது என்பது குறித்து உங்களுக்குத் தெரியப்படுத்தியிருப்பதாக நம்புகிறோம், மேலும் அதை உங்கள் இணையதளத்தில் எவ்வாறு பயன்படுத்தலாம் என்பதை நீங்கள் புரிந்து கொள்ளலாம். இதற்கு முன்பு நீங்கள் இதைச் செய்திருந்தால், உங்கள் வலைத்தளத்தை வேகப்படுத்த வேறு என்ன முறைகளைப் பயன்படுத்தியுள்ளீர்கள்? Softmedal பற்றிய கருத்துகள் பிரிவில் எங்களுக்கு எழுதுங்கள், எங்கள் உள்ளடக்கத்தை மேம்படுத்த உங்கள் அனுபவங்களையும் பரிந்துரைகளையும் பகிர்ந்து கொள்ள மறக்காதீர்கள்.