இணையதளப் பட மேம்பாடு

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

இருப்பினும், பட மேம்படுத்தல் என்பது விஷயங்களைக் குழப்பிக்கொள்வதற்கு எளிதான ஒரு பகுதியாகும்; இதற்குக் காரணம் தொழில்நுட்பம் மிகவும் கடினமானது என்பதல்ல, மாறாக தகவல்கள் மிகவும் சிதறிக் கிடக்கின்றன:
நீங்கள் சில கட்டுரைகளைப் பார்த்து, “சுருக்கம்”, “WebP/AVIF”, “மந்த ஏற்றம்” பற்றி தெரிந்துகொண்டீர்கள். பிறகு பிளகின் அறிமுகத்தில் “மாதத்திற்கு 100 credits இலவசம்”, “இலவச 20MB”, “ஒவ்வொரு படத்திற்கும் 1 credit” என்று சொல்லப்பட்டிருப்பதைப் பார்த்தவுடன், பார்க்கப் பார்க்க இன்னும் குழப்பமாகிவிட்டது — உண்மையில் இந்த இலவச அளவு போதுமா? கட்டணம் எப்படி கழிக்கப்படுகிறது? “அதே ஒன்றை” பற்றி நீங்கள் தவறாக புரிந்துகொண்டீர்களா? அதிலும் முக்கியமானது:நீங்கள் முடித்தவுடன் அது உண்மையிலேயே வேலை செய்ததா?

இந்தக் கட்டுரை மூன்று விஷயங்களை மட்டுமே செய்கிறது:

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

1. அடிப்படைகள்: வேர்ட்பிரஸ் எதைக் கொண்டு வருகிறது, எதைக் கொண்டு வரவில்லை

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

• நமக்குக் கிடைக்கும் “இலவச வசதிகளை”ப் பயன்படுத்திக் கொள்வதற்குப் பதிலாக, சக்கரத்தை மீண்டும் கண்டுபிடிப்பதில் நமது நேரத்தையும் பணத்தையும் வீணடித்துள்ளோம்.
• வேர்ட்பிரஸ் “அனைத்து பழைய படங்களையும் தானாகவே WebP/AVIF ஆக மாற்றும்” என்று நான் நினைத்தேன், ஆனால் அது அப்படிச் செய்வதில்லை என்பது தெரியவந்தது.

வேர்ட்பிரஸ் கோரில் ஏற்கனவே இந்த முக்கிய அம்சங்கள் உள்ளன:

• பதிலளிப்புப் படங்கள் (srcset/sizes)வேர்ட்பிரஸ் 4.4 முதல், கோர் படங்களை வெளியிடும். srcset 与 sizes... மேலும், பதிவேற்றத்தின் போது உருவாக்கப்பட்ட பல அளவிலான படங்களைப் பயன்படுத்தி, திரை நிலைகளின் அடிப்படையில் மிகவும் பொருத்தமான வளங்களைத் தேர்ந்தெடுத்து ஏற்ற அனுமதிக்கிறது.
• உள்ளூர் மந்தமான ஏற்றுதல்வேர்ட்பிரஸ் 5.5-இலிருந்து, HTML தரநிலைகளைப் பயன்படுத்தி, படங்களுக்கான உள்ளார்ந்த மந்தகாரண ஏற்றுதல் இயல்பாகவே செயல்படுத்தப்பட்டுள்ளது. loading சொத்துச் செயல்படுத்தல்
• WebP பதிவேற்றங்களை ஆதரிக்கிறது: வேர்ட்பிரஸ் 5.8 முதல், நீங்கள் JPEG மற்றும் PNG கோப்புகளைப் போலவே WebP கோப்புகளையும் பதிவேற்றிப் பயன்படுத்தலாம் (உங்கள் ஹோஸ்டிங் சூழல் WebP-ஐ ஆதரித்தால்).
• AVIF பதிவேற்றங்களை ஆதரிக்கிறதுவேர்ட்பிரஸ் 6.5 முதல், AVIF கோப்புகளை JPEG மற்றும் PNG கோப்புகளைப் போலவே பதிவேற்றி பயன்படுத்த முடியும் (ஹோஸ்ட் சூழல் ஆதரவைப் பொறுத்து).

இருப்பினும், தயவுசெய்து கவனிக்கவும்:
“அப்லோட்/பயன்படுத்துவதற்கான ஆதரவு” என்பது “தானியங்கி மாற்றம்/தானியங்கி விநியோகம்” அல்ல.
வேறு வார்த்தைகளில் கூறுவதானால்: நீங்கள் ஏற்கனவே WP 6.5-ல் இருந்தாலும், உங்கள் மீடியா நூலகத்தில் உள்ள JPG/PNG கோப்புகள் தானாகவே WebP/AVIF-ஆக மாற்றப்படாது; மேலும், “உலாவியின் திறன்களின் அடிப்படையில் AVIF/WebP-ஐ வெளியிட்டு, ஆதரவளிக்கப்படாத உலாவிகளுக்கு அசல் படத்திற்குத் திரும்பும்” முழு செயல்பாட்டையும் நீங்கள் தானாகப் பெறமாட்டீர்கள்—இந்த இடைவெளியை நிரப்ப பொதுவாக ஒரு செருகுநிரல் அல்லது சேவை தேவைப்படுகிறது.

2. செயல்திட்டம்: படத்தை மேம்படுத்துவதற்கான 5-படி வழிகாட்டி

என்ன செய்ய வேண்டும், ஏன், எவை ஒரு பாஸ் எனக் கருதப்படும், மற்றும் பொதுவான தடுமாற்றங்கள் யாவை.

2.1 முதலில் “பரிமாணங்களை” சரியாகப் பெறுங்கள் (கவனிக்கத் தவறுவதற்கு எளிதானது, ஆனால் மிகப்பெரிய நன்மைகளைத் தருவது)

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

வேர்ட்பிரஸ் 4.4 மற்றும் அதற்குப் பிந்தைய பதிப்புகளுக்குபதிலளிப்புப் பட வழிமுறை（srcset/sizes) இந்தச் சிக்கலைத் தீர்ப்பதற்காகவே துல்லியமாக வடிவமைக்கப்பட்டது.

ஒரு பாஸ் என்பது:

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

மிகவும் பொதுவான குறைபாடுகள்:

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

---

2.2 சுருக்கం (தரத்தில் சமரசம் செய்யாமல் கோப்பின் அளவைக் குறைத்தல்)

கუმர்ச்ஷனின் சாராம்சம் “சிறியது சிறந்தது” என்பது அல்ல, மாறாக “வித்தியாசம் வெறும் கண்ணுக்குத் தெரியாத அளவுக்கு மிகக் குறைவாக இருக்கும், ஆனாலும் கோப்பின் அளவு கணிசமாகக் குறைக்கப்படும்” என்பதே ஆகும்.

விதிமுறைகள் பின்வருமாறு:

• புகைப்படங்கள்/உண்மையான வாழ்க்கைப் படங்கள் (உருவப்படங்கள், பொருட்கள், நிலக்காட்சிகள்): இழப்புடன் கூடிய சுருக்கத்திற்கு முன்னுரிமை (அதிகபட்சப் பலன்)
• அதிக உரை கொண்ட திரைப்பிடிப்புகள்/படங்கள்: உரை மங்கலாகத் தோன்றுவதைத் தடுக்க, மிகவும் மிதமான அழுத்தத்தைப் பயன்படுத்தவும்
• சின்னம்/குறியீடு: SVG-க்கு முன்னுரிமை அளிக்கவும் அல்லது இழப்பற்ற சுருக்கத்தை கவனமாகப் பயன்படுத்தவும் (இழப்புள்ள சுருக்கம் எளிதில் விளிம்புகளை மங்கலாக்கக்கூடும்)

ஒரு பாஸ் என்பது:

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

---

2.3 WebP / AVIF (வடிவக்கரு கொள்கை: அதே அளவு தெளிவிற்கு சிறிய கோப்பு அளவு)

வேர்ட்பிரஸ் இப்போது கோப்பு பதிவேற்றங்களை ஆதரிக்கிறது. WebP (5.8) மற்றும் AVIF (6.5)。
இருப்பினும், “அடுத்த தலைமுறை வடிவத்தை” நடைமுறைப் பயன்பாட்டிற்குக் கொண்டுவர, பொதுவாக இரண்டு சிக்கல்களைத் தீர்க்க வேண்டும்:

1. வரலாற்று ஊடக நூலகத்தை மொத்தமாக மாற்றுவது எப்படி(இல்லையெனில், நீங்கள் “எதிர்காலத்தில் பதிவேற்றப்படும் புதிய படங்களை” மட்டுமே உகந்ததாக்குவீர்கள்)
2. நான் ஒரு நகலை உருவாக்க வேண்டுமா அல்லது அசல் படத்தை மாற்ற வேண்டுமா?(இது ஒரு முக்கியமான புள்ளி; பிளஸ் வெப்.பி-யின் “அசல் படத்தை மாற்றி நீக்கு” அம்சத்தில் நாம் பின்னர் கவனம் செலுத்துவோம்.)

பரிந்துரைக்கப்பட்ட அணுகுமுறை:

