புதிய படம் HTML கோட் உங்கள் வலைத்தளத்தை வேகமாக ஏற்ற முடியும்

பொருளடக்கம்:

Anonim

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

ஆனால் அந்த படங்கள் உங்கள் வலைத்தள பார்வையாளர்களின் சோகமாக இருக்கலாம். சராசரியான வலைப்பக்கத்தில் 1.7MB இலிருந்து 1MB க்கான படங்கள் கணக்கு.

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

$config[code] not found

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

ஆனால் பதிலளிக்க வலை வடிவமைப்பு எல்லாம் பதில் இல்லை. இது அவசியம் படத்தை பதிவிறக்க சிக்கலை தீர்க்க முடியாது. கூட பதிலளிக்க வடிவமைப்பு, பல முறை அந்த ஹெவிவெயிட் படங்களை இன்னும் எப்படியும் பதிவிறக்கம். இணைய செயல்திறன் நிபுணர் யோவ் வெயிஸ் ஓபரா இணையதளத்தில் சுருக்கமாக சுட்டிக் காட்டுவது போல:

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

ஆனால் ஒவ்வொரு சாதனத்திலும் RWD தளங்கள் வித்தியாசமாக இருந்தபோதிலும், அவர்களில் பெரும்பாலோர் அனைத்து சாதனங்களுக்கும் ஒரே ஆதாரங்களைத் தொடர்ந்து பதிவிறக்கம் செய்தனர். "

புதிய HTML குறியீட்டு உறுப்பு என்று மாற்ற முடியும்.

படம் HTML அங்கம் என்றால் என்ன?

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

புதிய படம் உறுப்பு HTML மார்க் மொழி ஒரு வகை. இது போன்றவை (பொறுப்பு படங்கள் சமூக குழுவுக்கு) எழுதப்பட்டுள்ளன:

பட உறுப்பு பதிலளிக்கக்கூடியது படங்கள், பதிலளிக்காதே வடிவமைப்பு.

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

மொபைல் சாதனங்கள் நன்கு மொழிபெயர்க்காத படங்கள் - ஒரு அர்ச்டிக்காசிக் அறிக்கையின்படி, புதிய மார்க்அப் உறுப்பு முழு அளவிலான மானிட்டர் காணப்பட வேண்டிய படங்களினால் ஏற்படும் சிக்கல்களைக் குறிக்கிறது. தி மார்க்அப் அப்ளிகேஷன்ஸ் ஃபயர்ஃபாக்ஸ் போன்ற வலை உலாவிகளுக்கு ஏற்ற மற்றும் வலது (வாசிக்க: சிறியவை) படங்களைக் கூறுகிறது:

"உலாவி ஒரு படம் உறுப்பு சந்திப்பு போது, ​​அது முதல் வலை டெவலப்பர் குறிப்பிட வேண்டும் என்று எந்த விதிகள் மதிப்பீடு. *** பின்னர், பல்வேறு விதிகளை மதிப்பீடு செய்த பிறகு, உலாவி அதன் சொந்த அடிப்படையிலான சிறந்த படத்தை எடுத்துக் காட்டுகிறது. உலாவியின் அடிப்படை உங்கள் அமைப்புகளை சேர்க்கும் என்பதால் இது மற்றொரு நல்ல அம்சமாகும். உதாரணமாக, எதிர்கால உலாவிகளில், பக்கத்தின் எந்த பட உறுப்பு என்ன சொல்லலாம் என்பதைப் பொருட்படுத்தாமல் 3 ஜி மீது ஏற்றுவதற்கு உயர் ரெஸ் படங்களை நிறுத்த ஒரு விருப்பத்தை வழங்கலாம். உலாவி சிறந்த தேர்வு எது என்பதை தெரிந்தவுடன், அது உண்மையில் ஒரு நல்ல பழைய img உறுப்பு உள்ள படத்தை ஏற்றுகிறது மற்றும் காட்டுகிறது.

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

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

$config[code] not found

ஆனால் இந்தப் பிரச்சினை இப்போது புதிய குடியேற்ற HTML உறுப்பு ஏற்கப்பட்டு, தீர்வு காணப்படுகிறது.

முக்கிய புள்ளிகள் பற்றி உறுப்பு

தி நீங்கள் அருகில் உள்ள உலாவிக்கு மார்க்அப் உறுப்பு விரைவில் வருகிறது. 2014 இன் இறுதிக்குள் Chrome மற்றும் Firefox உலாவிகளில் முன்னிருப்பாக இயங்குவதாக எதிர்பார்க்கப்படுகிறது. ஓபரா வழியில் உள்ளது. ஆப்பிள் மூலம் சஃபாரி உலாவியின் சமீபத்திய பதிப்பானது, படைப்புகளில் தோன்றுகிறது. மைக்ரோசாப்ட் இன்டர்நெட் எக்ஸ்ப்ளோரருக்காக "அதை பரிசீலித்து வருகிறது" என்று ArsTechnica கூறுகிறது.

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

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

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

படங்கள்: Shutterstock; RICG

9 கருத்துரைகள் ▼