මම දශක දෙකකට වැඩි කාලයක් පරිශීලක අත්දැකීම් නිර්මාණයේ අගල්වල ගත කළෙමි. මට මතකයි මේස මත පදනම් වූ පිරිසැලසුම් සිට CSS වෙත සංක්රමණය වීම, iPhone දියත් කළ විට ප්රතිචාරාත්මක නිර්මාණයට හැරීම සහ “අවධානය ආර්ථිකයේ” නැගීම. නමුත් අපි 2026 සැරිසරන විට, කර්මාන්තය තවමත් එහි වඩාත්ම වැදගත් වෙනසකට මුහුණ දී සිටී. අපි "ඕනෑම වියදමකින් නිර්මාණය" යුගය පසුකර තිරසාර UX යුගයට ගමන් කරමින් සිටිමු. මෙය සංකල්පයක් ලෙසින් අසා මා පොළඹවන තුරු එය මා ඇතුළු බොහෝ නිර්මාණකරුවන් සිතන දෙයක් නොවේ. වසර ගණනාවක් තිස්සේ, අපි අන්තර්ජාලය බර රහිත වලාකුළක් ලෙස සලකමු. ඩිජිටල් නිෂ්පාදන කඩදාසි මත මුද්රණය නොකළ නිසා ඒවා “කොළ” යැයි අපි උපකල්පනය කර ඇත්තෙමු. මමත් එහෙම හිතුවා, දේශගුණ විපර්යාස කියන සංකල්පය එන්න කලින් ගස් බේරගන්න එක තමයි වැඩිපුර කළේ. අපිට වැරදුනා. වලාකුළ යනු භෞතික යටිතල ව්යුහයකි, දත්ත මධ්යස්ථානවල පුළුල් ජාලයක්, මුහුද යට කේබල් සහ 24/7 හමා කරන සිසිලන පද්ධති වේ. AI-නාභිගත දත්ත මධ්යස්ථාන දැවැන්ත ඇලුමිනියම් උණුකරන යන්ත්රවල බලශක්ති පරිභෝජනයට ගැළපෙන අතර, ඒවායේ ඉහළ භූගෝලීය ඝනත්වය ඊටත් වඩා තීව්ර සහ දේශීයකරණය වූ පාරිසරික ආතතියක් ඇති කරයි. UX නිර්මාණකරුවන් ලෙස, අපි මෙම බලශක්ති පරිභෝජනයේ ගෘහ නිර්මාණ ශිල්පීන් වේ. සෑම අධි-විභේදන වීර රූපයක්ම, සෑම ස්වයංක්රීයව වාදනය වන පසුබිම් වීඩියෝවක් සහ අප අනුමත කරන සෑම සංකීර්ණ ජාවාස්ක්රිප්ට් සජීවිකරණයක්ම බලය පරිභෝජනය කිරීම සඳහා ප්රොසෙසරයකට සෘජු උපදෙස් වේ. අපට කල් පවතින අනාගතයක් ගොඩනඟා ගැනීමට අවශ්ය නම්, අපි "wow" සඳහා සැලසුම් කිරීම නවතා කාර්යක්ෂමතාව සඳහා සැලසුම් කිරීම ආරම්භ කළ යුතුය. අඳුරු මාදිලිය 2000 ගණන්වල මුල් භාගයේදී, සුදු පසුබිම් සම්මතය වූයේ ඔවුන් කඩදාසිවල හුරුපුරුදුකම අනුකරණය කළ බැවිනි. කෙසේ වෙතත්, දෘඩාංග පරිණාමය වී ඇති අතර, අපගේ සැලසුම් දර්ශනය අනුගමනය කළ යුතුය. LCD සිට OLED (Organic Light Emitting Diode) තාක්ෂණයට මාරුවීම වර්ණය ශක්තියට බලපාන ආකාරය මූලික වශයෙන් වෙනස් කර ඇත.
තර්කනය සාම්ප්රදායික LCD තිර මෙන් නොව, සෑම විටම ක්රියාත්මක වන පසුතල ආලෝකයක් අවශ්ය වේ (කළු දර්ශණය වන විට පවා), OLED තිර එක් එක් පික්සල තනි තනිව ආලෝකමත් කරයි. පික්සලයක් සත්ය කළු (#000000) ලෙස සකසා ඇති විට, එම නිශ්චිත ඩයෝඩය සම්පූර්ණයෙන්ම ක්රියා විරහිත වේ. එය ශුන්ය බලයක් ලබා ගනී. අඳුරු පැලට් වලට අනුග්රහය දක්වන අතුරුමුහුණත් නිර්මාණය කිරීමෙන්, අපි ප්රවණතාවක් අනුගමනය කරන්නේ නැත; අපි පරිශීලකයාගේ උපාංගයේ බලශක්ති අවශ්යතාවය භෞතිකව අඩු කරන්නෙමු. දත්ත බලශක්ති ඉතිරිකිරීම් නොසැලකිය හැකි තරම්ය. මෙම සාකච්ඡාවේ රන් ප්රමිතිය බවට පත්ව ඇති 2021 දී පර්ඩියු විශ්ව විද්යාලය විසින් සිදු කරන ලද සුවිශේෂී අධ්යයනයකින් හෙළි වූයේ 100% දීප්තියේ දී ආලෝක මාදිලියේ සිට අඳුරු ප්රකාරයට මාරු වීමෙන් බැටරි බලයෙන් සාමාන්යයෙන් 39% සිට 47% දක්වා ඉතිරි කර ගත හැකි බවයි. ගෝලීය පරිමාණයෙන්, සෑම ප්රධාන යෙදුමක්ම අඳුරු ප්රකාරයට පෙරනිමි වුවහොත්, ජාල ඉල්ලුම අඩුවීම තාරකා විද්යාත්මක වනු ඇත. සැලසුම් ඉලක්කය 2026 දී, අඳුරු ප්රකාරය තවදුරටත් සිටුවම් මෙනුවක ඇති ද්විතියික “තේමාවක්” නොවිය යුතුය. අපි නිර්මාණය කළ යුත්තේ "අඳුරු-පළමු" මානසිකත්වයකින්. සෑම වෙබ් අඩවියක්ම The Matrix මෙන් දිස්විය යුතු බව මින් අදහස් නොවේ, නමුත් එයින් අදහස් කරන්නේ පෙරනිමි පද්ධතියට කැමති තත්වය ලෙස ඉහළ ප්රතිවිරෝධතා අඳුරු තේමාවන්ට ප්රමුඛත්වය දීමයි. මෙය උපාංගයේ දෘඪාංග ආයු කාලය දීර්ඝ කරන අතර සෑම අන්තර්ක්රියාවකම කාබන් පියසටහන අඩු කරයි. මම පුද්ගලිකව කියවීම සඳහා Light-Mode වලට කැමැත්තෙමි, එබැවින් ආලෝකය සහ අඳුරු මාදිලිය යන විකල්ප දෙකම තිබීම අර්ථවත් කරයි. විකල්ප දෙකම සැපයීම සමඟ ප්රවේශ්යතා සලකා බැලීම් ද ඇත. රූප සහ වීඩියෝ ප්රශස්තකරණය අපි කම්මැලි නිර්මාණකරුවන් වෙලා. අධිවේගී 5G සහ ෆයිබර් ඔප්ටික්ස් සමඟින්, අපි ගොනු ප්රමාණ ගැන කරදර වීම නතර කර ඇත. සාමාන්ය ජංගම පිටු බර පසුගිය දශකය තුළ 500%කට වඩා වැඩි වී ඇත, බොහෝ දුරට ප්රශස්ත නොකළ දෘශ්ය වත්කම් හේතුවෙන්. තර්කනය වෙබ් අඩවියක "ඩිජිටල් මේදය" (එම 4MB Unsplash ඡායාරූප සහ 15MB පසුබිම් වීඩියෝ) පිටු පැටවීමේ ශක්තිය සඳහා තනි විශාලතම දායකයා වේ. සේවාදායකයකින් සේවාදායකයෙකුට මාරු කරන සෑම මෙගාබයිට් එකක්ම සම්ප්රේෂණය, සේවාදායකයේ සැකසුම් සහ පරිශීලක විදැහුම්කරණ එන්ජිම සඳහා විදුලිය අවශ්ය වේ. අපි දැවැන්ත ලිපිගොනු භාවිතා කරන විට, අපි අත්යවශ්යයෙන්ම “දැවෙන” ශක්තියෙන් ප්රමාණයෙන් සුළු කොටසකින් ඵලදායී විය හැකි පින්තූරයක් පෙන්වමු. නොකියා, ඔබ ඉතා වේගයෙන් පූරණය වන පිටුවක් සමඟින් වඩා හොඳ පරිශීලක අත්දැකීමක් ද සපයයි.
දත්ත HTTP ලේඛනාගාරයට අනුව, පිටුවක සම්පූර්ණ බරෙහි සිංහයාගේ කොටස සඳහා රූප සහ වීඩියෝ අඛණ්ඩව ගිණුම්ගත වේ. කෙසේ වෙතත්, AVIF සහ WebP වැනි නවීන ආකෘති වෙත මාරු වීමෙන් JPEG හා සසඳන විට 50% දක්වා රූපයේ බර අඩු කර ගත හැක, ගුණාත්මක භාවයේ කිසිදු දෘශ්යමාන අලාභයකින් තොරව. මෙම ආකෘති JPG සහ PNG තරම් මට හුරුපුරුදු නොවූවත්, පිටු ප්රමාණය අඩු කිරීමට ඒවා භාවිතා කිරීමට මම අනිවාර්යයෙන්ම බලාපොරොත්තු වෙමි. දසැලසුම් ඉලක්කය මම මෑතකදී සයිබර් ආරක්ෂණ වේදිකාවක් සඳහා ප්රතිනිර්මාණය කළෙමි. “පෙර සහ පසු” විගණනයක් ක්රියාත්මක කිරීමෙන්, ඔවුන්ගේ මුල් පිටුවේ දත්ත 5.5MB පූරණය වන බව අපි සොයා ගත්තෙමු. SVG (පරිමාණය කළ හැකි දෛශික ග්රැෆික්ස්) කලාව සමඟ ඉහළ ප්රතිශක්ත ඡායාරූපකරණය ප්රතිස්ථාපනය කිරීමෙන් සහ රූප වත්කම් වෙනුවට දක්ෂ CSS අනුක්රම භාවිතා කිරීමෙන්, අපි බර 1.2MB දක්වා අඩු කළෙමු. එය බලශක්ති බර 78% කින් අඩු කිරීමකි! නිර්මාණකරුවෙකු ලෙස, ඔබේ පළමු ප්රශ්නය සැමවිටම විය යුත්තේ: "මට මේ සඳහා ඡායාරූපයක් අවශ්යද, නැතහොත් කේතය සමඟ එකම චිත්තවේගීය අනුනාදයක් ලබා ගත හැකිද?"
චේතනාන්විත චලිතය: "ඝෝෂාකාරී" සජීවිකරණ කැපීම අපි ජීවත් වන්නේ "scroll-jacking" සහ සංකීර්ණ 3D Parallax බලපෑම් යුගයකයි. මේවා Awwwards.com හි සම්මාන දිනා ගත හැකි වුවද, ඒවා බොහෝ විට පාරිසරික ව්යසනයන් වේ. තර්කනය සජීවිකරණය නොමිලේ නොවේ. සංකීර්ණ සජීවිකරණයක් ලබා දීමට, උපාංගයේ GPU (ග්රැෆික් සැකසුම් ඒකකය) ඉහළ ධාරිතාවයකින් ක්රියා කළ යුතුය. මෙය CPU උෂ්ණත්වය වැඩි කරයි, සිසිලන පංකා (ලැප්ටොප් වල) ක්රියාරම්භ කරයි, සහ බැටරිය වේගයෙන් බැස යයි. පසුබිමේ නිරන්තරයෙන් ධාවනය වන හෝ බ්රවුසරයේ දැවැන්ත නැවත තීන්ත ප්රේරණය කරන “ඝෝෂාකාරී” සජීවිකරණ ඔබේ මෝටර් රථය ධාවන පථයේ අක්රියව තැබීමට සමාන ශක්තියකි.
දත්ත Google හි ද්රව්ය සැලසුම් මාර්ගෝපදේශ "අර්ථවත් චලිතය" අවධාරණය කරයි. ඔවුන් තර්ක කරන්නේ සජීවිකරණය භාවිතා කළ යුත්තේ පරිශීලකයා දිශානතියට හෝ ප්රතිපෝෂණ සැපයීමට පමණක් බවයි. JPEG වෙනුවට WebP භාවිතයෙන් පිටුවක දත්ත වලින් 25-50%ක් ඉතිරි කර ගත හැක. සැලසුම් ඉලක්කය අපි අර්ථවත් යෝජනාවක් අනුගමනය කළ යුතුයි. සජීවිකරණයක් පරිශීලකයෙකුට කාර්යයක් සම්පූර්ණ කිරීමට හෝ ධුරාවලියක් තේරුම් ගැනීමට උදව් නොකරන්නේ නම්, එය නාස්තියකි. අපි හැකි සෑම විටම GSAP හෝ Lottie වැනි බර JavaScript පුස්තකාල හරහා CSS සංක්රාන්ති වලට අනුග්රහය දැක්විය යුතුය, CSS දෘඪාංග-වේගවත් සහ බ්රවුසරයට ගණනය කිරීමට වඩා කාර්යක්ෂම බැවින්. UX නිර්මාණකරුවෙකු ලෙස, මට මෙම ප්රවේශය තර්ක කළ නොහැක. මෙය දත්ත නාස්තිය අවම කිරීමට පමණක් නොව අපගේ පරිශීලකයින් සඳහා UX වැඩිදියුණු කිරීමටද උපකාරී වේ. සෑම ව්යාපෘතියක් සඳහාම "දත්ත අයවැයක්" සැකසීම මගේ UX වසර 20+ තුළ, වඩාත්ම සාර්ථක ව්යාපෘති සාමාන්යයෙන් දැඩි සීමාවන් සහිත ඒවා විය. ව්යාපෘතියකට මූල්ය අයවැයක් තිබෙනවා සේම එයට කාබන් සහ දත්ත අයවැයක් ද තිබිය යුතුය. තර්කනය දත්ත අයවැයක් යනු පිටුවක මුළු ප්රමාණයේ දැඩි සීමාවකි (උදා: "මෙම ගොඩබෑමේ පිටුව 1MB නොඉක්මවිය නොහැක"). මෙය දුෂ්කර, හිතාමතා තේරීම් කිරීමට සැලසුම් කණ්ඩායමට බල කරයි. ඔබට නව ලුහුබැඳීමේ ස්ක්රිප්ට් එකක් හෝ විසිතුරු අකුරු බරක් එක් කිරීමට අවශ්ය නම්, ඔබට වෙනත් දෙයක් ප්රශස්ත කිරීමෙන් හෝ ඉවත් කිරීමෙන් ඒ සඳහා "ගෙවිය යුතුය". මෙය "විශේෂාංග ක්රීප්" "කාබන් ක්රීප්" බවට හැරීම වළක්වයි. දත්ත The Sustainable Web Design model, Wholegrain Digital වැනි පුරෝගාමීන් විසින් වැඩි දියුණු කරන ලද අතර, පිටු දර්ශනයකට CO2 ගණනය කිරීමට සූත්රයක් සපයයි. සාමාන්ය වෙබ් අඩවියක් බැලීමකට CO2 ග්රෑම් 0.5ක් පමණ නිපදවයි. මාසික දසුන් මිලියන 1ක් සහිත වෙබ් අඩවියක් සඳහා, එය වසරකට මෙට්රික් ටොන් 6ක CO2 ප්රමාණයකි, එය මෝටර් රථයක් සැතපුම් 15,000ක් පැදවීමට සමාන වේ. සැලසුම් ඉලක්කය තිරසාර UX පිරික්සුම් ලැයිස්තුව
පින්තූර අඩු කරන්න සෑම දෘශ්යකමක අවශ්යතාවය ප්රශ්න කරන්න සහ දත්ත හුවමාරුව අවම කිරීමට කුඩාම විභේදන සහ වඩාත් කාර්යක්ෂම ගොනු ආකෘති (AVIF වැනි) භාවිතා කරන්න. වීඩියෝ ප්රශස්ත කරන්න ස්වයංක්රීය වාදන මාධ්ය ඉවත් කරන්න සහ පරිශීලකයා බැලීමට අදහස් කරන අන්තර්ගතයට පමණක් ශක්තිය වැය වන බව සහතික කිරීම සඳහා ඉහළ සම්පීඩිත, කෙටි ලූපවලට ප්රමුඛත්වය දෙන්න. අකුරු සීමා කරන්න, අනවශ්ය සේවාදායක ඉල්ලීම් සහ විදැහුම්කරණය ඉවත් කිරීමට උපරිම වෙබ් අකුරු බර දෙකක් භාවිතා කරන්න හෝ සම්භාව්ය පද්ධති අකුරු වලට ඇලී සිටින්න. ප්රතිචක්රීකරණය වත්කම් සම්පූර්ණ පිටු බර වැඩි නොකර දෘශ්ය ප්රභේදයක් නිර්මාණය කිරීමට CSS පෙරහන් සහ උඩැතිරි භාවිතයෙන් තනි රූපයක් හෝ වීඩියෝවක් කිහිප වතාවක් නැවත සකස් කරන්න. පුනර්ජනනීය බලශක්ති ප්රභවයන්ගෙන් බල ගැන්වෙන බව සහතික කිරීම සඳහා Green Web Foundation විසින් සත්යාපනය කරන ලද සේවාදායක මත Green HostingHost ඔබේ ඩිජිටල් නිෂ්පාදන තෝරන්න. දත්ත දුර අවම කිරීම භෞතික යටිතල පහසුකම් හරහා දත්ත ගමන් කිරීමට අවශ්ය ශක්තිය අඩු කිරීම සඳහා ඔබගේ ප්රාථමික ප්රේක්ෂකයන්ට භූගෝලීය වශයෙන් සමීප සේවාදායක ස්ථාන තෝරන්න.
පරිසර හිතකාමී නිර්මාණය සඳහා ව්යාපාරික නඩුව "Green UX" ශබ්දයේ ගුණාත්මක භාවය පිළිබඳ සම්මුතියක් ලෙස සමහරු තර්ක කළ හැකිය. ඊට පටහැනිව, එය තරඟකාරී වාසියකි. තිරසාර නිර්මාණය යනු කාර්ය සාධන නිර්මාණයයි. ඔබ පිටු බර අඩු කරන විට, ඔබේ වෙබ් අඩවිය වේගයෙන් පූරණය වේ. ඔබේ වෙබ් අඩවිය වේගයෙන් පූරණය වන විට, ඔබේ Core Web Vitals වැඩිදියුණු වේ. ඔබේ Core Web Vitals වැඩිදියුණු වූ විට, ඔබේ SEO ශ්රේණිගත කිරීම ඉහළ යයි. තවද, පැරණි උපාංගවල හෝ මන්දගාමී දත්ත සැලසුම්වල (විශේෂයෙන් නැගී එන වෙලඳපොලවල) පරිශීලකයින්ට ඇත්ත වශයෙන්ම ඔබේ නිෂ්පාදනයට ප්රවේශ විය හැක. "ඇතුළත් නිර්මාණය" යන්නෙහි නිර්වචනය මෙයයි. "ඩිජිටල් මේදය" කපා හැරීමෙන්, අපි සිහින්, වේගවත් සහ වඩාත් ප්රවේශ විය හැකි වෙබ් එකක් සාදන්නෙමු. අපි 2010 ගණන්වල "ඉවත දැමිය හැකි මෝස්තරයෙන්" ඈත් වෙමින් aවඩා ස්ථිර, ගෞරවනීය ඩිජිටල් ගෘහ නිර්මාණ ශිල්පය. නිගමනය: "පිරිසිදු" නිර්මාණයේ අනාගතය මගේ දශක දෙකක නිර්මාණ තුළ මම බොහෝ ප්රවණතා ඇවිත් යනවා දැකලා තියෙනවා. Skeuomorphism, flat Design, Neumorphism - ඒවා සියල්ලම සෞන්දර්යාත්මක තේරීම් විය. නමුත් තිරසාර UX ප්රවණතාවක් නොවේ; එය දැන් අවශ්යතාවයකි. අපගේ ඩිජිටල් කාර්යයේ භෞතික ප්රතිවිපාක සමඟ ගණනය කළ යුතු පළමු පරම්පරාවේ නිර්මාණකරුවන් අපි වෙමු. තිරසාර UX යනු "ජය-ජය-ජය" වේ. බලශක්ති පරිභෝජනය අඩු කරන නිසා එය ග්රහලෝකයට වඩා හොඳය. එය වේගවත්, වඩා ප්රතිචාරාත්මක අතුරුමුහුණත් ඇති කරන බැවින් එය පරිශීලකයාට වඩා හොඳය. එය සත්කාරක පිරිවැය අඩු කරන අතර පරිවර්තන අනුපාත වැඩි දියුණු කරන බැවින් එය ව්යාපාරයට වඩා හොඳය. "අසීමිත පික්සල" යුගය අවසන්. 2026 දී, වඩාත්ම සංකීර්ණ නිර්මාණය වන්නේ කුඩාම අඩිපාර තබන එකයි. අපි තවදුරටත් නිර්මාණකරුවන් පමණක් නොවේ; අපි පරිශීලකයාගේ බැටරියේ, ඔවුන්ගේ දත්ත සැලැස්මේ සහ අවසානයේ පරිසරයේ භාරකරුවන් වෙමු. ක්රියාව සඳහා ඇමතුම ඔබගේ වත්මන් ව්යාපෘතියේ එක් පිටුවක් පමණක් අද විගණනය කරන ලෙස මම ඔබට අභියෝග කරමි. එහි බලපෑම බැලීමට වෙබ් අඩවි කාබන් කැල්කියුලේටරය වැනි මෙවලමක් භාවිතා කරන්න. ඉන්පසුව, "නොපෙනෙන අපද්රව්ය" සොයන්න. එම රූපය SVG එකක් විය හැකිද? එම වීඩියෝව ස්ථිතික වීරයෙකු විය හැකිද? එම "ඝෝෂාකාරී" සජීවිකරණය නිහඬ කළ හැකිද? කුඩාවට පටන් ගන්න. වඩාත්ම අලංකාර විසඳුම බොහෝ විට අඩුම බයිට් සහිත එකක් වේ.
