ജാവാസ്ക്രിപ്റ്റ് മൊഡ്യൂൾ ലേസി ലോഡിംഗ്: ഒരു സമഗ്രമായ പ്രകടന തന്ത്രം

            
async function loadMyModule() {
  try {
    const myModule = await import('./my-module.js');
    myModule.init();
  } catch (error) {
    console.error('Failed to load my-module.js', error);
  }
}

document.getElementById('myButton').addEventListener('click', loadMyModule);

            

              
                Copy
              
            
          

            
import React, { Suspense } from 'react';

const MyComponent = React.lazy(() => import('./MyComponent'));

function App() {
  return (
    Loading...

ഈ ഉദാഹരണത്തിൽ, MyComponent കോമ്പോണന്റ് ലേസിയായി ലോഡ് ചെയ്യപ്പെടുന്നു. കോമ്പോണന്റ് ലോഡ് ചെയ്യുമ്പോൾ Suspense കോമ്പോണന്റ് ഒരു ഫാൾബാക്ക് യുഐ (ഇവിടെ "Loading...") കാണിക്കുന്നു.

വ്യൂ (Vue)

വ്യൂ അതിൻ്റെ കോമ്പോണന്റ് രജിസ്‌ട്രേഷനിൽ ഡൈനാമിക് ഇംപോർട്സ് ഉപയോഗിച്ച് ലേസി ലോഡിംഗ് പിന്തുണയ്ക്കുന്നു.

ഉദാഹരണം:

            
Vue.component('my-component', () => import('./MyComponent.vue'));

            

              
                Copy
              
            
          

ഈ കോഡ് my-component ആവശ്യമുള്ളപ്പോൾ മാത്രം ലോഡ് ചെയ്യാനായി രജിസ്റ്റർ ചെയ്യുന്നു. വ്യൂ അസിൻക്രണസ് ലോഡിംഗ് എളുപ്പത്തിൽ കൈകാര്യം ചെയ്യുന്നു.

ആംഗുലർ (Angular)

ആംഗുലർ അതിൻ്റെ റൂട്ടിംഗ് സിസ്റ്റത്തിലൂടെ ലേസി-ലോഡഡ് മൊഡ്യൂളുകൾ ഉപയോഗിക്കുന്നു. ഈ സമീപനം നിങ്ങളുടെ ആപ്ലിക്കേഷനെ ഫീച്ചർ മൊഡ്യൂളുകളായി വിഭജിക്കുന്നു, അവ ആവശ്യാനുസരണം ലോഡ് ചെയ്യപ്പെടുന്നു.

ഉദാഹരണം:

നിങ്ങളുടെ app-routing.module.ts ഫയലിൽ:

            
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';

const routes: Routes = [
  { path: 'my-module', loadChildren: () => import('./my-module/my-module.module').then(m => m.MyModuleModule) }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

            

              
                Copy
              
            
          

ഈ കോൺഫിഗറേഷൻ ഉപയോക്താവ് /my-module എന്ന റൂട്ടിലേക്ക് നാവിഗേറ്റ് ചെയ്യുമ്പോൾ മാത്രം MyModuleModule ലോഡ് ചെയ്യാൻ ആംഗുലറിനോട് പറയുന്നു.

3. ചിത്രങ്ങൾ ലേസി ലോഡ് ചെയ്യുന്നു

സാങ്കേതികമായി ഇത് ജാവാസ്ക്രിപ്റ്റ് മൊഡ്യൂൾ ലേസി ലോഡിംഗ് അല്ലെങ്കിലും, ചിത്രങ്ങൾ ലേസി ലോഡ് ചെയ്യുന്നത് പേജ് ലോഡ് സമയം ഗണ്യമായി മെച്ചപ്പെടുത്തുന്ന ഒരു അനുബന്ധ പ്രകടന ഒപ്റ്റിമൈസേഷൻ സാങ്കേതികതയാണ്. ചിത്രങ്ങൾ പലപ്പോഴും പേജിൻ്റെ വലുപ്പത്തിന് ഒരു പ്രധാന കാരണമാണ്, അതിനാൽ അവയുടെ ലോഡിംഗ് വൈകുന്നത് കാര്യമായ സ്വാധീനം ചെലുത്തും.

ഉദാഹരണം:

            


            

              
                Copy
              
            
          

            
const lazyImages = document.querySelectorAll('.lazy');

const observer = new IntersectionObserver((entries, observer) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      const lazyImage = entry.target;
      lazyImage.src = lazyImage.dataset.src;
      lazyImage.classList.remove('lazy');
      observer.unobserve(lazyImage);
    }
  });
});

