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

ES module එකේ එකම src දෙකක්, එකක්ම ක්‍රියා කරනවා: අලුත් වෙබ් විශ්ලේෂණ ගැටළුව

ES module එකේ එකම src දෙකක්, එකක්ම ක්‍රියා කරනවා: අලුත් වෙබ් විශ්ලේෂණ ගැටළුව

ඔබේ වෙබ් පිටුවක් නව ඩොමේනයකට මාරු කරන විට, පරණ analytics බීකන් කේතය තාවකාලිකව තබා ගන්නා අයුරු ගැන සිතන්න. නමුත් එය දෙකක් එකම src එකෙන් ලෝඩ් වෙලා, එකක්ම ක්‍රියා කරයි කියලා කවුරුත් හිතන්නෙ නැහැ.

ඉතිං, ලැන්ඩින් පේජ් එක නව ඩොමේනයට මාරු කරලා, පරණ Cloudflare Insights බීකන් ටැග් එක තවත් data-cf-beacon ටෝකනයක් සමඟ තබා තිබුණා. එමෙන්ම නව ටෝකනයක් සමඟ නව ටැග් එකක්ද එකම src="https://static.cloudflareinsights.com/beacon.min.js" සමඟ ඇතුළත් කරලා. දවස් ගණනාවක් නව analytics property එකේ සංඛ්‍යාතය පූර්ණ ශූන්‍ය ලෙස පෙන්වුණා.

ඉතින්, බ්‍රවුසරය ES module ග්‍රැෆ් එක එක වරක්ම සෑදීමේදී URL එක අනුව deduplicate කරනවා. ඒ කියන්නේ, එකම URL එකට type="module" ටැග් දෙකක් තිබුනොත්, එකම මොඩියුලය එක වරක්ම බාගත කර, එක වරක්ම ක්‍රියාත්මක වේ. එම නිසා, දෙවන ටැග් එකේ data-cf-beacon ටෝකනය කිසිවිටෙකත් කියවෙන්නේ නැහැ.

මෙම ගැටළුව හඳුනාගත් ආකාරය අමුතුයි: performance.getEntriesByType('resource') භාවිතා කර cloudflareinsights යන නාමය ඇතුළත් සම්පත් පරීක්ෂා කළාම, දෙකම ටැග් තිබුනත් එකම beacon.min.js ඇතුළත් ඇතුළත් වාර්තා එකක් පමණක් තිබුණා. එම නිසා, සියලුම සංචාර නව analytics property එකට නොව, පරණ එකට යාවත්කාලීනව ලොග් වුණා.

ඉන්පසු, පරණ ටැග් එක මකා දැමුවත් ගැටළුව විසඳුණා. මෙය අපට කියලා දෙන්නේ, සංඛ්‍යාතය ශූන්‍ය ලෙස දිගු කාලයක් පවතී නම්, පළමු පරීක්ෂාව ලෙස dashboard එකට නොයයි, ඒ වෙනුවට instrumentation (කේත) පරීක්ෂා කරන්න කියලා.

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

  • දෙවන පරීක්ෂකයන්ට module deduplication තේරුම් ගැනීමට අවස්ථාව ලැබේ, එය local web projects වල performance වැඩි කරයි.
  • ශ්‍රී ලංකාවේ startups සහ SMEs, analytics mis‑configurations නිසා ව්‍යාපාරික තීරණ අසාර්ථක වීමේ අවදානම අඩු කරගත හැක.
  • විශ්ව විශ්ලේෂකයින්, developers, students ලා Performance API භාවිතයෙන් resource loading audit කිරීමේ නව පියවරක් ඉගෙන ගත හැක.

ඉතින්, ඔබේ වෙබ් අඩවියේ ES module script tag දෙකක් එකම src සමඟ තිබේ නම්, ඒවා deduplicate වීම නිසා එකම module එකක් පමණක් ක්‍රියා කරයි. ඒ ගැන අවධානයෙන් සිටීම, analytics data නිවැරදිව ලබා ගැනීමට අත්‍යවශ්‍යයි.

💡 ඔබේ වෙබ් අඩවියේ මොඩියුලයන් පරීක්ෂා කර බලන්න!
මූලාශ්‍රය මෙම ලිපිය AI මගින් රචිත මුල් සාරාංශයකි. සම්පූර්ණ වාර්තාව කියවන්න:
Dev.to ↗
#ES module #Web Analytics #JavaScript #Debugging #Performance