ශ්‍රී ලංකාවේ නවතම තාක්ෂණික පුවත් 2026-07-22, Wednesday
💻 ක්‍රමලේඛනය · 🕒 කියවීමට විනාඩි 2 · 👁 1

Nuxt vs SvelteKit: කාර්යය ලැයිස්තු යෙදුමේ වේග තරගය – කුමන එක වේගවත්?

Nuxt vs SvelteKit: කාර්යය ලැයිස්තු යෙදුමේ වේග තරගය – කුමන එක වේගවත්?

දෙවැනි සතියක පරීක්ෂණයක් තුළ, Nuxt 5 අනුකූලතාව සහ SvelteKit රිමෝට් ෆංශන්ස් (experimental) භාවිතා කරමින් එකම කාර්ය ලැයිස්තු යෙදුම දෙවරක් නිර්මාණය කරන ලදී. දෙකම සෙර්වර්‑පාර්ශවයෙන් මුල් ලැයිස්තුව රෙන්ඩර් කර, බ්‍රව්සරයේ මතක තැන්පතු (in‑browser memory store) මත වැඩ කරයි.

පරීක්ෂණයේ ප්‍රධාන උදෘතය වන්නේ, නව කාර්යක් එක් කිරීමේදී Nuxt යෙදුමට POST + GET ඉල්ලීම් දෙකක් අවශ්‍ය වූ අතර, SvelteKit යෙදුමට එකම ඉල්ලීමක් පමණක් තිබීමයි. Nuxt හි POST ඉල්ලීමට සుమාර 690 ms, පසුගිය GET ඉල්ලීමට 450 ms ගත වුණා; සමගාමීව SvelteKit එකේ එකම ඉල්ලීමට 1,100 ms පමණ වේලාවක් වැය වුණා. මුළු පිටුව අළුත් කිරීමේ වේගය දෙකම 447‑448 ms අතර තරමක් සමීප විය.

Nuxt හි API මාර්ගය පැහැදිලිව දෙකක් (GET, POST) ලෙස ලියා ඇත. server/api/tasks.get.ts හි readTasks() ක්‍රියාත්මක වේ, tasks.post.ts හි POST ඉල්ලීමේදී ශීර්ෂය පරීක්ෂා කර, දත්ත ගබඩා කරයි. පිටුවේ useFetch මගින් මුල් දත්ත SSR දී ලබා ගනී, නව කාර්යක් එක් කිරීමේදී $fetch POST කර, refresh() මඟින් GET ඉල්ලීමක් නැවත කරයි. මෙය සම්ප්‍රදායික “invalidate‑and‑refetch” පදනමක්.

SvelteKit රිමෝට් ෆංශන්ස් විශේෂත්වය, සර්වර්‑පාර්ශවයේ කාර්යය (addTask) සහ කියවීම (readTasks) එකම HTTP ප්‍රතිචාරයක් තුළ එකතු කරයි. tasks.remote.ts ෆයිලයේ command සහ query භාවිතා කර, POST‑like ක්‍රියාවලිය සිදු කර, ඒකකයේ පළිතුරු ලෙස නව ලැයිස්තුව ආපසු ලබා දේ. එම නිසා නව කාර්යක් එක් කිරීමේදී බ්‍රව්සරයේ ඉල්ලීම් ගණනක් අඩු වේ.

ප්‍රතිඵලවලට බැලූ විට, SvelteKit ට සුළු වේග වාසියක් තිබුණද, සමස්ත කාලය ඉතා සමීප වූ නිසා, කුමන ෆ්‍රේම්වර්ක් එකක් තෝරා ගැනීමට මේ සංඛ්‍යාලේඛන පමණක් ප්‍රධාන නොවේ. සංවර්ධකයාගේ පුරුදු, ප්‍රොජෙට් එකේ අවශ්‍යතා, සහ භාවිතා කරන ලයිබ්‍රරි/පැකේජ්‌වල පරිභෝජනය වඩාත් වැදගත් වේ.

ශ්‍රී ලංකාවට ඇති වැදගත්කම

  • සියලුම සිසුන් – Nuxt සහ SvelteKit දෙකම ලොව ප‍්‍රසිද්ධ JavaScript ෆ්‍රේම්වර්ක්‌වලින් වන අතර, ශ්‍රි ලංකාවේ විශ්වවිද්‍යාල සහ පුහුණු පාඨමාලා වලට නවතම තාක්ෂණික දැනුමක් එක් කරයි.
  • දේශීය සංවර්ධකයින් – කාර්යය ලැයිස්තු වැනි සරල යෙදුම් මගින් API ගොඩනැගීමේ පරිදි, අඩු ඉල්ලීම් ගණනින් වැඩ කිරීමේ වාසි තේරුම් ගත හැක, ඒ නිසා පරිශීලක අත්දැකීම් සහ සම්පත් (bandwidth) ඉතිරි කරයි.
  • ව්‍යාපාරිකයන් – වේගවත් ප්‍රතිචාරයක්, පාරිභෝගික රැඳවුම වැඩි කරයි. SvelteKit හි රිමෝට් ෆංශන්ස් වැනි නව පරීක්ෂණාත්මක විශේෂතා, අනාගතයේ SaaS හෝ Serverless ආකෘති වලට හොඳ ගැලපීමක් සපයයි.

අවසන් වශයෙන්, Nuxt සහ SvelteKit දෙකම නවීන වෙබ් යෙදුම් නිර්මාණය සඳහා ශක්තිමත් තේරීම් වේ. ඔබේ ව්‍යාපෘතියේ අවශ්‍යතා, කණ්ඩායමේ පළපුරුද්ද, සහ දිගු කාලීන පාරිසරික සැලසුම අනුව නිවැරදි ෆ්‍රේම්වර්ක් තෝරා ගන්න.

💡 ඔබේ ව්‍යාපෘතියට සුදුසු ෆ්‍රේම්වර්ක් තෝරා ගන්න, අදම පරීක්ෂා කර බලන්න!
මූලාශ්‍රය මෙම ලිපිය AI මගින් රචිත මුල් සාරාංශයකි. සම්පූර්ණ වාර්තාව කියවන්න:
Dev.to ↗
#Nuxt #SvelteKit #Performance #Web Development #Sri Lanka