lazyImages.forEach(lazyImage => {
  observer.observe(lazyImage);
});

            

              
                Copy
              
            
          

ഈ ഉദാഹരണത്തിൽ, ചിത്രത്തിൻ്റെ src ആട്രിബ്യൂട്ട് തുടക്കത്തിൽ ഒരു പ്ലേസ്‌ഹോൾഡർ ചിത്രത്തിലേക്ക് സജ്ജീകരിച്ചിരിക്കുന്നു. യഥാർത്ഥ ചിത്രത്തിൻ്റെ URL data-src ആട്രിബ്യൂട്ടിൽ സംഭരിച്ചിരിക്കുന്നു. ചിത്രം വ്യൂപോർട്ടിൽ പ്രവേശിക്കുമ്പോൾ കണ്ടെത്താൻ ഇൻ്റർസെക്ഷൻ ഒബ്സർവർ എപിഐ ഉപയോഗിക്കുന്നു. ചിത്രം ദൃശ്യമാകുമ്പോൾ, src ആട്രിബ്യൂട്ട് യഥാർത്ഥ ചിത്രത്തിൻ്റെ URL ഉപയോഗിച്ച് അപ്‌ഡേറ്റ് ചെയ്യുകയും lazy ക്ലാസ് നീക്കം ചെയ്യുകയും ചെയ്യുന്നു.

ജാവാസ്ക്രിപ്റ്റ് മൊഡ്യൂൾ ലേസി ലോഡിംഗിനുള്ള മികച്ച രീതികൾ

ജാവാസ്ക്രിപ്റ്റ് മൊഡ്യൂൾ ലേസി ലോഡിംഗിൻ്റെ പ്രയോജനങ്ങൾ പരമാവധി പ്രയോജനപ്പെടുത്തുന്നതിന്, ഇനിപ്പറയുന്ന മികച്ച രീതികൾ പരിഗണിക്കുക:

