പേജ് സ്പീഡ് ഓപ്റ്റിമൈസേഷൻ — 2026-ൽ നിങ്ങളുടെ വെബ്സൈറ്റ് വേഗത്തിലാക്കുക
റാങ്കിംഗ് ഘടകമാണെന്ന് വേഗം
Google പേജ് സ്പീഡ് റാങ്കിംഗിൽ ബാധിക്കുന്നു എന്ന് സ്ഥിരീകരിച്ചു. മ്യോലും ആന്റ് ജാതികളുടെ. Google മികച്ച അനുഭവം നൽകാൻ ആഗ്രഹിക്കുന്നു. Googleലിൽ നിന്നുള്ള ഡാറ്റ ഉപയോഗിച്ചാൽ, ലോഡ് സമയത്തിൽ 1 മുതൽ 3 സെക്കൻഡുകൾക്ക് മാറുമ്പോൾ ഉപയോക്താവ് വിടാൻ സാധ്യത 32% കൂടുതലാക്കുന്നു.
എന്നാൽ ഇത് വെറും റാങ്കിംഗുമായി ബന്ധപ്പെട്ട കാര്യം മാത്രമാണ്. വേഗം നേരിട്ട് നിങ്ങളുടെ ബാധ്യതയെ ബാധിക്കുന്നു:
- പരിവർത്തനങ്ങൾ — കൂടത്തീര പ്രസ്തുത സമയമാത്രമായാൽ, പരിവർത്തനങ്ങൾ 7% വരെ കുറഞ്ഞേക്കാം
- ബൗൺറേറ്റ് — 3 സെക്കൻഡുകൾക്കപ്പ് ലോഡുചെയ്യുന്നതിന് 53% മൊബൈൽ ഉപയോക്താക്കൾ ഒരു പേജ് വിടുന്നു
- ഉപയോക്തൃ അനുഭവം — വേഗമുള്ള പേജുകൾ പ്രൊഫഷനൽ എന്നും വിശ്വാസയോഗ്യമാണ്
കോർ വെബ് വൈറ്റൽസ് — Google-ലെ വേഗം മെട്രിക്സുകൾ
Google വേഗം മൂന്നു കോർ വെബ് വൈറ്റൽസ് മെട്രിക്സുകൾ വഴി അളക്കുന്നു:
LCP — ഏറ്റവും വലിയ കണ്ടന്റ് മാർക്കിംഗ്
ഊർജ്ജവത്തായ നീലിമയിലുള്ള വലിയതായ ഇലമെന്റ് (സാധാരണയായി ഒരു ഇമേജ് അല്ലെങ്കിൽ ശീർഷകം) ലോഡുചെയ്യുന്ന സമയത്ത് അളക്കുന്നു.
- നല്ലത്: 2.5 സെക്കന്റിനു താഴെ
- വകാശവാദം: 2.5 — 4.0 സെക്കൻഡുകൾ
- മടങ്ങിക്കൊണ്ടിരിക്കുന്നു: 4.0 സെക്കണ്ടുകൾക്കുമീതെ
INP — അടിയന്തര ഇന്റർഇൻസ്
ഉപയോക്താവ് ഇടപെടുമ്പോൾ (ക്ലിക്ക് ചെയ്യുമ്പോൾ, ടൈപ്പ് ചെയ്യുമ്പോൾ, നിറവേറ്റുമ്പോൾ) പേജ് എത്ര വേഗത്തിൽ പ്രതികരിക്കുന്നു എന്ന് അളക്കുന്നു.
- നല്ലത്: 200msൽ താഴെ
- വകാശവാദം: 200 — 500ms
- മടങ്ങിക്കൊണ്ടിരിക്കുന്നു: 500ms-ൽ അധികം
CLS — സമാഹരിച്ച ലേയൗട്ട് ഷിഫ്റ്റ്
ലോഡിംഗ് സമയത്ത് ലേയൗട്ട് എത്രത്തോളം മാറ്റപ്പെടുന്നു എന്ന് അളക്കുന്നു. നിങ്ങൾക്ക് മനസ്സിലാവുന്ന അനുഭവം — നിങ്ങൾക്ക് ഒത്തു ചെയ്യണമെന്നാണ് സുഹൃത്തുക്കളെ തിരിയിക്കുക എന്നാൽ അടിയന്തരമായി ഉള്ളടക്കം മാറുകയും മറ്റൊന്നിൽ അടിയന്തിരമായി വരുകയും ചെയ്യുന്നു.
- നല്ലത്: 0.1-ൽ താഴെ
- വകാശവാദം: 0.1 — 0.25
- മടങ്ങിക്കൊണ്ടിരിക്കുന്നു: 0.25-ൽ അധികം
10 ഉറപ്പായ ഓപ്റ്റിമൈസേഷൻ അടിയന്തരതകൾ
1. ഇമേജുകൾ ഓപ്റ്റിമൈസ് ചെയ്യുക
ഇമേജുകൾ സാധാരണയായി ഏറ്റവും വലിയ തെറ്റ് സൃഷ്ടിക്കുന്നവയാണ്. ദൃശ്യമായ ഗുണമേന്മ നഷ്ടപ്പെടാതെ 30-50% ഫയൽ വലുമുന്നിടൽ കുറയ്ക്കാൻ സഹായിക്കുന്ന WebP അല്ലെങ്കിൽ AVIF പോലുള്ള ആധുനിക ഫോർമാറ്റുകൾ ഉപയോഗിക്കുക.
- അപ്ലോഡ് ചെയ്യുന്നതിന് മുമ്പ് എല്ലാ ഇമേജുകളും കംപ്രസ്സുചെയ്യുക
- ആദ്യം ലോഡായിരിക്കാത്ത ഇമേജുകൾക്ക്
loading="lazy"ഉപയോഗിക്കുക - CLS നെ ഒഴിവാക്കാൻ എന്നും
widthആയുംheightആയും സൂചിപ്പിക്കുക - വ്യത്യസ്ത സ്ക്രീൻ വലുപ്പങ്ങളിലേക്കുള്ള
srcsetഉപയോഗിച്ച് പ്രതികരണ ഇമേജുകൾ ഉപയോഗിക്കുക
2. CSS மற்றும் ജാവാസ്ക്രിപ്റ്റ് മിനിഫൈ ചെയ്യുക
നിങ്ങളുടെ CSS, JS ഫയലുകളിൽ ഉപയോഗചെയ്യാത്ത കോഡ്, വെളിച്ചം, അഭിപ്രായങ്ങൾ നീക്കംചെയ്യുക. കൂടുതൽ നിർമ്മാണ ഉപകരണങ്ങൾ ഇത് സ്വയം നടത്തുന്നു, എന്നാൽ ഇത് യഥാർത്ഥത്തിൽ നിർമ്മാണത്തിൽ സംഭവിക്കുന്നു എന്ന് സ്ഥിരീകരിക്കുക.
3. കമ്പ്രഷൻ പ്രവർത്തിപ്പിക്കുക
നിങ്ങളുടെ സർവറിന് Gzip അല്ലെങ്കിൽ Brotli കമ്ബ്രഷൻ ഉപയോഗിച്ച് ഒരു ഫയൽ അയക്കുന്നതിലുള്ള ഉറപ്പ് നൽകുക. ഇത് വലുപ്പം 70% വരെ കുറയ്ക്കാൻ സഹായിക്കുന്നു.
4. ബ്രൗസർ കാഷിംഗ് ഉപയോഗിക്കുക
Cache-Control ഹെഡറുകൾ ക്രമിക്കേണം, അതിനാൽ ബ്രൗസർ സ്റ്റാറ്റിക് ഫയലുകൾ (CSS, JS, ഇമേജുകൾ) പ്രാദേശികമായി സൂക്ഷിക്കുന്നു. ഉപയോക്താവ് അടുത്ത ദഫ പങ്കെടുക്കുമ്പോൾ, ഈ ഫയലുകൾ വീണ്ടും ഡൗൺലോഡ് ചെയ്യേണ്ടതില്ല.
5. സർവറിന്റെ പ്രതികരണ സമയത്തെ കുറയ്ക്കുക
നിങ്ങളുടെ സർവറിന്റെ പ്രതികരണ സമയം (അവസാന ബൈറ്റിലേക്ക് സമയം, TTFB) 200ms-ൽ താഴെ ആയിരിക്കണം. ഉത്തരങ്ങൾ:
- ഒരു വേഗത്തോട് കൂടിയ ഹോസ്റ്റിംഗ് ഉണ്ടാക്കുക
- സർവർ-അടുത്ത കാഷിംഗ് പ്രവർത്തിപ്പിക്കുക
- ഡാറ്റാബേസ് ക്വറിയുകൾ ഓപ്റ്റിമൈസ് ചെയ്യുക
- ഉപയോക്താവിന് അടുത്ത സർവറുകളിൽ സ്റ്റാറ്റിക് ഫയലുകൾ സേവിക്കാൻ CDN ഉപയോഗിക്കാൻ
6. നോൺ-ക്രിറ്റിക്കൽ ജാവാസ്ക്രിപ്റ്റ് മാറ്റുക
ആദ്യ കാഴ്ചക്കായി ആവശ്യമാണ് എന്ന വസ്തുക്കളിലൂടെ ജാവാസ്ക്രിപ്റ്റ് async അല്ലെങ്കിൽ defer ഉപയോഗിച്ച് അസെൻക്രോണസ് ആയി ലോഡ് ചെയ്യേണ്ടതാണ്. ഇത് സാധാരണയായി അനലിറ്റിക്സ്, ചാറ്റ് വിഗ്സ്റ്റ്, സോഷ്യൽ മീഡിയ ഇംബഡ് ഉൾക്കൊള്ളുന്നു.
7. പ്രധാന റിസോഴ്സുകൾ പ്രീലോഡ് ചെയ്യുക
ആദ്യ കാഴ്ചയ്ക്കായുള്ള ഫോർമാറ്റുകൾ, CSS, ഇമേജുകൾക്കായി ഉപയോഗിക്കുക. ഇത് ബ്രൗസറിന് ഈ ഫയലുകൾ പ്രാധാന്യം നൽകാനും സഹായിക്കുന്നു.
8. റെൻഡർ-ബ്ലോക്കിംഗ് റിസോഴ്സുകൾ നീക്കുക
ൽ CSS, ജാവാസ്ക്രിപ്റ്റ് പേജ് റെൻഡറിംഗിനെ തടയുന്നു. നോൺ-ക്രിട്ടിക്കൽ CSS കിഴേക്കു മാറ്റുകയും ആദ്യ കാഴ്ചയ്ക്ക് ആവശ്യമുള്ള CSS (ക്രീറ്റിക്കൽ CSS) ഇൻലൈൻ ചെയ്യുകയും ചെയ്യുക.
9. ഒരു CDN ഉപയോഗിക്കുക
ഒരു ഉള്ളടക്ക വിതരണം മാഡ്രിഡ് സിസ്റ്റങ്ങളിൽ നിങ്ങളുടെ ഫയലുകൾ വിതരണം ചെയ്യുന്നു. ഉപയോക്താക്കൾ അടുത്തവലിപ്പിൽ നിന്ന് ഡൗൺലോഡ് ചെയ്യുന്നു, ദ്രോമണിയെ എതിർത്ത് കുറയ്ക്കുന്നതും സഹായിക്കുന്നു.
10. വെബ് ഫോണ്ടുകൾ ഓപ്റ്റിമൈസ് ചെയ്യുക
കസ്റ്റം ഫോണ്ടുകൾ എഴുത്തിന്റെ പ്രദർശനത്തിൽ വൈകിപ്പിക്കാം:
font-display: swapഉപയോഗിക്കുക, അതിനാൽ എഴുത്ത് ഒരു ബാക്കപ്പ് ഫോണ്ടിന്റെ ശൃംഖലയിൽ കാണിച്ചു കൊള്ളുന്നു എങ്കിൽ കസ്റ്റം ഫോണ്ട് ലോഡു ചെയ്യുന്നു- നിങ്ങൾ ഉപയോഗിക്കുന്ന അക്ഷരങ്ങൾ മാത്രം റദ്ദാക്കുക
- ഏറ്റവും പ്രധാനപ്പെട്ട ഫോണ്ട് പ്രീലോഡ് ചെയ്യുക
- ശരീരത്തിലെ എഴുത്തിലേക്ക് സിസ്റ്റം ഫോണ്ടുകൾ പരിഗണിക്കുക
നിങ്ങളുടെ വേഗം എങ്ങനെ പരീക്ഷിക്കാം
Google PageSpeed Insights
Google-ൽ നിന്നുള്ള ഔദ്യോഗിക ഉപകരണം. ലാബ് ഡാറ്റയും (സിമുലേറ്റഡ്) ഫീൽഡ് ഡേറ്റായും (യഥാർത്ഥ ഉപയോക്താക്കളിൽ) തമ്മിലുള്ള കൃത്യമായ മെച്ചപ്പെടുത്തലുകളുടെ നിർദ്ദേശങ്ങൾക്കൊപ്പം നൽകുന്നു.
Chrome DevTools
DevTools (F12) തുറക്കുക, "പ്രകടനം" പാനലിലേക്ക് പോവുക, ഒരു പേജ് ലോഡ് റെക്കാർഡ് ചെയ്യുക. സമയം എടുക്കുന്നതെന്താകുന്നു എന്ന് നിങ്ങൾക്ക് തീർച്ചയാകും.
WebPageTest
വേദി, ഇപ്പോഴും ദൂരങ്ങൾ, കണക്ഷൻ വേഗങ്ങൾ എന്നിവയിൽ നിന്ന് പരീക്ഷണം നടത്താൻ അനുവദിക്കുന്ന ഒരു ഉന്നത പരീക്ഷണ ഉപകരണം. ചാർട്ട് കൃത്യമായ വെള്ളപ്പൊക്ക ഡയഗ്രാമുകൾ നൽകുന്നു.
മുന്വിധി — ഇവിടെ നിന്നും ആരംഭിക്കുക
നിങ്ങൾക്ക് ശ്രദ്ധ കൊടുക്കേണ്ട മൂന്ന് കാര്യങ്ങൾ തിരഞ്ഞെടുക്കേണ്ട ആവശ്യമുണ്ട്:
- ഇമേജുകൾ — കമ്പ്രസ്സുചെയ്യുകയും WebPത്തിലേക്ക് സംയോജിപ്പിക്കുകയും ചെയ്യുക. കുറഞ്ഞ ശ്രമത്തിൽ ഏറ്റവും വലിയ സ്വാധീനം.
- കാഷിംഗ് — ശരിയായ Cache-Control ഹെഡറുകൾ ക്രമപ്പെടുത്തുക. ഒരു സമയം ക്രമീകരണം.
- ജാവാസ്ക്രിപ്റ്റ് — എവിടെയിലുമുള്ള നോൺ-ക്രിറ്റിക്കൽ നേടുക. മൂന്നാം പാകമടിക്കുന്ന സ്ക്രിപ്റ്റുകൾ കുറയ്ക്കുക.
നിങ്ങളുടെ സൈറ്റ് എങ്ങനെ പ്രവർത്തിക്കുന്നു എന്ന് കൃത്യമായി അറിയാൻ ആഗ്രഹിക്കുന്നുണ്ടോ? ഒരു സൗജന്യ ഓഡിറ്റ് നടത്തുക, നിങ്ങളുടെ കോർ വെബ് വൈറ്റല്സ്, വേഗത സ്കോർ കാണുക.