பக்கம் வேகம் மேம்பாடு — 2026-ல் உங்கள் வலைத்தளத்தை வேகமாக்கவும்

வேகம் ஒரு தரவியல் காரணம் ஏன்

Google பக்கம் விரிதி தரவில்களை பாதிக்கின்றது என்பதை உறுதிப்படுத்தியுள்ளது. மெதுவான பக்கங்கள் பயனரை குழப்பிக்கொள்ளும், மேலும் Google சிறந்த அனுபவத்தை வழங்க விரும்புகிறது. Google-இல் உள்ள தரவுகள், 1 முதல் 3 விநியோக நேரம் செல்லும் போது பயனர் leaving 32% அதிகரிக்கும் என்றும் காட்டுகிறது.

ஆனால் இது தரவியல் மட்டுமின்றி. வேகம் நேரடியாக உங்கள் அடிப்படை வருமானத்தை பாதிக்கிறது:

மாற்றங்கள் — ஆக்சா எட்டு வினாடிகளுக்கு மேலே உள்ள காலம், மாற்றங்களை 7% வரை குறைக்கிறது
பவுன்ஸ் வீதம் — 3 விநாடிகளுக்கு மேலே எடுக்கப்படும் பக்கம் 53% மொபைல் பயனர்களால் விலகப்படுகிறது
பயனர் அனுபவம் — வேகமான பக்கங்கள் தொழில்முறை மற்றும் நம்பகமானதாகக் காணப்படுகின்றன

மைய வலைக் கூறுகள் — Google-இன் வேகம் அளவுகோல்கள்

Google வேகத்தை மூன்று மைய வலைக் கூறுகள் அளவுகோல்கள் மூலம் அளவிடுகிறது:

LCP — மிகப்பெரிய உள்ளடக்கம் ஓவியம்

மிகப்பெரிய காட்சி செய்யப்பட்ட கூறு (சாதாரணமாக படம் அல்லது தலைப்பு) ஏற்கெனவே ஏற்றப்படும் போது அளவிடுகிறது.

நன்று: 2.5 விநாடிகளுக்கு கீழே
மேம்படுத்த வேண்டும்: 2.5 — 4.0 விநாடிகள்
முறிசெய்யப்பட்டுள்ளது: 4.0 விநாடிகளுக்கு மேல்

INP — அடுத்த ஓவியத்திற்கு தொடர்பு

பயனர் தொடர்பு (கிளிக், அட்டை, சுழிப்பு) ஆன போது பக்கம் எவ்வளவு வேகமாக பதிலளிக்கிறது என்பதை அளவிடுகிறது.

நன்று: 200மிலிசெகண்டுகளுக்கு கீழே
மேம்படுத்த வேண்டும்: 200 — 500மிலிசெகண்டுகள்
முறிசெய்யப்பட்டுள்ளது: 500மிலிசெகண்டுகளுக்கு மேல்

CLS — கூட்டுத்தொகைப்படுதல் மாற்றம்

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

நன்று: 0.1க்கு கீழே
மேம்படுத்த வேண்டும்: 0.1 — 0.25
முறிசெய்யப்பட்டுள்ளது: 0.25க்கு மேலான

10 முறைபடுத்தப்பட்ட மேம்பாட்டு குறிப்புகள்

1. படங்களை மேம்படுத்தவும்

படங்கள் பொதுவாக மிகப்பெரிய குற்றவாளியாக இருக்கும். WebP அல்லது AVIF போன்ற நவீன வடிவங்களைப் பயன்படுத்தவும், இது காட்சி தரத்தில் கிடைக்கும் குற்றத்தை இழக்காமல் 30-50% க்கு குறைக்கலாம்.

பதிவேற்றத்திற்கு முன்பு அனைத்து படங்களையும் அழுக்கழிக்கவும்
முதலில் ஏற்றுமதி காணமுறையாக loading="lazy" பயன்படுத்தவும்
CLS இடும்பைகளைத் தவிர்க்க எஎப்போதும் width மற்றும் height வரையறுக்கும்
வெவ்வேறு திரை அளவுக்கு srcset உடன் பொருத்தமான படங்களைப் பயன்படுத்தவும்