• നിങ്ങളുടെ ആപ്ലിക്കേഷൻ്റെ ഡിപെൻഡൻസികൾ വിശകലനം ചെയ്യുക: നിങ്ങളുടെ ആപ്ലിക്കേഷൻ്റെ ഡിപെൻഡൻസികൾ മനസിലാക്കുന്നതിനും കോഡ് സ്പ്ലിറ്റിംഗിനുള്ള അവസരങ്ങൾ കണ്ടെത്തുന്നതിനും ഒരു മൊഡ്യൂൾ ബണ്ട്ലറിൻ്റെ വിശകലന ടൂളുകൾ ഉപയോഗിക്കുക.
• നിർണ്ണായക മൊഡ്യൂളുകൾക്ക് മുൻഗണന നൽകുക: പ്രാരംഭ പേജ് ലോഡിന് ആവശ്യമായ മൊഡ്യൂളുകൾ ലേസി-ലോഡ് ചെയ്തിട്ടില്ലെന്ന് ഉറപ്പാക്കുക. വേഗതയേറിയതും പ്രതികരണശേഷിയുള്ളതുമായ പ്രാരംഭ അനുഭവം നൽകുന്നതിന് ഈ മൊഡ്യൂളുകൾ ആദ്യം തന്നെ ലോഡ് ചെയ്യണം.
• ഒരു പ്ലേസ്‌ഹോൾഡർ യുഐ ഉപയോഗിക്കുക: ലേസി-ലോഡഡ് മൊഡ്യൂളുകൾ ലോഡ് ചെയ്യുമ്പോൾ ഒരു പ്ലേസ്‌ഹോൾഡർ യുഐ (ഉദാഹരണത്തിന്, ഒരു ലോഡിംഗ് സ്പിന്നർ അല്ലെങ്കിൽ സ്കെലിറ്റൺ യുഐ) നൽകുക. ഇത് ആപ്ലിക്കേഷൻ പ്രവർത്തിക്കുന്നുണ്ടെന്ന് ഉപയോക്താക്കൾക്ക് ഫീഡ്‌ബാക്ക് നൽകുകയും എന്തെങ്കിലും തകരാറുണ്ടെന്ന് അവർ ചിന്തിക്കുന്നത് തടയുകയും ചെയ്യുന്നു.
• മൊഡ്യൂളിൻ്റെ വലുപ്പം ഒപ്റ്റിമൈസ് ചെയ്യുക: ട്രീ ഷേക്കിംഗ്, മിനിഫിക്കേഷൻ, കംപ്രഷൻ തുടങ്ങിയ സാങ്കേതിക വിദ്യകൾ ഉപയോഗിച്ച് നിങ്ങളുടെ ജാവാസ്ക്രിപ്റ്റ് മൊഡ്യൂളുകളുടെ വലുപ്പം കുറയ്ക്കുക. ചെറിയ മൊഡ്യൂളുകൾ വേഗത്തിൽ ലോഡ് ചെയ്യുകയും കുറഞ്ഞ ബാൻഡ്‌വിഡ്ത്ത് ഉപയോഗിക്കുകയും ചെയ്യുന്നു.
• സമഗ്രമായി പരിശോധിക്കുക: ലേസി ലോഡിംഗ് ശരിയായി പ്രവർത്തിക്കുന്നുണ്ടെന്നും അപ്രതീക്ഷിത പിശകുകളോ പ്രകടന പ്രശ്നങ്ങളോ ഇല്ലെന്നും ഉറപ്പാക്കാൻ നിങ്ങളുടെ ആപ്ലിക്കേഷൻ സമഗ്രമായി പരിശോധിക്കുക.
• പ്രകടനം നിരീക്ഷിക്കുക: നിങ്ങളുടെ ആപ്ലിക്കേഷൻ്റെ പ്രകടനത്തിൽ ലേസി ലോഡിംഗിൻ്റെ സ്വാധീനം ട്രാക്ക് ചെയ്യുന്നതിന് പ്രകടന നിരീക്ഷണ ടൂളുകൾ ഉപയോഗിക്കുക. കൂടുതൽ ഒപ്റ്റിമൈസേഷനുള്ള മേഖലകൾ കണ്ടെത്താൻ ഇത് നിങ്ങളെ സഹായിക്കും.
• നെറ്റ്‌വർക്ക് അവസ്ഥകൾ പരിഗണിക്കുക: ഉപയോക്താവിൻ്റെ നെറ്റ്‌വർക്ക് അവസ്ഥകളെ അടിസ്ഥാനമാക്കി നിങ്ങളുടെ ലേസി ലോഡിംഗ് തന്ത്രം ക്രമീകരിക്കുക. ഉദാഹരണത്തിന്, വേഗതയേറിയ കണക്ഷനുകളിൽ കൂടുതൽ മൊഡ്യൂളുകൾ ആദ്യം ലോഡ് ചെയ്യാൻ നിങ്ങൾ തീരുമാനിച്ചേക്കാം.
• ഒരു കണ്ടൻ്റ് ഡെലിവറി നെറ്റ്‌വർക്ക് (CDN) ഉപയോഗിക്കുക: ലേസി-ലോഡഡ് മൊഡ്യൂളുകൾ ഉപയോക്താവിനോട് അടുത്ത് കാഷെ ചെയ്യുന്നതിലൂടെ CDN-കൾക്ക് അവയുടെ പ്രകടനം ഗണ്യമായി മെച്ചപ്പെടുത്താൻ കഴിയും.
• പ്രവേശനക്ഷമത പരിഗണനകൾ: ലേസി-ലോഡഡ് ഉള്ളടക്കം ഭിന്നശേഷിയുള്ള ഉപയോക്താക്കൾക്ക് ലഭ്യമാണെന്ന് ഉറപ്പാക്കുക. ഉചിതമായ ARIA ആട്രിബ്യൂട്ടുകൾ നൽകുകയും കീബോർഡ് നാവിഗേഷൻ ശരിയായി പ്രവർത്തിക്കുന്നുണ്ടെന്ന് ഉറപ്പാക്കുകയും ചെയ്യുക.

ലേസി ലോഡിംഗിനുള്ള ടൂളുകളും ലൈബ്രറികളും

