பல CSS தேர்வாளர்கள் தொகுத்தல்

சுமை வேகத்தை மேம்படுத்த குழு பல CSS தேர்வாளர்கள்

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

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

தொகுத்தல் தேர்வாளர்கள்

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

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

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

எப்படி குழு தேர்வாளர்கள் குழு

உங்கள் பாணி தாள் உள்ள CSS தேர்வாளர்கள் குழு, நீங்கள் பாணியில் பல குழுவாக தேர்வாளர்கள் பிரிக்க காற்புள்ளி பயன்படுத்த . கீழே உள்ள எடுத்துக்காட்டில், பாணி பி மற்றும் டிவி கூறுகளை பாதிக்கிறது:

div, p {color: # f00; }

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

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

p.red, #sub {color: # f00; }

எனவே இந்த பாணி "சிவப்பு", மற்றும் எந்த உறுப்பு (எந்த வகையை நாம் குறிப்பிடாதது என்பதால்) "துணை" ஐடி பண்பு கொண்டிருக்கும் எந்தப் பத்திக்கும் பொருந்தும்.

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

p, .red, #sub, div: link {color: # f00; }

எனவே இந்த CSS விதி பின்வருமாறு பொருந்தும்:

• எந்த பத்தி உறுப்பு
• "சிவப்பு"
• ஒரு "ID"
• ஒரு பிரிவின் தசாப்தங்களாக இருக்கும் நங்கூரம் கூறுகளின் "இணைப்பு" போலி வர்க்கம்.

அந்த கடைசி தேர்வுக்குழு ஒரு கூட்டு தேர்வுக்குழு. நீங்கள் எளிதாக இந்த CSS விதி உள்ள மற்ற தேர்வாளர்கள் இணைந்து பார்க்க முடியும். அந்த ஆட்சி மூலம், இந்த 4 தேர்வாளர்கள் மீது # f00 (சிவப்பு இது) நிறத்தை அமைத்துள்ளோம், இது 4 முடிவுகளை தேர்ந்தெடுப்பதற்கு சிறந்தது, அதே விளைவை அடைய.

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

எந்த தேர்வாளரும் குழுவாக இருக்க முடியும்

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

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

th, td, p.red, div # firstred {color: red; }

அல்லது தெளிவுபடுத்துவதற்காக தனிப்பட்ட கோடுகளில் பாணிகளை பட்டியலிட முடியும்:

வது,
TD,
p.red,
கிராம # firstred
{
நிறம்: சிவப்பு;
}

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

ஜெனிபர் கிரைனின் அசல் கட்டுரை. 5/8/17 அன்று ஜெர்மி ஜாராரால் திருத்தப்பட்டது.