2. CSS மற்றும் JavaScript ஐ குறைக்கவும்

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

3. அழுத்தத்தை செயல்படுத்தவும்

கீழே Gzip அல்லது Brotli அழுத்தத்துடன் உங்களின் சர்வர் கோப்புகளை அனுப்புகிறது என்பதை உறுதிப்படுத்தவும். இது கோப்பு அளவுகளை 70% தரமுறையாக குறைக்கலாம்.

4. உலாவி காஷிங்கை பயன்படுத்தவும்

உலாவி நிலையான கோப்புகளை (CSS, JS, படங்கள்) உள்ளுரமாக சேமிக்க Cache-Control தலைப்புகளை அமைக்கவும். பயனர் மறுபடியும் வரும்போது இந்த கோப்புகள் மீண்டும் புகாரளிக்க வேண்டாம்.

5. சர்வர் பதிலளிக்கும் நேரத்தை குறைக்கவும்

உங்கள் சர்வரின் பதிலளிக்கும் நேரம் (முதல் பெற்ற மணி, TTFB) 200மிலிசெகண்டுகளுக்கு கீழே இருக்க வேண்டும். தீர்வுகள்:

வேகமான ஹோஸ்டிங் வழங்குனரைப் பயன்படுத்தவும்
சர்வர் பக்கம் காஷிங் செயல்படுத்தவும்
தரவுத்தொகுப்பின் விசாரணைகளை மேம்படுத்தவும்
பயனர் அருகிலுள்ள சர்வர்களிலிருந்து நிலையான கோப்புகளை வழங்க ஒரு CDN ஐப் பயன்படுத்தவும்

6. முக்கியமான JavaScript ஐ காத்திருங்கள்

முதலியல் காட்சி தேவை இல்லாத JavaScript ஐ async அல்லது defer உடன் அசிங்கக் கமீட்டில் ஏற்றவும். இது பொதுவாக பகுப்பாய்வு, உரையாடல் பொது பிளவுகள் மற்றும் சமூக ஊடக அம்சங்களை உள்ளடக்கியதாக இருக்கும்.

7. முக்கிய உள்ளடங்களில் முன்பதிவு செய்க

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

8. உருவாக்க முடியாத வளங்களை அகற்றவும்

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

9. CDN ஐ பயன்படுத்தவும்

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

10. இணைய எழுத்துருக்களை மேம்படுத்தவும்

சொந்த எழுத்துருக்கள் உரைவழங்க விவரத்தைத் தவிர்க்கலாம்:

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

உங்கள் வேகத்தை எப்படி பரிசோதிக்க வேண்டும்

Google PageSpeed Insights

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

Chrome DevTools

DevToolsஐ (F12) திறக்கவும், "செயல்திறன்" பக்கம் சென்று ஒரு பக்கம் ஏற்ற வேண்டும். எது நேரம் எடுத்துக்கொள்ள வருகிறது என்றும், எந்த வரிசையிலும் கோப்புகள் ஏற்றப்படுகின்றன என்பதை நீங்கள் காணலாம்.

WebPageTest

வார்க்கை சமீபம் மட்டுமல்லாது பலத்திடங்களிலும் மற்றும் தொடர்பு வேகங்களில் பரிசோதிக்கின்றால் வல்லுநர் சோதனை கருவி. விரிவான நீர் வினாடி வரைபடங்களை வழங்குகிறது.

முன்னுரிமை — இங்கு தொடங்குங்கள்

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

படங்கள் — அழுக்கம் மற்றும் WebPக்கு மாற்றவும். குறைந்த உழைப்பு மூலம் மிகப்பெரிய தாக்கம்.
காஷிங் — சரியான Cache-Control தலைப்புகளை அமைக்கவும். ஒருமுறை அமைப்பு.
JavaScript — முக்கியம் இல்லாத ஒன்றை ஒழுங்குபடுத்தவும். மூன்றாம் தர சீப்புகளை குறைக்கவும்.

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