ജാവാസ്ക്രിപ്റ്റ് മൊഡ്യൂൾ ലേസി ലോഡിംഗ് നടപ്പിലാക്കാൻ നിങ്ങളെ സഹായിക്കുന്ന നിരവധി ടൂളുകളും ലൈബ്രറികളും ഉണ്ട്:

• വെബ്പാക്ക് (Webpack): കോഡ് സ്പ്ലിറ്റിംഗിനും ഡൈനാമിക് ഇംപോർട്സിനും ഇൻ-ബിൽറ്റ് പിന്തുണയുള്ള ശക്തമായ ഒരു മൊഡ്യൂൾ ബണ്ട്ലർ.
• പാർസൽ (Parcel): ഓട്ടോമാറ്റിക്കായി കോഡ് സ്പ്ലിറ്റിംഗും ലേസി ലോഡിംഗും നടത്തുന്ന ഒരു സീറോ-കോൺഫിഗറേഷൻ മൊഡ്യൂൾ ബണ്ട്ലർ.
• വൈറ്റ് (Vite): ഡെവലപ്‌മെന്റിനായി നേറ്റീവ് ES മൊഡ്യൂളുകളും പ്രൊഡക്ഷൻ ബിൽഡുകൾക്കായി റോൾഅപ്പും ഉപയോഗിക്കുന്ന വേഗതയേറിയതും ഭാരം കുറഞ്ഞതുമായ ഒരു ബിൽഡ് ടൂൾ.
• ലോസാഡ്.ജെഎസ് (Lozad.js): ചിത്രങ്ങൾ, ഐഫ്രെയിമുകൾ, മറ്റ് ഘടകങ്ങൾ എന്നിവയ്ക്കായി ഭാരം കുറഞ്ഞതും ഡിപെൻഡൻസി ഇല്ലാത്തതുമായ ഒരു ലേസി ലോഡർ.
• ഇൻ്റർസെക്ഷൻ ഒബ്സർവർ എപിഐ (Intersection Observer API): ഒരു എലമെൻ്റ് വ്യൂപോർട്ടിൽ പ്രവേശിക്കുകയോ പുറത്തുപോകുകയോ ചെയ്യുമ്പോൾ കണ്ടെത്താനുള്ള ഒരു മാർഗ്ഗം നൽകുന്ന ഒരു നേറ്റീവ് ബ്രൗസർ എപിഐ.

യഥാർത്ഥ ലോക ഉദാഹരണങ്ങൾ

യഥാർത്ഥ ലോക ആപ്ലിക്കേഷനുകളിൽ ജാവാസ്ക്രിപ്റ്റ് മൊഡ്യൂൾ ലേസി ലോഡിംഗ് എങ്ങനെ ഉപയോഗിക്കുന്നു എന്നതിൻ്റെ ചില ഉദാഹരണങ്ങൾ ഇതാ:

