පිටුවේ වේගය වැඩි කරන ආකාරය - 2026 දී ඔබේ වෙබ් අඩවිය වේගවත් කරන්න
වේගය ගණනයේ සාධකයක් වශයෙන්
Google සනාථ කරනු ලැබුවේ පිටු වේගය ශ්රේණිගත කිරීමට බලපෑම් කරන බවයි. ක්රමයෙන් වේගවත් නොවන පිටු පරිශීලකයින්ට ආසාදනය කරයි, එමනිසා Google ඉතා උසස් අත්දැකීමක් ලබා දීමට කැමතියි. Google වෙතින් ලැබුණු දත්ත අනුව, ලොඩ් කාලය 1 සිට 3 තත්පර වෙත පෙරළීම් වුවහොත් පරිශීලකය එළියෙන් පිටවීමේ හැකියාව 32%ක් වෘත්තීය වේ.
නමුත්, එය ශ්රේණිගත කිරීමට පමණක් සම්භාවිත කරන්නේ නොවේ. වේගය ඔබේ මුළු ලාභයට සෘජු ආශ්රිතයක් ලබා දෙයි:
- පරිවර්තන — ලොඩ් කාලයේ එක් එක් අතිරේක තත්පරයක් අයුතු නිමාව 7%ක් දක්වා හදුන්වයි
- බොන්ස් අනුපාතය — මොබයිල් පරිශීලකයින්ගේ 53%ක් 3 තත්පර ඉක්මවන පිටුවක් සයිට් කරන්න පිටවයි
- පරිශීලක අත්දැකීම — වේගවත් පිටු පශ්චාත් රාහත් සහ විශ්වාසීය බවක් හැඟවීම සිදු කරයි
ප්රධාන වෙබ් විෂය — 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. ඡායාරූප වැඩි කරන්න
ඡායාරූප සාමාන්යයෙන් උසස් ප්රබලය වේ. WebP හෝ AVIF වැනි නවීන ආකෘති භාවිතා කරන්න, එමඟින් දැක්ම නිවැරදි වර්ධනය නොවම ඉඩ දෙයි යට ව ලිපි ප්රමාණය 30-50% කින් අඩු දිය හැකියි.
- ඉදිරිපත් කිරීමට පෙර සියළු ඡායාරූප සම්පීඩනය කරන්න
- ප්රාථමික ලෙස දැක්වෙන ඡායාරූප සඳහා
loading="lazy"භාවිතා කරන්න - CLS වලින් වැලඳුන නොසිරුීම් වලින්
widthසහheightනිරවද්ය ඇසුරු කරන්න - වවිවේද ඡායාරූප
srcsetක් භාවිතා කරන්න වෙනසකව පිටු ප්රමාණ සඳහා
2. CSS සහ JavaScript කෙටිය කරන්න
අනුපූර්ණ කේත, ශුුන්ය ස්ථාන සහ කොමෙන්ට් ඉවත් කරන්න ඔබේ CSS සහ JS ගොනු සමඟින්. බහුතරයක් ග_BUILD_ මෙවලම් තමයි ස්වයංක්රීයව මෙය කරන්න, නමුත් නිෂ්පාදනයේ ඇති බව ප්රමාණවත් බව පශ්චාත් කරන්න.
3. සංකම්පනය අක්රිය කරන්න
ඔබේ සර්වර් Gzip හෝ Brotli සංකම්පනයක් සමඟ ගොනු යවනු ඇති බව ආශ්සින්න. මෙය ගොනු ප්රමාණ අඩු කිරීමට 70%ක් පමණි.
4. බ්රව්සර පද්ධතිය භාවිතා කරන්න
Cache-Control හිදා ඇති බව පවසන්න යළි වඩ කිරීමට නිවැරදි ටීකාරයකින් පෙන්නන්න. පරිශීලකයා ආපසු පැමිණෙන එන මොට බව හේතු වාදය ඉල්ලා නොගන්න.
5. සාර්වර් ප්රතිචාර කාලය අඩු කරන්න
ඔබේ සර්වර් ප්රතිචාර කාලය (කාලය පළමු බයිට් කාලය, TTFB) 200ms ගණනක් යටතේ බැවින් වසාගනු ඇත. විසදුම්:
- වේගවත් හොස්ට් පරීක්ෂකය භාවිතා කරන්න
- සර්වර් අතුරින් සැඟවීම් සක්රීය කරන්න
- දත්ත ගබඩාවේ විමසුම් ඇතුළත් කරන්න
- පරිශීලකයාට පැවැත් ජාතින් වලින් බාගත කරන්ට CDN භාවිතා කරන්න
6. ප්රාථමික නොවන JavaScript අත්හදා බලන්න
ප්රාථමික දෘශ්යය සඳහා අත්හැරුණු JavaScript ආසන්නව async හෝ defer සමඟ ආරම්භ කළයුතුය. මෙයට සාමාන්යයෙන් විශ්ලේෂණයන්, කතා ශිල්පීන්, සහ සමාජ මාධ්ය ඇතුළත් වෙන තිබේ.
7. ප්රාථමික ආශ්රිත විශේෂ දැනවීම
ප්රාථමික පෙන්වා නංවාගන්ට එළැඹෙන සිටිති වෙන තොරතුරු යොදා ගැනීම භාවිතා කරන්න. එය බ්රව්සරට මෙම ගොනු ප්රමුඛ තෑමක ලබා දී ඇත.
8. රාශී බ්ලොක් තොග මිය ගෙන යන්න
හි CSS සහ JavaScript පිටුවේ නිමාව ගණනය කරයි. පෙර නිවැරදි CSS ඉදිරියට යන්න, සහ මූලික ජාතින් සඳහා අවශ්ය CSS ගනනාව ළඟ ඉතා ඉදිරියෙන් fixe ක්ෂය කරන්න.
9. CDN භාවිතා කරන්න
කන්ටෙන්ට් ලබාදීමේ ජාතික ජාතික ආවමකුස්සාව තෝරාගන්න ලබන්න ඔබේ ගොනු ජාතික දැක් ගොනු යොමු කරන්න. පරිශීලක යුතුම නම පාටක යන්නේ nearest server එකකින් තවත් රැළිය අඩු කරයි.
10. වෙබ් ෆොන්ට් හෝදන්න
අභිබාසිත වඩාත් ප්රේක්ෂා ඇතුළු වෙනස් වේවිමන්:
font-display: swapභාවිතා කරණය අතුරුදන් කිරීමේදී අඩු ලිපිය හෝ ඉලිමට යන්න- ඔබ භාවිතා කරන අක්ෂරය කලින් සම්මත කරන්න
- වැදගත් ෆොන්ට්පතොත් පුරවා ඇත
- ඔබේ මෙම පාරක කෙටියෙන් යෑම සෙනසුරාදෑ ලිපියන් සිදුවවේ
ඔබේ වේගය පරීක්ෂා කරන ආකාරය
Google PageSpeed Insights
Google විසින් නිල මෙයයි. ඔබට එමගින් ක්ෂුද්ර දත්ත (සිරස් විමර්ශනය) සහ ක්ෂේම දත්ත (සැබැවුම් පරිශීලකයන්) ලබාදෙනු ලබයි ඇත.
Chrome DevTools
DevTools (F12) විවෘත කරන්න, "Performance" පැනලය තුක් දිගු චිත්රයක් සකසන්න. කෙසේද යන්න මොනවා ගමනක් ඇති කළයුතුය දැක්වන්නේ පමණක් එකට බැග්රාන්න යන්න.
WebPageTest
විශාල පරීක්ෂණ මෙවලමක් බව යනු විවිධ ස්ථානවලින් සහ සම්බන්ධතා වේගයන් අත්හදා බලාගන්නයි. තහවුරු කිරීමේදී විශේෂිත වාණිජ ප්රචාරණ මැදුරු ඇති කරයි.
ප්රාථමික බව — මෙහි ආරම්භ කරන්න
ආරම්භ කිරීමට අවශ්ය නම් තිදෙනෙක්ට තෝරාගන්න:
- ඡායාරූප — සම්පීඩනය කරන්න සහ WebP වලට පරිවර්තනය කරන්න. කුඩා උපකාරය සොයාගන්න.
- කැෂින් — නිවැරදි Cache-Control හිදා ශාස්තරය ඇති කරගන්න. එක්කම සකසන්න.
- JavaScript — ප්රාථමික නොවන සියල්ල අත්හැරන්න. තුන්වෙනි පාර්ශවයේ ලිපි බාපැහැදිලි කරන.
ඔබේ වෙබ් අඩවිය කෙසේද යන්න බලාගන්න ඔබට කැමතිද? නොමිලේ පරීක්ෂාවක් සම්පූර්ණ කරනවා හා කුෂ්ඨිත මිතුරු හා වේගයේ ලකුණු ප්රමාණය බලන්න.