• WebP: பொதுவாக இயல்புநிலைத் தேர்வு (அதிக நம்பகமான இணக்கத்தன்மையை வழங்குகிறது)
• AVIF: சுருக்கத்தில் ஒரு மேலதிக படியாகும், இது பெரிய படங்கள், முதல் திரையில் உள்ள பெரிய படங்கள் மற்றும் கேலரி படங்களுக்கு ஏற்றது (ஆனால் மேலும்சுற்றுச்சூழல் ஆதரவைச் சார்ந்த）

---

2.4 லேஸி லோடிங்கைச் சரியாகப் பயன்படுத்தவும் (அனைத்திற்கும் ஒரே தீர்வு என்ற அணுகுமுறையைக் கைவிடவும்)

வேர்ட்பிரஸ் 5.5-இலிருந்துபூர்வீக சோம்பேறி ஏற்றுதல்படம்.
ஆரம்பகட்ட ரெண்டரிங்கின் போது இது அலைக்கற்றை பயன்பாட்டைக் குறைக்கிறது:

• லேஸி லோடிங் “திரைக்குப் பின்னாலுள்ள வளங்களுக்கு” ஏற்றது.”
• பக்கத்தின் மேலே உள்ள பெரிய படம் (இது பெரும்பாலும் முதல் திரையில் உள்ள மிக முக்கியமான படமாக இருக்கும்) பொதுவாக தாமதப்படுத்தப்பட்ட ஏற்றுதலுக்கு ஏற்றதல்ல.

---

2.5 விநியோக நிலை: CDN / படம் CDN

அமுக்கம், கோப்பு அளவு மற்றும் வடிவம் ஆகிய அனைத்தும் கோப்புகளைச் சிறியதாகவும், மிகவும் பொருத்தமானதாகவும் ஆக்குவதை நோக்கமாகக் கொண்டுள்ளன.
ஆனால் படங்கள் எப்போதும் மூல தளத்திலிருந்து தொலைவில் இருந்து ஏற்றப்படுமானால், நெட்வொர்க் தாமதம் அனுபவத்தை இன்னும் குறிப்பிடத்தக்க வகையில் பாதிக்கும். அப்போது “டெலிவரி லேயர்” தீர்வு (CDN/பட CDN) தேவைப்படும்.

இரண்டு வழக்கமான அணுகுமுறைகள்:

• கிளவுட்ஃப்ளேர் போலந்து：Cloudflare ஆவணங்கள்இந்தப் பகுதி போலீஷில் (தவறற்ற, தர இழப்பு மற்றும் WebP) கிடைக்கும் சுருக்க முறைகளை அறிமுகப்படுத்துகிறது, மற்றும் பயன்பாட்டைக் குறிப்பிடுகிறது. format=auto WebP மற்றும் AVIF வடிவங்கள் அனுமதிக்கப்படுகின்றன.
• ஜெட்பேக் தள வேகமூட்டி：ஜெட்பேக் ஆவணங்கள்இதன் பொருள், இது படங்களை மேம்படுத்தி, நிலையான வளங்களுடன் சேர்த்து அதன் நெட்வொர்க் வழியாக விநியோகிக்கும்.

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

3. பாதைத் தேர்வு: இரண்டு முக்கியப் பாதைகளை மட்டும் பின்பற்றவும்.

பட உகப்பாக்கத்தில் மிகவும் பொதுவான தவறு, “பிளகினுடன் நிறுவாதது” அல்ல, மாறாக அதிகப்படியான பிளகின்களை நிறுவுவதுதான், இது நகல் செயலாக்கத்திற்கு வழிவகுக்கிறது:
A அமுக்குகிறது, B-யும் அமுக்குகிறது; A WebP/AVIF-க்கு மாற்றுகிறது, B-யும் அதையே செய்கிறது; A URL-களை மாற்றுகிறது, B URL-களை மறுவடிவமைப்பு செய்கிறது—இறுதியில், தளத்தில் உண்மையில் என்ன நடக்கிறது என்பதை உங்களால் கூட புரிந்துகொள்ள முடிவதில்லை.

விதிமுறைகள்:

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

• வழி A (முழுவதும் இலவச உள்ளூர்):மேலும் WebP அல்லது AVIF + EWWW Image Optimizer(அல்லது ஒன்றை மட்டும் தேர்ந்தெடுக்கவும்)
• விருப்பம் பி (மூன்று கிளவுட் சுருக்க முறைகளில் ஒன்றைத் தேர்ந்தெடுக்கவும்):ஷார்ட்பிக்சல் / இமேஜைஃபை / டைனிபிஎன்பிஜி

---

3.1 விருப்பம் A: முழுமையாக இலவச உள்ளூர் ஹோஸ்டிங் (கூடுதலாக WebP அல்லது AVIF அல்லது EWWW)

இந்த வழியின் முக்கிய அம்சங்கள்:

• நீங்கள் மாதாந்திர ஒதுக்கீடு அல்லது ஒரு கோப்புக்கு ஒருமுறை கட்டணம் வசூலிக்கும் மூன்றாம் தரப்பு அமுக்கச் சேவைகளைச் சார்ந்திருக்க மாட்டீர்கள் (இருப்பினும் சில அம்சங்கள் விருப்பத் தேர்வு சேவைகளாகக் கிடைக்கலாம்).
• இதன் செலவு: தொகுதி செயலாக்கம் சேவையகத்தின் CPU/IO-ஐ அதிகமாக பயன்படுத்தக்கூடும், எனவே நீங்கள் “மூலோபாயம் மற்றும் அபாயம்” மீது அதிக கவனம் செலுத்த வேண்டும்”

3.1.1 மேலும் WebP அல்லது AVIF: இதன் முக்கியக் கருத்து “உருவாக்கம்/மாற்றுதல்” ஆகும்; இது பாரம்பரிய அர்த்தத்தில் ஒரு “அமுக்கக் கருவி” அல்ல.”

• முழுத் தெளிவுத்திறன் படங்களை உருவாக்கும்போது:அசல் படக் கோப்பின் ஐடி WebP/AVIF கோப்பால் மாற்றப்படும், அசல் கோப்பு நீக்கப்படும், மேலும் உள்ளடக்கத்தில் உள்ள எந்த URL-களும் மாற்றப்படும்.。
• இந்த செருகுநிரல் WP-CLI கட்டளைகளை வழங்குகிறது, மேலும் அதிக எண்ணிக்கையிலான கோப்புகளைக் கையாளும்போது WP-CLI மிகவும் நம்பகமானது என்று அறிவுறுத்துகிறது.

இதன் பொருள்: இது உங்களுக்காக ஒரு WebP கோப்பை அமைதியாக உருவாக்குவதோடு நின்றுவிடுவதில்லை, மாறாக அது ஒருசொத்து பரிமாற்றம்(குறிப்பாக நீங்கள் “அசலை மாற்றி நீக்கு” விருப்பத்தை இயக்கியிருந்தால்).

இரண்டு முறைகளுக்கு இடையிலான வேறுபாடு

விருப்பம் 1: அசல் படத்தை வைத்திருக்கவும் + WebP/AVIF நகல்களை உருவாக்கவும் (அதிக நம்பகமானது)

• நன்மை: இணக்கத்தன்மை சிக்கல்கள் ஏற்பட்டால், முந்தைய நிலைக்குத் திரும்புவது எளிது.
• குறை: வட்டுப் பயன்பாடு அதிகரிக்கும் (அசல் படம் + புதிய வடிவம் + பல சிறுபட அளவுகள்)

முறை 2: அசல் படத்தை மாற்றி நீக்குதல் (மிகவும் தீவிரமானது)

• நன்மைகள்: வட்டு விரைவாக நிரம்பாது; உள்ளக இணைப்புகள் தானாகவே புதிய வடிவத்திற்கு மாற்றப்படும்.
• ஆபத்து: நீங்கள் சொத்துக்கள் மற்றும் அவற்றின் குறிப்புகள் இரண்டையும் மாற்றியமைத்தால், இணக்கத்தன்மை சிக்கல்களைத் தீர்ப்பது அதிக செலவு மிக்கதாக இருக்கும் (குறிப்பாக, வெளிப்புற அமைப்புகள் அல்லது தீம் தர்க்கம் அசல் கோப்புப் பெயர்கள், பாதைகள் அல்லது வடிவங்களைச் சார்ந்திருக்கும் இடங்களில்).

WebP அல்லது AVIF உடன் பொதுவான குறைபாடுகள்

1. முழு நூலக மாற்றுதலைச் செய்த பிறகு, சில பக்கங்களில் உள்ள படங்கள் தவறாகக் காட்டப்படுகின்றன.
   காரணம் பொதுவாக “படம் உடைந்திருப்பது” அல்ல, மாறாக ஒரு URL மாற்றம், கேச்சிங் அல்லது சிறுபடக் கொள்கை போன்ற, சங்கிலியில் எங்கோ ஒரு சிக்கல் ஏற்பட்டிருப்பதுதான்.
2. எவ்வளவு அதிகமான சிறுபடங்கள் உள்ளதோ, அவ்வளவு பெரிய மாற்றங்களின் வாய்ப்பு.
   வேர்ட்பிரஸ்ஸில் ஒரு படத்தைப் பதிவேற்றுவது பல அளவுகளை உருவாக்குகிறது; தீம்கள் மற்றும் செருகுநிரல்கள் இன்னும் பலவற்றைச் சேர்க்கலாம். ஒரு முழுமையான மாற்று என்பது, நீங்கள் மிகப் பெரிய கோப்புகளின் தொகுப்பைத் திருத்த வேண்டியிருக்கும் என்பதைக் குறிக்கிறது.
3. வடிவமைப்பு மாற்றத்தை மட்டும் செய்வதால், அது கட்டாயமாக மிகச்சிறிய கோப்பு அளவைத் தராது.
   WebP மற்றும் AVIF கோப்புகள் பொதுவாக சிறியதாக இருக்கும், ஆனால் “பரிமாண உத்திகள்” மற்றும் “அமுக்க உத்திகள்” முக்கியமானவையாகவே இருக்கின்றன. வேகமான ஏற்றுதல் நேரங்களுக்கான “ஒற்றை-கிளிக் தீர்வாக” பிளஸ் WebP-ஐ கருத வேண்டாம்.

---

3.1.2 EWWW பட உகப்பாக்கிஇலவச உள்ளூர் சுருக்கத்திற்கான ஒரு முன்னணி வழங்குநர்

EWWW செருகுநிரல் பக்கத்திற்கு ஒரு மிகத் தெளிவான நோக்கம் உள்ளது:

• இது உங்கள் சேவையகத்தில் உள்ள படங்களை பல்வேறு கருவிகளைப் (jpegtran, optipng, pngout, pngquant, gifsicle, cwebp, போன்றவை) பயன்படுத்தி மேம்படுத்தும்.
• உங்களுக்கு அதிக சுருக்கம் அல்லது குறைந்த CPU பயன்பாடு தேவைப்பட்டால், CPU பயன்படுத்தும் செயலாக்கத்தை அதன் சேவையகத்திற்கு மாற்றியும் விடலாம் (விருப்பத்தேர்வு).

Route A-இல் EWWW என்ன பங்கு வகிக்க வேண்டும்?

நீங்கள் ஒரு “வடிவமைப்பு இடம்பெயர்வு/மாற்று உத்தி”க்காக Plus WebP-ஐப் பயன்படுத்தினால், அதைக் கையாள EWWW மிகவும் பொருத்தமானது:

• அமுக்கம் மற்றும் அளவு மேம்பாடு(குறிப்பாக JPG மற்றும் PNG கோப்புகள் போன்ற மூல சொத்துக்களை மேம்படுத்துதல்)
• வரலாற்று ஊடக நூலகத்தின் தொகுதி மேம்பாடு(URL-ஐ மாற்றுவதை விட, அளவைக் குறைப்பதை நோக்கமாகக் கொண்டு)

EEWWW-இன் ஒரு பொதுவான குழி

1. தொகுதி மேம்படுத்தலின் போது சேவையகச் சுமை அதிகரிக்கிறது
   உள்ளூர் சுருக்கம் CPU/IO-ஐ அதிகமாக பயன்படுத்தும். தீர்வு “பயன்படுத்தவேண்டாம்” அல்ல; “தொகுதிகளாக, குறைந்த பீக் நேரத்தில், தேவையெனில் ஆஃப்லோடு/கிளவுட் தீர்வை தேர்வு செய்யுங்கள்” என்பதாகும்.
2. “WebP உருவாக்கப்பட்டுள்ளது” என்பது, முன்முனை உண்மையில் WebP-ஐ வழங்குகிறது என்று அர்த்தமல்ல.
   பல செருகுநிரல்கள், உருவாக்குதல் என்பது ஒரு விஷயம், அதே சமயம் வழங்கும் உத்திகள் (மறுஎழுதுதல், `picture` குறிச்சொற்கள் மற்றும் காட்சிச் சேமிப்பு காலாவதி போன்றவை) முற்றிலும் வேறொரு விஷயம் என்ற தவறான எண்ணத்தில் உழைக்கின்றன.
3. மற்றொரு செருகுநிரலின் செயல்பாட்டை நகலெடுக்கிறது
   நீங்கள் விருப்பம் A-ஐத் தேர்ந்தெடுத்தால், ShortPixel, Imagify அல்லது TinyPNG போன்ற கூடுதல் கிளவுட் சுருக்க சேவைகளைப் பயன்படுத்துவதைத் தவிர்க்க முயற்சி செய்யுங்கள்; நீங்கள் விருப்பம் B-ஐத் தேர்ந்தெடுத்தால், Plus WebP-இல் மாற்று தர்க்கத்தை இயக்க வேண்டாம். முக்கிய கொள்கை:ஒரு செயல்திட்டத்திலேயே உறுதியாக இருங்கள்.

---

3.2 விருப்பம் பி: மூன்று கிளவுட் கம்ப்ரஷன் சேவைகளில் (ShortPixel / Imagify / TinyPNG) ஒன்றைத் தேர்ந்தெடுக்கவும்.

சர்வர் வளங்களைச் சேமிக்க விரும்புவோர், தொகுதி செயலாக்கத்திற்குச் சிரமமில்லாத அணுகுமுறையை விரும்புவோர், மற்றும் பயன்பாட்டின் அடிப்படையில் அல்லது பயன்படுத்தியதற்கு ஏற்ப பணம் செலுத்தும் கட்டண முறையை ஏற்றுக்கொள்பவர்களுக்கு இந்தத் திட்டம் மிகவும் பொருத்தமானது.
இருப்பினும், கிளவுட் கம்ப்ரெஷன் பற்றிய மிகவும் பொதுவான தவறான எண்ணம் என்னவென்றால்:இலவச ஒதுக்கீடு என்பது வெறுமனே “இலவசத் தாள்கள்” சம்பந்தப்பட்ட விஷயம் மட்டுமல்ல.பெருவிரல் அளவுகளின் எண்ணிக்கை, WebP/AVIF வடிவங்கள் உருவாக்கப்படுவது, மற்றும் படங்கள் மீண்டும் மீண்டும் சுருக்கப்படுவது ஆகிய அனைத்தும் வளப் பயன்பாட்டில் குறிப்பிடத்தக்க தாக்கத்தை ஏற்படுத்தும்.

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

---

3.2.1 ஷார்ட்பிக்சல்: மாதத்திற்கு 100 இலவச கிரெடிட்கள், ஆனால் சிறுபடங்கள் மற்றும் WebP/AVIF பெரிதாக்கல்களால் கிரெடிட்கள் பயன்படுத்தப்படும்.

இலவச மற்றும் கட்டண விருப்பங்கள் என்றால் என்ன?

ShortPixel செருகு நிரலின் விளக்கம் தெளிவாகக் கூறுகிறது:

• மாதத்திற்கு 100 இலவச வரவுகள்
• கூடுதலாக வரம்பற்ற மாதாந்திர வரவுகள்“ உள்ளன (விலை விவரங்கள் செருகுநிரல் பக்கத்தில் வழங்கப்பட்டுள்ளன)
• நாங்கள் “காலாவதியாகாத ஒற்றை கிரெடிட் பேக்குகளையும்” (ஆரம்ப விலைகள் குறித்த தகவல்களுடன்) வழங்குகிறோம்.

குறிப்பு:

• இலவசம்: இலகுவான வலைத்தளங்களில் பயன்படுத்த அல்லது சோதனை செய்வதற்காக ஒவ்வொரு மாதமும் ஒரு குறிப்பிட்ட எண்ணிக்கையிலான கிரெடிட்கள் வழங்கப்படுகின்றன.
• ஒற்றைப் தொகுப்பு: பெரிய ஊடக நூலகத்தைக் கொண்ட தளங்கள், தங்கள் இருப்பை ஒரே நேரத்தில் தீர்க்க விரும்பினால் ஏற்றது (ஒருமுறை வாங்கினால், தீரும் வரை செல்லுபடியாகும்; பொதுவாக காலாவதி தேதி இருக்காது)
• மாதிரி/வரம்பற்றது: வழக்கமான படப் புதுப்பிப்புகள் மற்றும் நீண்ட கால, நிலையான மேம்படுத்தல் தேவைப்படும் தளங்களுக்கு ஏற்றது.

ஷார்ட்பிக்சலின் அதிகாரப்பூர்வ அறிவுத் தளமானது, “ஒற்றை உரிமம் vs வரம்பற்ற மாதாந்திரம்” என்பதற்கான வழிகாட்டுதலையும் வழங்குகிறது.ஒரு தெளிவான விளக்கம்：வரம்பற்ற மாதாந்திரத் திட்டம் மாதந்தோறும் (அல்லது ஆண்டுதோறும்) கட்டணம் வசூலிக்கப்படும்; இது வரம்பற்ற கிரெடிட்களை வழங்கும், மேலும் நிலையான CDN ஒதுக்கீடும் உடன் வரும்; ஒருமுறை வாங்கும் கிரெடிட்கள் காலாவதியாகாது, எனவே தேவைக்கேற்ப மேலும் கட்டுப்பாட்டுடன் பயன்படுத்தலாம்.

மிக முக்கியமாக: ஷார்ட்பிக்சல் கிரெடிட்கள் எவ்வாறு கணக்கிடப்படுகின்றன?

ஷார்ட்பிக்சல் அதிகாரப்பூர்வ ஆவணங்கள் கேபி அதை மிகவும் வெளிப்படையாகச் சொன்னார்:

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

நன்றி தெரிவித்தல் எடுத்துக்காட்டு：

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

• அசல் படம் மற்றும் சிறுபடங்களை மட்டும் மேம்படுத்துங்கள்: 1 (அசல் படம்) + 8 (சிறுபடங்கள்) = 9 கிரெடிட்கள்
• நீங்களும் WebP/AVIF உருவாக்க விரும்பினால்: மேலே உள்ள 9-இல் ஒவ்வொன்றிற்கும் அடுத்த தலைமுறை பதிப்பைச் சேர்க்கவும் → மேலும் 9 வரவுகள்
  வேறு வார்த்தைகளில் கூறுவதானால், இது “ஒரு படம்” என்று நீங்கள் நினைக்கலாம், ஆனால் இது உண்மையில் கிட்டத்தட்ட “இரட்டை இலக்க கிரெடிட்கள்” செலவாகலாம்.

எனவே:“100 இலவச வரவுகள்” என்பது “100 இலவசப் படங்கள்” என்று அர்த்தமல்ல.

ஷார்ட்பிக்சலில் மிகவும் பொதுவான குறைபாடுகள்

1. இலவச 100 கிரெடிட்கள் விரைவில் முடிந்துவிடும்
   காரணம்: அதிக எண்ணிக்கையிலான சிறுபடங்கள் + WebP/AVIF கோப்புகளை உருவாக்குவதற்கான கூடுதல் வரவுகள்.
   பரிந்துரை：

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

2. மற்ற வடிவ மாற்று செருகுநிரல்களுடன் இணைந்து பயன்படுத்தவும்
   நீங்கள் பிளஸ் WebP மாற்றீட்டை இயக்கி, ஷார்ட்பிக்சலை அடுத்த தலைமுறை குறிச்சொற்களை உருவாக்கிச் செருகும்படி அமைத்தால், அதன் தர்க்கம் ஒன்றுடன் ஒன்று இணையும், இது பிழைதிருத்தலை மிகவும் கடினமாக்கும். விருப்பம் B-இல், ஷார்ட்பிக்சல் இந்தப் பணியைத் தானாகவே கையாளும்.
3. அது நிறுவப்பட்டவுடன், ஃபிரன்டெண்ட் தானாகவே WebP/AVIF கோப்புகளை உருவாக்கும் என்று நான் கருதினேன்.“
   ShortPixel செருகு பக்கம்இது WebP மற்றும் AVIF கோப்புகளை மாற்றும் திறன் கொண்டது, மேலும் அடுத்த தலைமுறை படங்களை முன்முனைப் பக்கங்களில் (உதாரணமாக, குறிச்சொற்கள் வழியாக) இணைக்க முடியும்.
   இருப்பினும், நீங்கள் முடித்தவுடன் முடிவுகளைச் சரிபார்க்க வேண்டும்.

---

3.2.2 இமேஜிஃபைஇலவசம் 20MB/மாதம்; “அசல் பட அளவு + சிறுபட எண்ணிக்கை” அடிப்படையில் ஒதுக்கீடு கழிக்கப்படும், மீளச் சுருக்கினால் மீண்டும் கழிக்கப்படும்

இலவச ஒதுக்கீடு மற்றும் இடம்

இமேஜிஃபை அதிகாரப்பூர்வ விலைப் பக்கம்இது மிகவும் தெளிவாகக் கூறப்பட்டுள்ளது:இலவச கணக்கிற்கு மாதம் 20MB ஒதுக்கீடு。
அதன் பிளகின் பக்கத்தில், அது WebP/AVIF-க்குச் சுருக்கவும், அளவை மாற்றவும், மாற்றவும் முடியும் என்றும் குறிப்பிடப்பட்டுள்ளது.

கோட்டா எப்படி கழிக்கப்படுகிறது?

இமேஜிஃபை அதிகாரப்பூர்வ ஆவணங்கள் “கோட்டா பயன்பாடு எவ்வாறு கணக்கிடப்படுகிறது?” கட்டண முறைமையை மிகவும் தெளிவாக விளக்குகிறது:

• பெருவிரல் படங்களின் எண்ணிக்கை வளப் பயன்பாட்டைப் பாதிக்கிறது.உதாரணமாக, உங்களிடம் 10 சிறுபட அளவுகள் இருந்தால், ஒரு ஒற்றைப் படத்தை மேம்படுத்துவது என்பது உண்மையில் 11 படங்களை (அசல் படம் மற்றும் 10 சிறுபடங்கள்) மேம்படுத்துவதாகும், இவை அனைத்தும் உங்கள் ஒதுக்கீட்டில் கணக்கிடப்படும்.
• அசல் கோப்பின் அளவை அடிப்படையாகக் கொண்டு கோட்டாவைக் கழிக்கவும்உதாரணமாக, நீங்கள் Imagify-க்கு 100KB படத்தை பதிவேற்றினால், உங்கள் ஒதுக்கீட்டில் இருந்து 100KB கழிக்கப்படும்.
• அமுக்க நிலை மாற்றுவதும் மீண்டும் உகந்ததாக்குவதும் மீண்டும் குவார்ட்டாவைப் பயன்படுத்தும்.。
• ஒரே API சாவியை பல தளங்களில் பயன்படுத்தலாம், ஆனால் ஒதுக்கீடு அவற்றுக்கிடையே பகிரப்படும்.

இது இமேஜிஃபையின் “முதன்மை அணுகுமுறை”:
இது ஒரு டேட்டா பேக்கேஜ் போன்றது: நீங்கள் எவ்வளவு அதிகமாக அப்லோட் செய்கிறீர்களோ, அவ்வளவு அதிகமாக டேட்டாவைப் பயன்படுத்தும்; நீங்கள் எவ்வளவு அதிகமாகத் தம்ப்நெயில்களை உருவாக்குகிறீர்களோ, அவ்வளவு அதிகமாக டேட்டாவைப் பயன்படுத்தும்; மேலும், நீங்கள் கோப்புகளைத் திரும்பத் திரும்பச் சுருக்கினால், அது திரும்பத் திரும்ப டேட்டாவைப் பயன்படுத்தும்.

இமேஜிஃபை ஒதுக்கீடுகளின் எளிதில் புரிந்துகொள்ளக்கூடிய எடுத்துக்காட்டு

நீங்கள் 800 KB எடை கொண்ட ஒரு அசல் படத்தை பதிவேற்றினால், அந்தத் தளம் 8 சிறுபடங்களை உருவாக்குகிறது என்று வைத்துக்கொள்வோம்.

• Imagify-ஐக் கொண்டு உகந்ததாக்கும்போது, “அசல் படமும் 8 சிறுபடங்களும்” சேர்க்கப்படுகின்றன (“அனைத்தையும் உகந்ததாக்கு” என்பதை நீங்கள் தேர்ந்தெடுத்தால்), அதாவது இந்தச் செயல்பாடு 'இந்தக் கோப்புகள் அனைத்தின் மொத்த அளவிற்கு' சமமான ஒரு ஒதுக்கீட்டைப் பயன்படுத்தும்.
  அதனால்தான் சில தளங்களுக்கு “20MB மிக விரைவில் முடிந்துவிடுகிறது” என்று தோன்றுகிறது: அது Imagify போதாததால் அல்ல; நீங்கள் ஒவ்வொரு முறையும் பதிவேற்றும் படங்கள் மிகவும் பெரியதாக இருக்கலாம், சிறுபடங்கள் மிக அதிகமாக இருக்கலாம், மேலும் நீங்கள் சுருக்க நிலைகளை மீண்டும் மீண்டும் சோதித்தும் இருக்கலாம்.

இமேஜிஃபியில் மிகவும் பொதுவான குறைபாடுகள்

1. இலவச 20MB மூலம் முழுத் தள வரலாறு சுத்தப்படுத்தலைச் செய்ய முடியாது“
   20MB பொதுவாக சோதனை மற்றும் இலகு புதுப்பிப்புகளுக்கு மேலும் பொருத்தமானது; உங்கள் மீடியா நூலகம் ஏற்கனவே மிகவும் பெரியதாக இருந்தால், ஒரே தடவையில் முழுவதும் காலி செய்வது மேம்படுத்தலை தேவைப்படுத்தக்கூடும்.
2. அமுக்க நிலைத்தன்மையை மீண்டும் மீண்டும் சரிசெய்வது, ஒதுக்கீடு மீண்டும் மீண்டும் பயன்படுத்தப்படுவதற்கு வழிவகுக்கிறது.
   இமேஜிஃபை: ஒரு தெளிவான விளக்கம்மீள்-உகப்பாக்கம் மீண்டும் ஒதுக்கீட்டைப் பயன்படுத்தும்.
   இந்தப் பக்கத்தில் “உத்தியை” நீங்கள் தெளிவாகக் குறிப்பிட வேண்டும் என்று நாங்கள் பரிந்துரைக்கிறோம்:

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

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

---

3.2.3 டைனிபிஎன்ஜி(சிறிய அமுக்கப்பட்ட படங்கள்): மாதத்திற்கு 500 இலவச வரவுகள்; WebP/AVIF-க்கு மாற்றுவதற்கு ஒரு அளவிற்கு 1 கூடுதல் வரவு கட்டணம் விதிக்கப்படும்.“

இலவசப் படிகள் மற்றும் அவை கணக்கிடப்படும் முறை

TinyPNG வேர்ட்பிரஸ் செருகுநிரல் பக்கம் மிகவும் தெளிவாக எழுதப்பட்டுள்ளது:

• ஒவ்வொரு மாதமும் 500 கிரெடிட்கள் இலவசம்
• ஒரு “நிலையான வேர்ட்பிரஸ் நிறுவலில்”, நீங்கள் அநேகமாக அமுக்கலாம் ஒரு மாதத்திற்கு தோராயமாக 100 படங்கள்
• இருப்பினும், AVIF அல்லது WebP மாற்றம் இயக்கப்பட்டிருந்தால்:ஒவ்வொரு படத்தின் அளவிற்கும் ஒரு கூடுதல் கிரெடிட் செலவாகும்., எனவே அதைச் சுருக்கி மாற்றுவதே ஒரே வழி என்று நினைக்கிறேன். ஒரு மாதத்திற்கு தோராயமாக 50 படங்கள்(உங்களிடம் எத்தனை சிறுபட அளவுகள் உள்ளன என்பதைப் பொறுத்து.)

இதற்கிடையில், TinyPNG மற்றும் TinyJPG-யின் உருவாக்குநரான Tinify-ம் ஏபிஐ விலைப் பக்கம்தயவுசெய்து கவனிக்கவும்: மாதத்திற்கு 500 இலவசக் கம்ப்ரெஷன்களைப் பெற பதிவு செய்யவும்; இந்த வரம்பு மீறப்பட்டவுடன், கட்டாய சந்தா இல்லாமல், வெற்றிகரமான கம்ப்ரெஷன்களின் எண்ணிக்கையின் அடிப்படையில் உங்களுக்குக் கட்டணம் வசூலிக்கப்படும்.

TinyPNG எவ்வாறு செயல்படுகிறது என்பதை ஒரு வாக்கியத்தில் சுருக்கமாகக் கூற:
இது கிரெடிட்களில் கணக்கிடப்படுகிறது; நீங்கள் எவ்வளவு சிறிய அளவிலான சிறுபடங்களைப் பயன்படுத்துகிறீர்களோ, மற்றும் எவ்வளவு அதிகமாக WebP/AVIF-ஐ இயக்குகிறீர்களோ, அவ்வளவு வேகமாக உங்கள் கிரெடிட்கள் தீர்ந்துவிடும்.

TinyPNG வரவுகளின் எளிதில் புரிந்துகொள்ளக்கூடிய எடுத்துக்காட்டு

உங்கள் தளம் ஒவ்வொரு படத்திற்கும் எட்டு சிறுபட அளவுகளை உருவாக்குகிறது என்று வைத்துக்கொள்வோம்:

• அமுக்கம் மட்டும்: அசல் படம் + 8 சிறுபடங்கள் → 9 வரவுகள் தேவை
• WebP/AVIF மாற்றம் இயக்கப்பட்டிருந்தால்: ஒவ்வொரு அளவிற்கும் கூடுதலாக ஒரு கிரெடிட் கழிக்கப்படும் → இது மொத்தத்தை கிட்டத்தட்ட இருமடங்காக்கக்கூடும்
  இது செருகுநிரல் பக்கத்தில் உள்ள விளக்கத்துடன் ஒத்துப்போகிறது: மாற்றுதல் இயக்கப்பட்டவுடன், இலவச ஒதுக்கீடு தோராயமாக “மாதத்திற்கு 100” என்பதிலிருந்து “மாதத்திற்கு 50” ஆக மாறும்.

TinyPNG-இல் மிகவும் பொதுவான குறைபாடுகள்

1. 500 கிரெடிட்ஸ் என்றால் 500 படங்கள் என்று நான் நினைத்தேன்.
   இல்லை. இது ஒவ்வொரு “பட அளவு/வகை”க்கும் வசூலிக்கப்படுகிறது. “மாற்றத்திற்கு ஒவ்வொரு பட அளவிற்கும் கூடுதலாக 1 கிரெடிட் செலவாகும்” என்று செருகுநிரல் பக்கத்தில் தெளிவாகக் குறிப்பிடப்பட்டுள்ளது.
2. தீம்/இ-காமர்ஸ் செருகுநிரல் மிக அதிகமான பட அளவுகளை உருவாக்குகிறது, மேலும் இலவச ஒதுக்கீடு கணிசமாகக் குறைந்துவிட்டது.
   எவ்வளவு அதிக பரிமாணங்கள் இருக்கின்றனவோ, அவ்வளவு எளிதாக கிரெடிட்கள் தீர்ந்துவிடும்.
3. மாற்றத்தைச் செயல்படுத்திய பிறகு, எனது கடன் வரம்பு திடீரென முடிந்துவிட்டதைக் கண்டேன்.
   இது ஒரு பிழை அல்ல; பில்லிங் அமைப்பு இப்படித்தான் செயல்படுகிறது.
   உத்தி பரிந்துரைகள்:

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

4. சூழ்நிலையின்படி பரிந்துரைகள்: வெவ்வேறு வகையான வலைத்தளங்களுக்கு எவ்வாறு தேர்ந்தெடுப்பது

அனைவரும் வேர்ட்பிரஸ்ஸைப் பயன்படுத்தினாலும், உள்ளடக்கத் தளங்கள், மின்வணிகத் தளங்கள், போர்ட்ஃபோலியோக்கள் மற்றும் உறுப்பினர் தளங்களுக்கு இடையே “படங்கள் தொடர்பான சவால்கள்” வேறுபடுகின்றன.

4.1 உள்ளடக்கத் தளங்கள்/வலைப்பதிவுகள் (பல படங்கள் மற்றும் கட்டுரைகளைக் கொண்டவை, மிதமான இடைவெளியில் புதுப்பிக்கப்படுபவை)

முன்னுரிமைப் பரிந்துரைகள்:

1. பரிமாண நிர்ணய உத்தி (படி 1)
2. அமுக்கம் (படி 2)
3. வெப்பி (படி 3)

ஒரு பொருத்தமான பாதை:

• சிரமமில்லாத ஒரு விருப்பத்தை நீங்கள் விரும்பினால்: விருப்பம் B-இல் உள்ள மூன்றில் ஒன்றைத் தேர்ந்தெடுக்கவும் (ShortPixel / Imagify / TinyPNG)
• உங்களுக்கு இலவச விருப்பம் வேண்டுமென்றால்: வழிமுறை A (Plus WebP + EWWW), ஆனால் முதலில் அபாயங்களை மதிப்பிடுவதற்கு “பழமைவாத முறை (அசல் படங்களை நீக்க வேண்டாம்)” கொண்டு தொடங்குவதை நாங்கள் பரிந்துரைக்கிறோம்.

பொதுவான தவறுகள்:

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

4.2 மின்வணிகம்/தயாரிப்பு இணையதளங்கள் (பல சிறுபடங்கள் மற்றும் பட மாறுபாடுகளைக் கொண்டவை; நிலைத்தன்மை மிக முக்கியமானது)

இ-காமர்ஸில் மிகவும் பொதுவான சிக்கல்கள் “அமுக்கத் தரம் மோசமாக உள்ளது” என்பது அல்ல, மாறாக “செயல்திறன் மேம்பாடு செய்த பிறகு சில பரிமாணங்கள் தவறாக உள்ளன, சிறுபடங்கள் இல்லை, அல்லது முன்முனை கூறுகள் படங்களைப் பெற முடியவில்லை” என்பதாகும்.

முன்னுரிமைப் பரிந்துரைகள்:

1. எச்சரிக்கையுடன் தொடங்குங்கள்: ஒரு பழமைவாத சுருக்க உத்தியைக் கையாளுங்கள்; நேரடியாக முழு தரவுத்தள மாற்றுக்குச் செல்லாதீர்கள்.
2. பெட்டையளவுகளை மதிப்பிடுதல்: மின்வணிக தீம்கள் பொதுவாக அதிக அளவுகளை உருவாக்குகின்றன, இது தரவுப் பயன்பாட்டை கணிசமாக அதிகரிக்கக்கூடும் (இது குறிப்பாக ShortPixel மற்றும் TinyPNG-இல் மிகவும் தெளிவாகத் தெரிகிறது).
3. முதலில் ஒரு சிறிய அளவிலான சோதனையை நடத்தி, பின்னர் அதை பரந்த பார்வையாளர்களுக்கு விரிவுபடுத்தவும் (இது மிகவும் முக்கியமானது)

ஒரு பொருத்தமான பாதை:

• விருப்பம் பி பொதுவாக சிரமமில்லாத தேர்வாகும்: ShortPixel, Imagify மற்றும் TinyPNG ஆகிய அனைத்தும் தொகுதி செயலாக்கத்தை ஆதரிக்கின்றன; முக்கியமாக ஒதுக்கீட்டு முறையைப் புரிந்துகொண்டு, செலவுகளை முன்கூட்டியே மதிப்பிடுவது அவசியம்.
• விருப்பம் A-வும் ஏற்றுக்கொள்ளத்தக்கது, ஆனால் Plus WebP-யின் “ஐடி-களை மாற்றி எழுதுதல், அசல் படங்களை நீக்குதல் மற்றும் URL-களை மாற்றுதல்” போன்ற செயல்பாடுகளில் நீங்கள் அதிக எச்சரிக்கையுடன் இருக்க வேண்டும்: இது ஒரு சொத்து இடமாற்றமாக அமைவதால், உடனடியாக முழுமையான மாற்றத்தைச் செய்வது அறிவுறுத்தப்படவில்லை.

4.3 போர்ட்ஃபோலியோக்கள்/புகைப்பட இணையதளங்கள் (இங்கு படத் தரம் மிக முக்கியமானது, கோப்புகள் பெரியவை, மற்றும் காட்சிப் பொலிவு மிக அவசியம்)

முன்னுரிமைப் பரிந்துரைகள்:

1. பரிமாண உத்ததி (காட்சிப் பகுதி கட்டுப்பாடு)
2. அமுக்க உத்தி (விவரங்களை இழப்பதை விட சற்று பெரிய கோப்பை வைத்திருப்பது நல்லது)
3. WebP/AVIF (பெரிய படங்களுக்கு இதன் நன்மைகள் தெளிவாகத் தெரிந்தாலும், இதன் காட்சித் தரம் சரிபார்க்கப்பட வேண்டும்)

ஒரு பொருத்தமான பாதை:

• இமேஜிஃபை: “அசல் படத்தின் அளவை” அடிப்படையாகக் கொண்டு கோட்டா கழிக்கப்படுவதால், இந்த வகை தளம் செலவுகளைக் கட்டுப்பாட்டில் வைத்திருப்பதை எளிதாக்குகிறது (ஒவ்வொரு பெரிய படத்திற்கும் தோராயமாக எவ்வளவு செலவாகும் என்பதை நீங்கள் அறிந்திருப்பதால்), ஆனால் அவற்றை மீண்டும் மீண்டும் சுருக்குவதை நீங்கள் தவிர்க்க வேண்டும்.
• ஷார்ட்பிக்சல்: அதிகமான சிறுபட அளவுகள் இல்லாமல் மற்றும் கிரெடிட்கள் நேரடியானதாக இருந்தால், அது சரி; ஆனால் நீங்கள் பல அளவுகள் மற்றும் அடுத்த தலைமுறை பதிப்புகளை உருவாக்கினால், கிரெடிட்களின் நுகர்வு கணிசமாக அதிகரிக்கும், எனவே நீங்கள் முன்கூட்டியே திட்டமிட வேண்டும்.

5. ஒதுக்கீடு vs. கட்டணப்படுத்தல்: இலவச ஒதுக்கீடு போதுமானதா என்பது குறித்த ஒரு முழுமையான பார்வை

பணத்திற்கு எந்த ஒன்று சிறந்த மதிப்பை வழங்குகிறது, மேலும் இலவச சோதனை எவ்வளவு காலம் நீடிக்கும்?

5.1 மூன்று கட்டண மாதிரிகள்

• ஷார்ட்பிக்சல்(நன்றி)கிரெடிட்டுகள், “அசல் படம் மற்றும் சிறுபடங்களின் எண்ணிக்கை” ஆகியவற்றின் அடிப்படையில் கணக்கிடப்படுகின்றன; WebP/AVIF கோப்புகளை உருவாக்குவதற்கு, ஒவ்வொரு பதிப்பிற்கும் கூடுதல் கிரெடிட் கட்டணம் விதிக்கப்படும்.
• இமேஜிஃபை(MB ஒதுக்கீடு): “அசல் கோப்பு அளவை” அடிப்படையாகக் கொண்டு கோட்டா கழிக்கப்படுகிறது; எவ்வளவு அதிகமான சிறுபடங்கள் உள்ளதோ, அவ்வளவு அதிகமான கோட்டா பயன்படுத்தப்படும்; மீண்டும் அமுக்குதல் மேலும் கோட்டா குறைப்புகளுக்கு வழிவகுக்கும்.
• டைனிபிஎன்ஜி(நன்றி): மாதத்திற்கு 500 கிரெடிட்கள்; WebP/AVIF மாற்றத்தை இயக்குவதற்கு ஒவ்வொரு படத்தின் அளவிற்கும் கூடுதல் கட்டணம் விதிக்கப்படும்.

5.2 விரைவான மதிப்பீட்டு முறைகள்

பின்வருமாறு நீங்கள் அதை மதிப்பிடலாம்:

1. நீங்கள் அடிக்கடி பதிவேற்றும் ஒரு அசல் படத்தை தேர்ந்து, அதன் அளவு சுமார் எவ்வளவு என்பதைப் பாருங்கள் (உதா. 300KB / 1MB / 3MB)
2. இது உங்கள் தளம் பொதுவாக எத்தனை சிறுபட அளவுகளை உருவாக்குகிறது என்பதைப் பொறுத்தது (எ.கா. 5, 10 அல்லது 20).
3. WebP/AVIF உருவாக்க விரும்புகிறீர்களா என்பதைத் தேர்ந்தெடுக்கவும் (ஆம்/இல்லை)

பிறகு, நுகர்வைப் புரிந்துகொள்ள கீழே உள்ள “மனக் கணக்கீட்டை”ப் பயன்படுத்தவும்:

• ஷார்ட்பிக்சல்: ஒவ்வொரு படத்திற்கும் ≈ (1 + சிறுபடங்களின் எண்ணிக்கை) வரவுகள்; WebP/AVIF உருவாக்கப்பட்டால், ≈ அது இருமடங்கு (ஏனெனில் அடுத்த தலைமுறை பதிப்புகளுக்கும் வரவுகள் தேவை)
• இமேஜிஃபைஒவ்வொரு படத்திற்கான ஒதுக்கீடு தோராயமாக (அசல் படத்தின் அளவு + அனைத்து சிறுபடங்களின் மொத்த அளவு) இருக்கும்; அமுக்க நிலை மாற்றிப் படத்தை மீண்டும் அமுக்குவது ஒதுக்கீட்டில் இருந்து மேலும் குறைப்புக்கு வழிவகுக்கும்.
• டைனிபிஎன்ஜி: 500 இலவச கிரெடிட்கள்; உங்கள் தளம் ஒரு படத்திற்கு பல அளவுகளில் படங்களை உருவாக்கினால் மற்றும் பட மாற்றுதல் இயக்கப்பட்டிருந்தால், இலவச படங்களின் எண்ணிக்கை கணிசமாகக் குறையும் (பிளகின் பக்கம் “மாதத்திற்கு சுமார் 100” மற்றும் “மாதத்திற்கு சுமார் 50” என்ற தோராயமான மதிப்பீட்டை வழங்குகிறது)

6. இடர் வெளிப்படுத்தல்

அபாயம் 1: ஒரே பணியைச் செய்ய பல செருகுநிரல்களைப் பயன்படுத்துவதைத் தவிர்க்கவும்

இது மிகவும் பொதுவான “பேரழிவுக்கான மூலம்” ஆகும்.”

• வழி A:மேலும் WebP அல்லது AVIF + EWWW(பணிகளை இருவருக்கும் இடையில் பிரிக்கவும்; மாற்றம் மற்றும் விநியோகம் இரண்டையும் ஒரே நேரத்தில் செய்ய வேண்டாம், அல்லது இரண்டில் ஒன்றை மட்டும் நிறுவவும்)
• விருப்பம் பி: ஷார்ட் பிக்சல் / இமேஜிஃபை / டைனிபிஎன்பிஜி மூன்றில் ஒன்றைத் தேர்ந்தெடுக்கவும்(அமுக்கம் மற்றும் அடுத்த தலைமுறைக்காக ஒன்றைத் தேர்ந்தெடுக்கவும்)

ஆபத்து 2: மேலும் WebP-யின் “மீது எழுதுதல் ஐடி / அசல் படத்தை நீக்குதல் / URL-ஐ மாற்றுதல்” செயல்பாடுகள் சொத்து இடமாற்றத்தை உருவாக்குகின்றன.

மீண்டும் வலியுறுத்த:மேலும் WebP ஒரு முழுத் தலைமுறைச் செயல்பாட்டின் போது, அசல் படத்தின் ஐடி மாற்றப்படும், அசல் கோப்பு நீக்கப்படும், மேலும் உள்ளடக்க URL மாற்றப்படும் என்று விளக்கம் தெளிவாகக் கூறுகிறது.
இதன் பொருள், இது “எந்த நேரத்திலும் மாற்றக்கூடிய ஒரு சிறிய சரிசெய்தல்” அல்ல, மாறாக ஒரு சொத்து மட்டத்திலான மாற்றம் ஆகும்.

பரிந்துரைக்கப்பட்ட உத்தி பின்வருமாறு இருக்க வேண்டும்:

• ஒரு சிறிய அளவிலான சோதனையுடன் தொடங்குங்கள் (சில டஜன் முதல் சில நூறு வரை)
• முன்முனைக் காட்சி, சிறுபடங்கள் மற்றும் கேச் புதுப்பிப்புகள் அனைத்தும் சரியாகச் செயல்படுவதை உறுதிசெய்யவும்.
• முழு தரவுத்தளத்தையும் செயலாக்குவதைக் கருத்தில் கொள்ளுங்கள்

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

• ஷார்ட்பிக்சல்: சிறுபடங்கள் மற்றும் அடுத்த தலைமுறை அம்சங்கள் வரவுப் பட்டியலில் குறிப்பிடத்தக்க தாக்கத்தை ஏற்படுத்தும்.
• டைனிபிஎன்ஜி: WebP/AVIF-ஐ இயக்குவது ஒவ்வொரு பட அளவிற்கும் கூடுதல் கிரெடிட் கழிவுக்கு வழிவகுக்கும்
• இமேஜிஃபை: அசல் படத்தின் அளவை அடிப்படையாகக் கொண்ட கட்டணம்; எவ்வளவு அதிகமான சிறுபடங்கள் உள்ளதோ, அவ்வளவு அதிகமான கட்டணம்; மீண்டும் மீண்டும் பதிவிறக்கம் செய்தால் கூடுதல் கட்டணம் விதிக்கப்படும்.

ஆபத்து 4: “WebP/AVIF உருவாக்கப்பட்டுள்ளது” என்பது “முன்முனை WebP/AVIF-ஐ வழங்குகிறது” என்று அர்த்தமல்ல.”

மாற்றத்திற்குப் பிறகும் தங்கள் தளம் வேகமாக மாறவில்லை என்று பலர் உணர்கிறார்கள்; இதற்கு அடிப்படைக் காரணம், ஃபிரண்ட் எண்ட் இன்னும் JPG/PNG கோப்புகளை வழங்குவதாகும் (பின்வருவனவற்றில் ஏதேனும் ஒன்றில் உள்ள பொருந்தாத்தன்மை காரணமாக: கேச்சிங், மறுஎழுதுதல், குறிச்சொற்கள் அல்லது உலாவி பேச்சுவார்த்தை).

7. நான் முடித்தவுடன் அது வேலை செய்ததா என்பதை எப்படிச் சரிபார்ப்பது?

4 மிகவும் எளிமையான சரிபார்ப்புப் புள்ளிகள்:

1. ஒரே பக்கத்தை இரண்டாவது முறையாகப் புதுப்பிக்கும்போது, ஏற்றுதல் செயல்முறை மேலும் நிலையாகவும் வேகமாகவும் இருக்குமா?(கேச்சிங் மற்றும் உகப்பாக்கத்தின் விளைவுகள் எவ்வளவு தெளிவாகத் தெரியும்?)
2. மொபைல் சாதனங்கள் மற்றும் டெஸ்க்டாப் கணினிகளில் ஏற்றப்படும் படங்களின் அளவில் குறிப்பிடத்தக்க வேறுபாடு உள்ளதா?(பதிலளிக்கும் மூலத்தொகுப்பு/அளவுகள் (அது வேலை செய்யுமா)
3. சில படங்களைத் தற்செயலாகச் சரிபார்க்கவும்: WebP அல்லது AVIF கோப்புகள்/வளங்கள் ஏதேனும் உள்ளதா?(தளம் உண்மையில் பயன்படுத்திறதா அடுத்த தலைமுறை）
4. சில படங்களைப் பாருங்கள்: அவை குறிப்பிடத்தக்க வகையில் மங்கலாக இருக்கின்றனவா அல்லது உரை மங்கலாகத் தெரிகிறதா என்பதைப் பார்க்க பெரிதாக்கிப் பாருங்கள்.(அமுக்கம் மிகவும் அதிகமாக உள்ளதா?)

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

8. நடவடிக்கைக்கான பரிந்துரைகள்

1. முதலில், ஒரு வழியைத் தேர்ந்தெடுக்கவும்:

• நான் அதை முடிந்தவரை இலவசமாக வைத்திருக்க விரும்புகிறேன்.: மேலும் WebP அல்லது AVIF + EWWW (அல்லது அவற்றில் ஒன்றை மட்டும் நிறுவவும்)
• சர்வர் வளங்களைச் சேமிக்க விரும்புகிறீர்களா? பயன்பாட்டிற்கு ஏற்ப பணம் செலுத்துவது மிகவும் சிரமமில்லாதது.: ShortPixel, Imagify அல்லது TinyPNG ஆகியவற்றில் ஒன்றைத் தேர்ந்தெடுக்கவும்

2. ஒரு சிறிய அளவிலான சோதனையுடன் தொடங்குங்கள் (சில டஜன்கள்)
3. தொகுதிகளாகச் செயலாக்குவதற்கு முன், அனைத்தும் ஒழுங்காக உள்ளதா எனச் சரிபார்க்கவும்.
4. விநியோக நம்பகத்தன்மையை மேலும் மேம்படுத்த வேண்டும்:வாசித்தல் CDN முடுக்கம்

அடிக்கடி கேட்கப்படும் கேள்விகள்

1. நான் எத்தனை செருகுநிரல்களை நிறுவ வேண்டும்? அவையனைத்தையும் என்னால் நிறுவ முடியுமா?

ஒரே வழியில் செல்ல முயற்சி செய்யுங்கள்.

• விருப்பம் A: WebP அல்லது AVIF + EWWW Image Optimizer (அல்லது அவற்றில் ஒன்றை மட்டும் நிறுவவும்)
• விருப்பம் பி: ShortPixel, Imagify அல்லது TinyPNG ஆகியவற்றில் ஒன்றைத் தேர்ந்தெடுக்கவும்.
  ஒரே தளத்தில் “அமுக்கம், WebP அல்லது AVIF-க்கு மாற்றுதல், URL மாற்றியமைத்தல் மற்றும் டெலிவரி மறுஎழுதுதல்” ஆகியவற்றை ஒரே நேரத்தில் செய்ய பல செருகுநிரல்களை இயக்குவது, குழப்பத்தை உருவாக்க மிகவும் உறுதியான வழியாகும், மேலும் அதைச் சரிசெய்வது மிகவும் கடினமானது.

2. வேர்ட்பிரஸ் ஏற்கனவே WebP/AVIF-ஐ ஆதரிக்கவில்லையா? எனக்கு இன்னும் ஒரு செருகுநிரல் தேவையா?

பின்வருவனவற்றை வேறுபடுத்துவது முக்கியம்:
“அப்லோட்/பயன்படுத்துவதற்கான ஆதரவு” என்பது “தானியங்கி மாற்றம்/தானியங்கி விநியோகம்” அல்ல.
வேர்ட்பிரஸ் 6.5, ஏற்கனவே உள்ள JPG/PNG கோப்புகளை மொத்தமாக WebP/AVIF ஆக தானாக மாற்றாது, மேலும் “உலாவியின் திறன்களின் அடிப்படையில் AVIF/WebP-ஐ வழங்கி, தோல்வியுற்றால் அசல் வடிவத்திற்குத் திரும்பும்” முழு செயல்முறையையும் இது தானாகக் கையாளாது. உங்கள் தற்போதைய மீடியா நூலகமும் புதுப்பிக்கப்படுவதை உறுதிசெய்ய, இந்த இடைவெளிகளை நிரப்ப நீங்கள் பொதுவாக ஒரு செருகுநிரல் அல்லது சேவையைப் பயன்படுத்த வேண்டும்.

3. பட மேம்பாட்டைப் பொறுத்தவரை, எந்தப் படி உண்மையில் அதிகபட்ச முதலீட்டு வருவாயை வழங்குகிறது?

வழக்கமாக முதலில் அளவுகளைச் சரியாக அமைக்கவும் (srcset/sizes)。
பல இணையதளங்கள் மெதுவாக இருப்பதற்கு அவை சுருக்கப்படவில்லை என்பதல்ல, மாறாக, அவை 900 பிக்சர் அகலம் மட்டுமே கொண்ட ஒரு பக்கத்தைக் காட்டி, பயனர்களை அசல் 3000 பிக்சர் படத்தை பதிவிறக்கம் செய்யும்படி கட்டாயப்படுத்துவதே காரணம். சுருக்கமானது சில கிலோபைட்களைச் சேமிக்க முடியும், ஆனால் “தவறான பரிமாணங்கள்” எந்த நல்ல காரணமும் இல்லாமல் பல மடங்கு அதிகமான தரவை நீங்கள் பதிவிறக்கம் செய்ய வைக்கும்.

4. அசல் படத்திற்குப் பதிலாக “சிறிய பதிப்பு”தான் ஏற்றப்படுகிறது என்பதை நான் எப்படி உறுதி செய்வது?

இரண்டு நிகழ்வுகளைக் கருதுங்கள்:

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

5. “WebP/AVIF generated” என்பது, ஃபிரண்ட் எண்ட் WebP/AVIF-ஐ வெளியிடுகிறது என்று அவசியமாக அர்த்தமா?

சமமாக இல்லை
உருவாக்கம் “கோப்பு மட்டத்தில்” மட்டுமே முழுமையடைகிறது; WebP/AVIF உண்மையில் முன்முனைக்கு வழங்கப்படுகிறதா என்பது, மறுஎழுதுதல், `picture` குறிச்சொல் உத்தி, கேச் பயன்படுத்தப்படுகிறதா, மற்றும் உலாவிப் பேச்சுவார்த்தை பயனுள்ளதாக இருக்கிறதா போன்ற காரணிகளைப் பொறுத்தது. நீங்கள் முடித்தவுடன், “சில படங்களின் வள வகைகளைத் திடீர் சரிபார்க்க வேண்டும்”.

6. WebP அல்லது AVIF உடன் தொடர்புடைய இடர்கள் என்ன? முழு தரவுத்தளத்திலும் ஒரே கிளிக்கில் நான் சரிபார்க்க முடியுமா?

அபாயம் “அமுக்கத்தில்” இல்லை, ஆனால்சொத்து இடம்பெயர்வு நிலைகளில் மாற்றங்கள்：

• முழுத் தொகுப்பை உருவாக்கும்போது, அசல் படக் கோப்பு ஐடிகள் மேல் எழுதப்படலாம், அசல் கோப்புகள் நீக்கப்படலாம், மேலும் உள்ளடக்கத்தில் உள்ள URL-கள் மாற்றப்படலாம்.
  ஆகவேமுழுமையான தரவுத்தளத்தையும் உடனடியாக மாற்றுவதை நாங்கள் பரிந்துரைக்கவில்லை.ஒரு சிறிய அளவிலான சோதனையுடன் (சில டஜன் முதல் சில நூறு பதிவுகள் வரை) தொடங்கி, முழு தரவுத்தளத்துடன் தொடர்வதற்கு முன், உங்களிடம் ஒரு செயல்படும் காப்புப்பிரதி இருப்பதை உறுதிப்படுத்திக் கொள்ளுங்கள்.

7. பிளஸ் WebP-இல் உள்ள இரண்டு முறைகளுக்கு இடையில் நான் எப்படித் தேர்ந்தெடுப்பது: அசல் படத்தை வைத்திருக்க வேண்டுமா அல்லது அசல் படத்தை மாற்றிவிட்டு நீக்க வேண்டுமா?

எளிய வார்த்தைகளில்:

• விருப்பம் 1: அசல் படத்தை வைத்திருக்கவும் + WebP/AVIF நகல்களை உருவாக்கவும் (அதிக நம்பகமானது): மீண்டும் மாற்ற எளிதானது, ஆனால் இது அதிக வட்டு இடத்தை எடுத்துக்கொள்ளும் (அசல் படம் + புதிய வடிவம் + பல சிறுபட அளவுகள்).
• முறை 2: அசல் படத்தை மாற்றி நீக்குதல் (மிகவும் தீவிரமானது): இந்த வட்டு வீக்கமடைவதற்கு ஆளாகாது, ஆனால் நீங்கள் சொத்துக்கள் மற்றும் குறிப்புகளை மாற்றியமைத்தால், இணக்கத்தன்மை சிக்கல்களைத் தீர்ப்பது அதிக செலவாகிவிடும்.
  தளம் எவ்வளவு சிக்கலானதாக இருக்கிறதோ (இ-காமர்ஸ், பல செருகுநிரல்கள், பல அளவுகள்), அவ்வளவு நாங்கள் ஒரு நிலையான அணுகுமுறையுடன் தொடங்குவதைப் பரிந்துரைக்கிறோம்.

8. EWWW Image Optimizer வழங்கும் இலவச உள்ளூர் கம்ப்ரஷன் போதுமானதா? அது சர்வரை ஓவர்லோட் செய்யுமா?

EWWW என்பது “உள்ளூரில் வேலை செய்யும் சுருக்கி” போல உள்ளது: இது CPU/IO ஐ பயன்படுத்தும்
தொகுதி மேம்பாட்டின் போது பணிச்சுமை அதிகரிப்பது பொதுவானது; இது அமைப்பு “செயலிழந்து”விட்டது என்று அர்த்தமல்ல, மாறாக அணுகுமுறை சரியாக இருக்க வேண்டும்: வேலையைத் தொகுதிகளாக, அதிகப் பயன்பாடு இல்லாத நேரங்களில் மேற்கொள்ள வேண்டும், மேலும் தேவைப்படும் இடங்களில் வேலையிறக்கம் அல்லது கிளவுட் தீர்வுகளைத் தேர்ந்தெடுக்க வேண்டும்.
நீங்கள் ஒரு தொந்தரவற்ற தீர்வைத் தேடுகிறீர்கள் என்றால், அல்லது உங்கள் சர்வர் வளங்கள் குறைவாக இருந்தால், விருப்பம் B சர்வரில் அதிக திறமையானது.

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

ஏனெனில் “கிரெடிட்ஸ்” என்பது 'படங்களின் எண்ணிக்கையை'க் குறிக்காது.”, சிறுபடங்கள் மற்றும் அடுத்த தலைமுறையால் பெரிதாக்கப்படும்:

• ஒவ்வொரு சிறுபடத்திற்கும் அசல் படம் + வரவு
• WebP/AVIF கோப்புகள் உருவாக்கப்பட்டால், ஒவ்வொரு தொடர்புடைய பதிப்பிற்கும் கிரெடிட்களில் கூடுதல் செலவு ஏற்படும்.
  எனவே நீங்கள் “ஒரு படம்” என்று நினைப்பது, உண்மையில் கிட்டத்தட்ட “இரட்டை இலக்க கிரெடிட்களை” பயன்படுத்தக்கூடும். ShortPixel

10. Imagify இன் இலவச 20MB/மாதம் ஏன் இவ்வளவு விரைவில் முடிந்துவிடுகிறது?

இமேஜிஃபை என்பது ஒரு “டேட்டா பண்டில்” போன்றது:

• உங்கள் செய்தியின்படிஅசல் கோப்பு அளவுகோட்டாவிலிருந்து கழிக்கவும்
• எவ்வளவு அதிகமான சிறுபடங்கள் உள்ளதோ, அவ்வளவு அதிகமான வள நுகர்வு ஏற்படும்.
• அமுக்க நிலைமையை மாற்றுவதும் மீண்டும் உகந்ததாக்குவதும் மீண்டும் குவார்ட்டாவைப் பயன்படுத்தும்.
• ஒரே API சாவியை பல தளங்களில் பயன்படுத்தலாம், ஒதுக்கீடுகள் பகிரப்படும்.
  அதனால் “20MB விரைவில் முடிந்துவிடுகிறது” என்பது பெரும்பாலும் படங்கள் மிகப் பெரியதாக இருப்பது, சிறுபடங்கள் அதிகமாக இருப்பது, அல்லது மீண்டும் மீண்டும் முயன்று பிழைப்பதனால் ஏற்படுகிறது.

11. TinyPNG ஒரு மாதத்திற்கு 500 இலவச கிரெடிட்களை வழங்குகிறது, அப்படியிருக்க, இந்தப் பிளகின் ஏன் ஒரு மாதத்திற்கு சுமார் 100 படங்கள் மட்டுமே என்று கூறுகிறது, மேலும் WebP/AVIF இயக்கப்பட்டவுடன் இது ஏன் ஒரு மாதத்திற்கு 50 படங்களாகக் குறைகிறது?

இதற்குக் காரணம், “பரிமாணங்கள்/மாற்றிகள்” பிரிவில் TinyPNG வரவுகளும் அளவிடப்பட்டு உயர்த்தப்படுகின்றன:

• ஒரு நிலையான வேர்ட்பிரஸ் நிறுவுதல் பொதுவாக மாதத்திற்கு சுமார் 100 படங்களைச் சுருக்கிறது.
• AVIF அல்லது WebP மாற்றத்தை இயக்கவும்:ஒவ்வொரு படத்தின் அளவிற்கும் ஒரு கூடுதல் கிரெடிட் செலவாகும்., எனவே என்னால் மாதத்திற்கு சுமார் 50 படங்களை மட்டுமே அமுக்கவும் மாற்றவும் முடியும் (துணைப்படங்களின் அளவுகளைப் பொறுத்து).
  எனவே 500 கிரெடிட்கள் என்பது 500 படங்கள் அல்ல.

12. எங்கள் தளத்தில் எத்தனை சிறுபடங்கள் உள்ளன? அவை ஏன் இவ்வளவு குறிப்பிடத்தக்க தாக்கத்தை ஏற்படுத்துகின்றன?

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

13. லேஸி லோடிங் எப்போதும் வேகப்படுத்துமா? லேஸி லோடிங் உண்மையில் வேகத்தைக் குறைக்கிறது என்று சிலர் ஏன் கூறுகிறார்கள்?

லேஸி லோடிங் “திரைக்கு வெளியே உள்ள வளங்களுக்கு” ஏற்றது.
முதல் திரையில் உள்ள மிக முக்கியமான பெரிய படமும் தாமதமானால், அது ஆரம்ப ஏற்றுதல் அனுபவத்தை மெதுவாக்கக்கூடும். வேர்ட்பிரஸ் 5.5 மற்றும் அதற்குப் பிந்தைய பதிப்புகளில் உள்ள இயல்புநிலை மந்தமான ஏற்றுதல் (lazy loading) நன்றாக இருந்தாலும், நீங்கள் அதை எல்லா இடங்களிலும் பயன்படுத்தக் கூடாது.

14. நான் பாதை A அல்லது B-ல் செல்கிறேன், CDN / படம் CDN எப்போது தேவை?

அமுக்கம், கோப்பு அளவு மற்றும் வடிவம் ஆகியவை கோப்புகளைச் சிறியதாகவும், மிகவும் பொருத்தமானதாகவும் மாற்றுவதற்கான சிக்கலைக் கையாளுகின்றன.
CDN அருகிலான மற்றும் நிலையான விநியோகத்தை வழங்குகிறது。
தொலைதூர மூல சேவையகத்திலிருந்து படங்கள் பெறப்படுவதால் குறிப்பிடத்தக்க தாமதம் ஏற்படும்போது, ஒவ்வொரு படத்திற்கும் CDN சேர்ப்பது (எ.கா. Cloudflare Polish / Jetpack Site Accelerator) பொதுவாக ஒரு நிலையான அனுபவத்தை அளிக்கிறது, மேலும் உள்ளடக்கத்தை எளிதாகப் படிக்க உதவுகிறது. WordPress CDN வேகப்படுத்தல்。

15. நான் முடித்தவுடன், அது உண்மையில் வேலை செய்கிறதா என்பதைச் சரிபார்க்க எளிதான வழி என்ன?

சரிபார்ப்பதற்கான விரைவான வழி:

• ஒரே பக்கத்தை இரண்டாவது முறையாகப் புதுப்பிக்கும்போது, ஏற்றுதல் செயல்முறை மேலும் நிலையாகவும் வேகமாகவும் இருக்குமா?
• மொபைல் மற்றும் டெஸ்க்டாப் பதிப்புகளுக்கு இடையில் படத்தின் அளவில் குறிப்பிடத்தக்க வேறுபாடு உள்ளதா (srcset/sizes எதிர்பார்த்தபடி செயல்படுகிறதா)?
• சில படங்களைத் தற்செயலாகச் சரிபார்க்கவும்: WebP அல்லது AVIF கோப்புகள்/வளங்கள் ஏதேனும் உள்ளதா?
• சில படங்களைப் பாருங்கள்: அவை குறிப்பிடத்தக்க வகையில் மங்கலாக இருக்கின்றனவா அல்லது உரை மங்கலாகத் தெரிகிறதா என்பதைப் பார்க்க பெரிதாக்கிப் பாருங்கள்.