• ഇ-കൊമേഴ്‌സ് വെബ്സൈറ്റുകൾ: ഇ-കൊമേഴ്‌സ് വെബ്സൈറ്റുകൾ പലപ്പോഴും ഉൽപ്പന്നങ്ങളുടെ ചിത്രങ്ങളും വിവരണങ്ങളും ആവശ്യാനുസരണം ലോഡ് ചെയ്യാൻ ലേസി ലോഡിംഗ് ഉപയോഗിക്കുന്നു. ഇത് പ്രാരംഭ പേജ് ലോഡ് സമയം മെച്ചപ്പെടുത്തുകയും ഉപയോക്താക്കൾക്ക് ഉൽപ്പന്നങ്ങൾ വേഗത്തിൽ ബ്രൗസ് ചെയ്യാൻ അനുവദിക്കുകയും ചെയ്യുന്നു.
• സോഷ്യൽ മീഡിയ പ്ലാറ്റ്‌ഫോമുകൾ: ഫേസ്ബുക്ക്, ട്വിറ്റർ പോലുള്ള സോഷ്യൽ മീഡിയ പ്ലാറ്റ്‌ഫോമുകൾ ഉപയോക്താവ് പേജ് താഴേക്ക് സ്ക്രോൾ ചെയ്യുമ്പോൾ പോസ്റ്റുകളും കമൻ്റുകളും ലോഡ് ചെയ്യാൻ ലേസി ലോഡിംഗ് ഉപയോഗിക്കുന്നു. ഇത് ആദ്യം ലോഡ് ചെയ്യേണ്ട ഡാറ്റയുടെ അളവ് കുറയ്ക്കുകയും മൊത്തത്തിലുള്ള ഉപയോക്തൃ അനുഭവം മെച്ചപ്പെടുത്തുകയും ചെയ്യുന്നു.
• വാർത്താ വെബ്സൈറ്റുകൾ: വാർത്താ വെബ്സൈറ്റുകൾ പലപ്പോഴും ലേഖനങ്ങളും ചിത്രങ്ങളും ആവശ്യാനുസരണം ലോഡ് ചെയ്യാൻ ലേസി ലോഡിംഗ് ഉപയോഗിക്കുന്നു. ഇത് ഉപയോക്താക്കൾക്ക് വേഗത്തിൽ തലക്കെട്ടുകൾ ബ്രൗസ് ചെയ്യാനും അവർക്ക് താൽപ്പര്യമുള്ള ഉള്ളടക്കം മാത്രം ലോഡ് ചെയ്യാനും അനുവദിക്കുന്നു.
• സിംഗിൾ-പേജ് ആപ്ലിക്കേഷനുകൾ (SPAs): SPAs പലപ്പോഴും വ്യത്യസ്ത റൂട്ടുകളോ കാഴ്ചകളോ ആവശ്യാനുസരണം ലോഡ് ചെയ്യാൻ ലേസി ലോഡിംഗ് ഉപയോഗിക്കുന്നു. ഇത് പ്രാരംഭ പേജ് ലോഡ് സമയം മെച്ചപ്പെടുത്തുകയും ആപ്ലിക്കേഷനെ കൂടുതൽ പ്രതികരണശേഷിയുള്ളതാക്കുകയും ചെയ്യുന്നു.

വെല്ലുവിളികളും പരിഗണനകളും

ജാവാസ്ക്രിപ്റ്റ് മൊഡ്യൂൾ ലേസി ലോഡിംഗ് കാര്യമായ നേട്ടങ്ങൾ വാഗ്ദാനം ചെയ്യുന്നുണ്ടെങ്കിലും, ഇത് ചില വെല്ലുവിളികളും ഉയർത്തുന്നു:

• സങ്കീർണ്ണത: ലേസി ലോഡിംഗ് നടപ്പിലാക്കുന്നത് നിങ്ങളുടെ ആപ്ലിക്കേഷൻ്റെ കോഡ്ബേസിൽ സങ്കീർണ്ണത വർദ്ധിപ്പിക്കും. നിങ്ങളുടെ കോഡ് സ്പ്ലിറ്റിംഗ് തന്ത്രം ശ്രദ്ധാപൂർവ്വം ആസൂത്രണം ചെയ്യുകയും ആവശ്യാനുസരണം മൊഡ്യൂളുകൾ ശരിയായി ലോഡ് ചെയ്യുന്നുണ്ടെന്ന് ഉറപ്പാക്കുകയും വേണം.
• പിശകുകൾക്കുള്ള സാധ്യത: ലേസി ലോഡിംഗ് നെറ്റ്‌വർക്ക് പിശകുകൾ അല്ലെങ്കിൽ മൊഡ്യൂളുകൾ ശരിയായ ക്രമത്തിൽ ലോഡ് ചെയ്യാത്തത് മൂലമുണ്ടാകുന്ന പിശകുകൾ പോലുള്ള പുതിയ തരം പിശകുകൾക്ക് കാരണമാകും. ഈ പിശകുകൾ കണ്ടെത്താൻ നിങ്ങളുടെ ആപ്ലിക്കേഷൻ സമഗ്രമായി പരിശോധിക്കേണ്ടതുണ്ട്.
• എസ്.ഇ.ഒ പരിഗണനകൾ: നിങ്ങൾ ശ്രദ്ധിച്ചില്ലെങ്കിൽ, ലേസി ലോഡിംഗ് നിങ്ങളുടെ വെബ്സൈറ്റിൻ്റെ എസ്.ഇ.ഒ-യെ പ്രതികൂലമായി ബാധിക്കും. സെർച്ച് എഞ്ചിനുകൾക്ക് നിങ്ങളുടെ ലേസി-ലോഡഡ് ഉള്ളടക്കം ക്രോൾ ചെയ്യാനും ഇൻഡെക്സ് ചെയ്യാനും കഴിയുമെന്ന് ഉറപ്പാക്കുക.
• പ്രവേശനക്ഷമത: ലേസി-ലോഡഡ് ഉള്ളടക്കം ഭിന്നശേഷിയുള്ള ഉപയോക്താക്കൾക്ക് ലഭ്യമാണെന്ന് ഉറപ്പാക്കുക.

ഉപസംഹാരം

ജാവാസ്ക്രിപ്റ്റ് മൊഡ്യൂൾ ലേസി ലോഡിംഗ് നിങ്ങളുടെ വെബ്സൈറ്റിൻ്റെ വേഗത, ഉപയോക്തൃ അനുഭവം, എസ്.ഇ.ഒ റാങ്കിംഗ് എന്നിവ ഗണ്യമായി മെച്ചപ്പെടുത്താൻ കഴിയുന്ന ഒരു ശക്തമായ പ്രകടന ഒപ്റ്റിമൈസേഷൻ സാങ്കേതികതയാണ്. ആവശ്യാനുസരണം മൊഡ്യൂളുകൾ ലോഡ് ചെയ്യുന്നതിലൂടെ, നിങ്ങൾക്ക് പ്രാരംഭ പേജ് ലോഡ് സമയം കുറയ്ക്കാനും ബാൻഡ്‌വിഡ്ത്ത് ഉപയോഗം കുറയ്ക്കാനും റിസോഴ്സ് വിനിയോഗം ഒപ്റ്റിമൈസ് ചെയ്യാനും കഴിയും.

ലേസി ലോഡിംഗ് നടപ്പിലാക്കുന്നത് നിങ്ങളുടെ ആപ്ലിക്കേഷനിൽ സങ്കീർണ്ണത വർദ്ധിപ്പിക്കുമെങ്കിലും, അതിൻ്റെ പ്രയോജനങ്ങൾ ആ പരിശ്രമത്തിന് അർഹമാണ്. ഈ ഗൈഡിൽ പറഞ്ഞിട്ടുള്ള മികച്ച രീതികൾ പിന്തുടരുന്നതിലൂടെ, നിങ്ങളുടെ ഉപയോക്താക്കൾക്ക് ലോകമെമ്പാടും വേഗതയേറിയതും കൂടുതൽ പ്രതികരണശേഷിയുള്ളതും ആകർഷകവുമായ ഒരു വെബ് ആപ്ലിക്കേഷൻ സൃഷ്ടിക്കാൻ നിങ്ങൾക്ക് ലേസി ലോഡിംഗ് ഫലപ്രദമായി ഉപയോഗിക്കാം.

നിങ്ങളുടെ ആപ്ലിക്കേഷൻ്റെ ഡിപെൻഡൻസികൾ വിശകലനം ചെയ്യാനും, നിർണ്ണായക മൊഡ്യൂളുകൾക്ക് മുൻഗണന നൽകാനും, ഒരു പ്ലേസ്‌ഹോൾഡർ യുഐ ഉപയോഗിക്കാനും, മൊഡ്യൂളിൻ്റെ വലുപ്പം ഒപ്റ്റിമൈസ് ചെയ്യാനും, സമഗ്രമായി പരിശോധിക്കാനും, പ്രകടനം നിരീക്ഷിക്കാനും ഓർമ്മിക്കുക. ശ്രദ്ധാപൂർവ്വമായ ആസൂത്രണത്തിലൂടെയും നിർവ്വഹണത്തിലൂടെയും, നിങ്ങൾക്ക് ജാവാസ്ക്രിപ്റ്റ് മൊഡ്യൂൾ ലേസി ലോഡിംഗിൻ്റെ മുഴുവൻ സാധ്യതകളും പ്രയോജനപ്പെടുത്താനും നിങ്ങളുടെ പ്രേക്ഷകർക്ക് അവരുടെ സ്ഥലം അല്ലെങ്കിൽ ഉപകരണം പരിഗണിക്കാതെ തന്നെ മികച്ച ഉപയോക്തൃ അനുഭവം നൽകാനും കഴിയും.