പെർസിസ്റ്റന്റ് സ്റ്റോറേജ് API: വെബ് ആപ്ലിക്കേഷനുകൾക്കുള്ള സ്റ്റോറേജ് ക്വാട്ട മനസ്സിലാക്കുകയും നിയന്ത്രിക്കുകയും ചെയ്യുക

വെബ് ഡെവലപ്പർമാർക്ക് ഒരു ഉപയോക്താവിന്റെ ബ്രൗസറിനുള്ളിൽ സ്റ്റോറേജ് ക്വാട്ട അഭ്യർത്ഥിക്കാനും നിയന്ത്രിക്കാനും ഒരു സ്റ്റാൻഡേർഡ് മാർഗ്ഗം പെർസിസ്റ്റന്റ് സ്റ്റോറേജ് API നൽകുന്നു. കുക്കികൾ അല്ലെങ്കിൽ localStorage പോലുള്ള പരമ്പരാഗത സ്റ്റോറേജ് മെക്കാനിസങ്ങളിൽ നിന്ന് വ്യത്യസ്തമായി, ഇവയുടെ വലുപ്പം പരിമിതവും സ്വയമേവ നീക്കം ചെയ്യപ്പെടാൻ സാധ്യതയുള്ളതുമാണ്. എന്നാൽ പെർസിസ്റ്റന്റ് സ്റ്റോറേജ് API ആപ്ലിക്കേഷനുകളെ വലിയ അളവിലുള്ള സ്റ്റോറേജ് അഭ്യർത്ഥിക്കാൻ അനുവദിക്കുന്നു, കൂടാതെ സ്റ്റോറേജ് നിലനിർത്താൻ (persisted) അഭ്യർത്ഥിക്കാനും സാധിക്കുന്നു. ഇതിനർത്ഥം, സ്റ്റോറേജ് സമ്മർദ്ദത്തിലായിരിക്കുമ്പോൾ പോലും ബ്രൗസർ അത് സ്വയമേവ മായ്ച്ചുകളയില്ല എന്നതാണ്.

എന്തുകൊണ്ടാണ് പെർസിസ്റ്റന്റ് സ്റ്റോറേജ് പ്രാധാന്യമർഹിക്കുന്നത്

ഇന്നത്തെ വെബിൽ, പ്രോഗ്രസ്സീവ് വെബ് ആപ്പുകൾ (PWAs) സാധാരണമാവുകയും ഉപയോക്താക്കൾ മികച്ച ഓഫ്‌ലൈൻ അനുഭവങ്ങൾ പ്രതീക്ഷിക്കുകയും ചെയ്യുന്ന സാഹചര്യത്തിൽ, വിശ്വസനീയമായ സ്റ്റോറേജ് അത്യാവശ്യമാണ്. ഈ സാഹചര്യങ്ങൾ പരിഗണിക്കുക:

• ഓഫ്‌ലൈൻ ഡോക്യുമെന്റ് ആക്‌സസ്: ഒരു ഡോക്യുമെന്റ് എഡിറ്റിംഗ് ആപ്ലിക്കേഷന് (Google Docs പോലെ) ഉപയോക്താക്കൾക്ക് ഇന്റർനെറ്റ് കണക്ഷൻ ഇല്ലാതെയും പ്രവർത്തിക്കുന്നത് തുടരാൻ ഡോക്യുമെന്റുകൾ പ്രാദേശികമായി സംഭരിക്കേണ്ടതുണ്ട്.
• മീഡിയ പ്ലേബാക്ക്: Spotify അല്ലെങ്കിൽ Netflix പോലുള്ള സ്ട്രീമിംഗ് സേവനങ്ങൾ ഉപയോക്താക്കളെ ഓഫ്‌ലൈൻ പ്ലേബാക്കിനായി ഉള്ളടക്കം ഡൗൺലോഡ് ചെയ്യാൻ അനുവദിക്കുന്നു, ഇതിന് കാര്യമായ സ്റ്റോറേജ് സ്പേസ് ആവശ്യമാണ്.
• ഗെയിം ഡാറ്റ: സുഗമവും വേഗതയേറിയതുമായ അനുഭവം നൽകുന്നതിന് ഓൺലൈൻ ഗെയിമുകൾ പലപ്പോഴും ഉപയോക്താവിന്റെ പുരോഗതി, ലെവലുകൾ, അസറ്റുകൾ എന്നിവ പ്രാദേശികമായി സംഭരിക്കുന്നു.
• വലിയ ഡാറ്റാസെറ്റുകൾ കാഷെ ചെയ്യൽ: മാപ്പിംഗ് ആപ്ലിക്കേഷനുകൾ (ഉദാ. Google Maps, OpenStreetMap അടിസ്ഥാനമാക്കിയുള്ള ആപ്പുകൾ) പോലുള്ള വലിയ ഡാറ്റാസെറ്റുകൾ കൈകാര്യം ചെയ്യുന്ന ആപ്ലിക്കേഷനുകൾ, നെറ്റ്‌വർക്ക് അഭ്യർത്ഥനകൾ കുറയ്ക്കുന്നതിനും പ്രകടനം മെച്ചപ്പെടുത്തുന്നതിനും ഡാറ്റ പ്രാദേശികമായി കാഷെ ചെയ്യുന്നതിലൂടെ പ്രയോജനം നേടുന്നു.
• ലോക്കൽ ഡാറ്റാ പ്രോസസ്സിംഗ്: കനത്ത ഡാറ്റാ പ്രോസസ്സിംഗ് നടത്തുന്ന വെബ് ആപ്ലിക്കേഷനുകൾക്ക് (ഉദാ. ഇമേജ് എഡിറ്റിംഗ്, വീഡിയോ എഡിറ്റിംഗ്) ആവർത്തിച്ചുള്ള കണക്കുകൂട്ടലുകൾ ഒഴിവാക്കാൻ ഇടക്കാല ഫലങ്ങൾ പ്രാദേശികമായി സംഭരിക്കാൻ കഴിയും.

പെർസിസ്റ്റന്റ് സ്റ്റോറേജ് ഇല്ലെങ്കിൽ, ഉപകരണം സ്ഥലപരിമിതി നേരിടുമ്പോൾ ഈ ആപ്ലിക്കേഷനുകൾ ഉപയോഗിക്കുന്ന സ്റ്റോറേജ് ബ്രൗസർ സ്വയമേവ മായ്ച്ചുകളഞ്ഞേക്കാം, ഇത് ഉപയോക്താവിന് നിരാശാജനകമായ അനുഭവത്തിനും ഡാറ്റാ നഷ്ടത്തിനും ഇടയാക്കും. പെർസിസ്റ്റന്റ് സ്റ്റോറേജ് API ഈ പ്രശ്നം പരിഹരിക്കുന്നത്, ആപ്ലിക്കേഷനുകൾക്ക് പെർസിസ്റ്റന്റ് സ്റ്റോറേജ് അഭ്യർത്ഥിക്കാനും സ്റ്റോറേജ് ഉപയോഗം ട്രാക്ക് ചെയ്യാനും ഒരു സംവിധാനം നൽകിക്കൊണ്ടാണ്.

സ്റ്റോറേജ് ക്വാട്ട മനസ്സിലാക്കൽ

ഓരോ ബ്രൗസറും ഓരോ ഒറിജിനും (ഡൊമെയ്‌ൻ) ഒരു നിശ്ചിത അളവിൽ സ്റ്റോറേജ് സ്പേസ് അനുവദിക്കുന്നു. ഈ സ്റ്റോറേജ് ക്വാട്ട സ്ഥിരമല്ല, ഉപകരണത്തിന്റെ മൊത്തം സ്റ്റോറേജ് ശേഷി, ലഭ്യമായ ഫ്രീ സ്പേസ്, ഉപയോക്താവിന്റെ ബ്രൗസർ ക്രമീകരണങ്ങൾ തുടങ്ങിയ ഘടകങ്ങളെ ആശ്രയിച്ച് ഇത് വ്യത്യാസപ്പെടാം. ലഭ്യമായ സ്റ്റോറേജ് ക്വാട്ടയും ഇതിനകം ഉപയോഗിച്ച സ്റ്റോറേജിന്റെ അളവും അന്വേഷിക്കാൻ സ്റ്റോറേജ് API രീതികൾ നൽകുന്നു.

സ്റ്റോറേജ് ക്വാട്ട അന്വേഷിക്കുന്നു

navigator.storage ഇന്റർഫേസ് സ്റ്റോറേജുമായി ബന്ധപ്പെട്ട വിവരങ്ങളിലേക്ക് ആക്‌സസ് നൽകുന്നു. ലഭ്യമായ സ്റ്റോറേജ് ക്വാട്ടയുടെയും നിങ്ങളുടെ ആപ്ലിക്കേഷൻ ഉപയോഗിച്ച സ്റ്റോറേജിന്റെയും ഒരു ഏകദേശ കണക്ക് ലഭിക്കാൻ നിങ്ങൾക്ക് estimate() രീതി ഉപയോഗിക്കാം. തിരികെ ലഭിക്കുന്ന ഒബ്ജക്റ്റിൽ usage, quota പ്രോപ്പർട്ടികൾ അടങ്ങിയിരിക്കുന്നു, രണ്ടും ബൈറ്റുകളിലാണ് അളക്കുന്നത്.

            
async function getStorageEstimate() {
  if (navigator.storage && navigator.storage.estimate) {
    const estimate = await navigator.storage.estimate();
    console.log(`Usage: ${estimate.usage}`);
    console.log(`Quota: ${estimate.quota}`);
    console.log(`Percentage used: ${(estimate.usage / estimate.quota * 100).toFixed(2)}%`);
  } else {
    console.warn("Storage estimate API not supported.");
  }
}

getStorageEstimate();

            

              
                Copy
              
            
          

ഉദാഹരണം: estimate.usage 10485760 (10MB) എന്നും estimate.quota 1073741824 (1GB) എന്നും നൽകുന്നുവെന്ന് കരുതുക. ഇത് സൂചിപ്പിക്കുന്നത് നിങ്ങളുടെ ആപ്ലിക്കേഷൻ അതിന്റെ 1GB ക്വാട്ടയുടെ 10MB ഉപയോഗിച്ചു എന്നാണ്, ഇത് ലഭ്യമായ സ്റ്റോറേജിന്റെ ഏകദേശം 1% ആണ്.

ക്വാട്ട മൂല്യങ്ങൾ വ്യാഖ്യാനിക്കൽ

quota മൂല്യം നിങ്ങളുടെ ആപ്ലിക്കേഷന് *കഴിയുന്ന* പരമാവധി സ്റ്റോറേജിനെ പ്രതിനിധീകരിക്കുന്നു. എന്നിരുന്നാലും, ഈ ക്വാട്ട ഉറപ്പുനൽകുന്നില്ലെന്ന് മനസ്സിലാക്കേണ്ടത് പ്രധാനമാണ്. ഉപകരണം സ്റ്റോറേജ് കുറയുമ്പോഴോ ഉപയോക്താവ് ബ്രൗസർ ഡാറ്റ മായ്‌ക്കുമ്പോഴോ ബ്രൗസർ ക്വാട്ട കുറച്ചേക്കാം. അതിനാൽ, ലഭ്യമായ സ്റ്റോറേജ് റിപ്പോർട്ട് ചെയ്ത ക്വാട്ടയേക്കാൾ കുറവായിരിക്കുന്ന സാഹചര്യങ്ങൾ കൈകാര്യം ചെയ്യാൻ നിങ്ങളുടെ ആപ്ലിക്കേഷൻ രൂപകൽപ്പന ചെയ്തിരിക്കണം.

മികച്ച രീതി: സ്റ്റോറേജ് ഉപയോഗം നിരീക്ഷിക്കുന്നതിനും ആപ്ലിക്കേഷൻ അതിന്റെ സ്റ്റോറേജ് പരിധിയിലേക്ക് അടുക്കുകയാണെങ്കിൽ ഉപയോക്താവിനെ മുൻകൂട്ടി അറിയിക്കുന്നതിനും ഒരു സംവിധാനം നടപ്പിലാക്കുക. അനാവശ്യ ഡാറ്റ മായ്‌ക്കുന്നതിനോ അവരുടെ സ്റ്റോറേജ് പ്ലാൻ അപ്‌ഗ്രേഡ് ചെയ്യുന്നതിനോ (ബാധകമെങ്കിൽ) ഉപയോക്താവിന് ഓപ്ഷനുകൾ നൽകുക.

പെർസിസ്റ്റന്റ് സ്റ്റോറേജ് അഭ്യർത്ഥിക്കുന്നു

നിങ്ങളുടെ ആപ്ലിക്കേഷന് ആവശ്യത്തിന് സ്റ്റോറേജ് ക്വാട്ട ഉണ്ടെങ്കിൽ പോലും, സ്റ്റോറേജ് സമ്മർദ്ദത്തിൽ ബ്രൗസർ നിങ്ങളുടെ ആപ്ലിക്കേഷന്റെ ഡാറ്റ സ്വയമേവ മായ്ച്ചുകളഞ്ഞേക്കാം. ഇത് തടയാൻ, navigator.storage.persist() രീതി ഉപയോഗിച്ച് നിങ്ങൾക്ക് പെർസിസ്റ്റന്റ് സ്റ്റോറേജ് അഭ്യർത്ഥിക്കാം.

            
async function requestPersistentStorage() {
  if (navigator.storage && navigator.storage.persist) {
    const isPersistent = await navigator.storage.persist();
    console.log(`Persistent storage granted: ${isPersistent}`);

    if (isPersistent) {
      console.log("Storage will not be cleared automatically.");
    } else {
      console.warn("Persistent storage not granted.");
      // Provide guidance to the user on how to enable persistent storage in their browser.
    }
  } else {
    console.warn("Persistent storage API not supported.");
  }
}

requestPersistentStorage();

            

              
                Copy
              
            
          

persist() രീതി പെർസിസ്റ്റന്റ് സ്റ്റോറേജിനുള്ള അഭ്യർത്ഥന അനുവദിച്ചോ ഇല്ലയോ എന്ന് സൂചിപ്പിക്കുന്ന ഒരു ബൂളിയൻ തിരികെ നൽകുന്നു. പെർസിസ്റ്റന്റ് സ്റ്റോറേജ് അനുവദിക്കുന്നതിന് മുമ്പ് ബ്രൗസർ ഉപയോക്താവിൽ നിന്ന് അനുമതി ചോദിച്ചേക്കാം. ബ്രൗസറിനെയും ഉപയോക്താവിന്റെ ക്രമീകരണങ്ങളെയും ആശ്രയിച്ച് കൃത്യമായ പ്രോംപ്റ്റ് വ്യത്യാസപ്പെടും.

ഉപയോക്തൃ ഇടപെടലും അനുമതിയും

പെർസിസ്റ്റന്റ് സ്റ്റോറേജ് നൽകാനുള്ള ബ്രൗസറിന്റെ തീരുമാനം നിരവധി ഘടകങ്ങളെ ആശ്രയിച്ചിരിക്കുന്നു, അവയിൽ ഉൾപ്പെടുന്നവ:

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

പ്രധാനപ്പെട്ടത്: പെർസിസ്റ്റന്റ് സ്റ്റോറേജിനുള്ള അഭ്യർത്ഥന എല്ലായ്പ്പോഴും അനുവദിക്കുമെന്ന് കരുതരുത്. സ്റ്റോറേജ് പെർസിസ്റ്റന്റ് അല്ലാത്ത സാഹചര്യങ്ങളെ നേരിടാൻ നിങ്ങളുടെ ആപ്ലിക്കേഷൻ പര്യാപ്തമായിരിക്കണം. ഡാറ്റ ഒരു സെർവറിലേക്ക് ബാക്കപ്പ് ചെയ്യുന്നതിനോ അല്ലെങ്കിൽ ഡാറ്റാ നഷ്ടം ഭംഗിയായി കൈകാര്യം ചെയ്യുന്നതിനോ ഉള്ള തന്ത്രങ്ങൾ നടപ്പിലാക്കുക.

നിലവിലുള്ള പെർസിസ്റ്റൻസ് പരിശോധിക്കുന്നു

നിങ്ങളുടെ ആപ്ലിക്കേഷന് ഇതിനകം പെർസിസ്റ്റന്റ് സ്റ്റോറേജ് അനുവദിച്ചിട്ടുണ്ടോ എന്ന് പരിശോധിക്കാൻ നിങ്ങൾക്ക് navigator.storage.persisted() രീതി ഉപയോഗിക്കാം.

            
async function checkPersistentStorage() {
  if (navigator.storage && navigator.storage.persisted) {
    const isPersistent = await navigator.storage.persisted();
    console.log(`Persistent storage already granted: ${isPersistent}`);
  } else {
    console.warn("Persistent storage API not supported.");
  }
}

checkPersistentStorage();

            

              
                Copy
              
            
          

സ്റ്റോറേജ് ടെക്നോളജികളും ക്വാട്ടയും

പെർസിസ്റ്റന്റ് സ്റ്റോറേജ് API ബ്രൗസറിൽ ലഭ്യമായ വിവിധ സ്റ്റോറേജ് ടെക്നോളജികളുമായി സംവദിക്കുന്നു. ഈ ടെക്നോളജികളെ ക്വാട്ട എങ്ങനെ ബാധിക്കുന്നു എന്ന് മനസ്സിലാക്കുന്നത് നിർണായകമാണ്.

• IndexedDB: ക്ലയിന്റ് ഭാഗത്ത് ഘടനാപരമായ ഡാറ്റ സംഭരിക്കുന്നതിനുള്ള ശക്തമായ ഒരു NoSQL ഡാറ്റാബേസ്. IndexedDB സ്റ്റോറേജ് ക്വാട്ട പരിമിതികൾക്ക് വിധേയമാണ്, കൂടാതെ പെർസിസ്റ്റന്റ് സ്റ്റോറേജിൽ നിന്ന് കാര്യമായി പ്രയോജനം നേടാനും കഴിയും.
• Cache API: നെറ്റ്‌വർക്ക് അഭ്യർത്ഥനകൾ കാഷെ ചെയ്യുന്നതിനും ഓഫ്‌ലൈൻ ആക്‌സസ് പ്രാപ്‌തമാക്കുന്നതിനും പ്രകടനം മെച്ചപ്പെടുത്തുന്നതിനും സർവീസ് വർക്കർമാർ ഉപയോഗിക്കുന്നു. Cache API വഴി സൃഷ്‌ടിച്ച കാഷെകളും മൊത്തത്തിലുള്ള സ്റ്റോറേജ് ക്വാട്ടയിലേക്ക് സംഭാവന ചെയ്യുന്നു.
• localStorage & sessionStorage: ചെറിയ അളവിലുള്ള ഡാറ്റയ്ക്കുള്ള ലളിതമായ കീ-വാല്യൂ സ്റ്റോറുകൾ. localStorage സ്ഥിരസ്ഥിതിയായി പെർസിസ്റ്റന്റ് ആണെങ്കിലും (ഉപയോക്താവ് ബ്രൗസർ ഡാറ്റ മായ്ക്കാത്തപക്ഷം), അതിന്റെ വലുപ്പം പരിമിതമാണ്, കൂടാതെ IndexedDB അല്ലെങ്കിൽ Cache API-യെപ്പോലെ പെർസിസ്റ്റന്റ് സ്റ്റോറേജ് API നൽകുന്ന പെർസിസ്റ്റൻസ് ഗ്യാരണ്ടികളിൽ നിന്ന് അത്രയധികം പ്രയോജനം ലഭിക്കുന്നില്ല. എന്നിരുന്നാലും, അവയുടെ ഉപയോഗം ഇപ്പോഴും മൊത്തത്തിലുള്ള ക്വാട്ടയിൽ കണക്കാക്കുന്നു.
• കുക്കികൾ: സാങ്കേതികമായി ഒരു സ്റ്റോറേജ് മെക്കാനിസം ആണെങ്കിലും, വലിയ അളവിലുള്ള ഡാറ്റ സംഭരിക്കുന്നതിനുപകരം സെഷൻ മാനേജ്‌മെന്റിനും ട്രാക്കിംഗിനുമാണ് കുക്കികൾ സാധാരണയായി ഉപയോഗിക്കുന്നത്. കുക്കികൾക്ക് അവയുടേതായ വലുപ്പ പരിധികളുണ്ട്, അവ സ്റ്റോറേജ് API നിയന്ത്രിക്കുന്ന സ്റ്റോറേജ് ക്വാട്ടയിൽ നിന്ന് വ്യത്യസ്തമാണ്.

ഉദാഹരണം: ഒരു PWA, ഉപയോക്തൃ പ്രൊഫൈലുകളും ഓഫ്‌ലൈൻ ഡാറ്റയും സംഭരിക്കാൻ IndexedDB-യും, ചിത്രങ്ങളും JavaScript ഫയലുകളും പോലുള്ള സ്റ്റാറ്റിക് അസറ്റുകൾ കാഷെ ചെയ്യാൻ Cache API-യും ഉപയോഗിക്കുന്നു. പെർസിസ്റ്റന്റ് സ്റ്റോറേജ് അഭ്യർത്ഥിക്കുന്നത് ഈ കാഷെ ചെയ്ത ഡാറ്റ നീക്കം ചെയ്യപ്പെടാനുള്ള സാധ്യത കുറവാണെന്ന് ഉറപ്പാക്കുന്നു, ഇത് സ്ഥിരമായ ഒരു ഓഫ്‌ലൈൻ അനുഭവം നൽകുന്നു.

സ്റ്റോറേജ് ക്വാട്ട മാനേജ്‌മെന്റിനുള്ള മികച്ച രീതികൾ

ശക്തവും ഉപയോക്തൃ-സൗഹൃദവുമായ വെബ് ആപ്ലിക്കേഷനുകൾ നിർമ്മിക്കുന്നതിന് ഫലപ്രദമായ സ്റ്റോറേജ് ക്വാട്ട മാനേജ്‌മെന്റ് അത്യാവശ്യമാണ്. പിന്തുടരേണ്ട ചില മികച്ച രീതികൾ ഇതാ:

1. സ്റ്റോറേജ് ഉപയോഗം പതിവായി നിരീക്ഷിക്കുക

നിങ്ങളുടെ ആപ്ലിക്കേഷന്റെ സ്റ്റോറേജ് ഉപയോഗം navigator.storage.estimate() ഉപയോഗിച്ച് ഇടയ്ക്കിടെ നിരീക്ഷിക്കുന്നതിന് ഒരു സംവിധാനം നടപ്പിലാക്കുക. ഇത് സാധ്യതയുള്ള സ്റ്റോറേജ് പ്രശ്നങ്ങൾ മുൻകൂട്ടി തിരിച്ചറിയാനും ഉപയോക്തൃ അനുഭവത്തെ ബാധിക്കുന്നതിന് മുമ്പ് തിരുത്തൽ നടപടികൾ സ്വീകരിക്കാനും നിങ്ങളെ അനുവദിക്കുന്നു.

2. ഒരു സ്റ്റോറേജ് മാനേജ്‌മെന്റ് UI നടപ്പിലാക്കുക

ഉപയോക്താക്കൾക്ക് അവരുടെ സ്റ്റോറേജ് നിയന്ത്രിക്കുന്നതിന് വ്യക്തവും ലളിതവുമായ ഒരു ഇന്റർഫേസ് നൽകുക. ഈ UI ഉപയോക്താക്കളെ ഇനിപ്പറയുന്നവ ചെയ്യാൻ അനുവദിക്കണം:

• അവരുടെ നിലവിലെ സ്റ്റോറേജ് ഉപയോഗം കാണുക.
• ഏറ്റവും കൂടുതൽ സ്റ്റോറേജ് ഉപയോഗിക്കുന്ന ഡാറ്റ തിരിച്ചറിയുക.
• അനാവശ്യ ഡാറ്റ ഇല്ലാതാക്കുക (ഉദാ. കാഷെ ചെയ്ത ഫയലുകൾ, ഡൗൺലോഡ് ചെയ്ത ഉള്ളടക്കം).

ഉദാഹരണം: ഒരു ഫോട്ടോ എഡിറ്റിംഗ് ആപ്ലിക്കേഷന്, ഓരോ ഫോട്ടോകളും ആൽബങ്ങളും ഉപയോഗിക്കുന്ന സ്റ്റോറേജിന്റെ ഒരു വിഭജനം കാണിക്കുന്ന ഒരു UI നൽകാൻ കഴിയും, ഇത് അവർക്ക് ആവശ്യമില്ലാത്ത ഫോട്ടോകൾ എളുപ്പത്തിൽ ഇല്ലാതാക്കാൻ അനുവദിക്കുന്നു.

3. ഡാറ്റാ സ്റ്റോറേജ് ഒപ്റ്റിമൈസ് ചെയ്യുക

നിങ്ങളുടെ ആപ്ലിക്കേഷന്റെ സ്റ്റോറേജ് ഫൂട്ട്പ്രിന്റ് കുറയ്ക്കുന്നതിന് അതിന്റെ ഡാറ്റാ സ്റ്റോറേജ് ഒപ്റ്റിമൈസ് ചെയ്യുക. ഇതിൽ ഉൾപ്പെടുന്നവ:

• സംഭരിക്കുന്നതിന് മുമ്പ് ഡാറ്റ കംപ്രസ്സുചെയ്യുക.
• കാര്യക്ഷമമായ ഡാറ്റാ ഫോർമാറ്റുകൾ ഉപയോഗിക്കുക (ഉദാ. Protocol Buffers, MessagePack).
• ആവർത്തന സ്വഭാവമുള്ള ഡാറ്റ സംഭരിക്കുന്നത് ഒഴിവാക്കുക.
• പഴയതോ ഉപയോഗിക്കാത്തതോ ആയ ഡാറ്റ സ്വയമേവ ഇല്ലാതാക്കാൻ ഡാറ്റാ എക്സ്പൈറേഷൻ പോളിസികൾ നടപ്പിലാക്കുക.

4. ഒരു ഗ്രേസ്ഫുൾ ഡിഗ്രഡേഷൻ സ്ട്രാറ്റജി നടപ്പിലാക്കുക

സ്റ്റോറേജ് പരിമിതമോ അല്ലെങ്കിൽ പെർസിസ്റ്റന്റ് സ്റ്റോറേജ് അനുവദിക്കാത്തതോ ആയ സാഹചര്യങ്ങളെ ഭംഗിയായി കൈകാര്യം ചെയ്യാൻ നിങ്ങളുടെ ആപ്ലിക്കേഷൻ രൂപകൽപ്പന ചെയ്യുക. ഇതിൽ ഉൾപ്പെടാവുന്നവ:

• കാര്യമായ സ്റ്റോറേജ് ആവശ്യമുള്ള ചില ഫീച്ചറുകൾ പ്രവർത്തനരഹിതമാക്കുക.
• ഉപയോക്താവിന് ഒരു മുന്നറിയിപ്പ് സന്ദേശം പ്രദർശിപ്പിക്കുക.
• ഒരു സെർവറിലേക്ക് ഡാറ്റ ബാക്കപ്പ് ചെയ്യുന്നതിനുള്ള ഒരു ഓപ്ഷൻ നൽകുക.

5. പെർസിസ്റ്റന്റ് സ്റ്റോറേജിനെക്കുറിച്ച് ഉപയോക്താക്കളെ ബോധവൽക്കരിക്കുക

നിങ്ങളുടെ ആപ്ലിക്കേഷൻ പെർസിസ്റ്റന്റ് സ്റ്റോറേജിനെ വളരെയധികം ആശ്രയിക്കുന്നുവെങ്കിൽ, പെർസിസ്റ്റന്റ് സ്റ്റോറേജ് അനുമതി നൽകുന്നതിന്റെ പ്രയോജനങ്ങളെക്കുറിച്ച് ഉപയോക്താക്കളെ ബോധവൽക്കരിക്കുക. പെർസിസ്റ്റന്റ് സ്റ്റോറേജ് എങ്ങനെയാണ് ആപ്ലിക്കേഷന്റെ പ്രകടനം മെച്ചപ്പെടുത്തുന്നതെന്നും അവരുടെ ഡാറ്റ സ്വയമേവ മായ്‌ക്കപ്പെടുന്നില്ലെന്ന് ഉറപ്പാക്കുന്നതെന്നും വിശദീകരിക്കുക.

6. സ്റ്റോറേജ് പിശകുകൾ ഭംഗിയായി കൈകാര്യം ചെയ്യുക

നിങ്ങളുടെ ആപ്ലിക്കേഷൻ അതിന്റെ സ്റ്റോറേജ് ക്വാട്ട കവിയുമ്പോൾ സംഭവിക്കാവുന്ന QuotaExceededError പോലുള്ള സ്റ്റോറേജ് പിശകുകൾ കൈകാര്യം ചെയ്യാൻ തയ്യാറായിരിക്കുക. ഉപയോക്താവിന് വിവരദായകമായ പിശക് സന്ദേശങ്ങൾ നൽകുകയും സാധ്യമായ പരിഹാരങ്ങൾ നിർദ്ദേശിക്കുകയും ചെയ്യുക (ഉദാ. സ്റ്റോറേജ് ക്ലിയർ ചെയ്യുക, അവരുടെ സ്റ്റോറേജ് പ്ലാൻ അപ്‌ഗ്രേഡ് ചെയ്യുക).

7. സർവീസ് വർക്കർമാർ ഉപയോഗിക്കുന്നത് പരിഗണിക്കുക

സ്റ്റാറ്റിക് അസറ്റുകളും API പ്രതികരണങ്ങളും കാഷെ ചെയ്യുന്നതിലൂടെ സർവീസ് വർക്കർമാർക്ക് നിങ്ങളുടെ വെബ് ആപ്ലിക്കേഷന്റെ ഓഫ്‌ലൈൻ കഴിവുകൾ ഗണ്യമായി വർദ്ധിപ്പിക്കാൻ കഴിയും. സർവീസ് വർക്കർമാർ ഉപയോഗിക്കുമ്പോൾ, സ്റ്റോറേജ് ക്വാട്ടയെക്കുറിച്ച് ശ്രദ്ധിക്കുകയും കാഷെ ഫലപ്രദമായി നിയന്ത്രിക്കുന്നതിനുള്ള തന്ത്രങ്ങൾ നടപ്പിലാക്കുകയും ചെയ്യുക.

അന്താരാഷ്ട്രവൽക്കരണ പരിഗണനകൾ

നിങ്ങളുടെ ആപ്ലിക്കേഷന്റെ സ്റ്റോറേജ് മാനേജ്‌മെന്റ് UI രൂപകൽപ്പന ചെയ്യുമ്പോൾ, ഇനിപ്പറയുന്ന അന്താരാഷ്ട്രവൽക്കരണ (i18n) വശങ്ങൾ പരിഗണിക്കുക:

• നമ്പർ ഫോർമാറ്റിംഗ്: സ്റ്റോറേജ് ഉപയോഗ മൂല്യങ്ങൾ പ്രദർശിപ്പിക്കുമ്പോൾ വ്യത്യസ്ത ലൊക്കേലുകൾക്ക് അനുയോജ്യമായ നമ്പർ ഫോർമാറ്റിംഗ് ഉപയോഗിക്കുക. ഉദാഹരണത്തിന്, ചില ലൊക്കേലുകളിൽ, കോമകൾ ദശാംശ വിഭജനത്തിനായി ഉപയോഗിക്കുന്നു, മറ്റുള്ളവയിൽ പിരീഡുകൾ ഉപയോഗിക്കുന്നു. ഉപയോക്താവിന്റെ ലൊക്കേലിന് അനുസരിച്ച് നമ്പറുകൾ ഫോർമാറ്റ് ചെയ്യുന്നതിന് JavaScript-ന്റെ toLocaleString() രീതി ഉപയോഗിക്കുക.
• തീയതിയും സമയവും ഫോർമാറ്റിംഗ്: നിങ്ങളുടെ ആപ്ലിക്കേഷൻ തീയതികളും സമയങ്ങളും സംഭരിക്കുന്നുവെങ്കിൽ, സ്റ്റോറേജ് മാനേജ്‌മെന്റ് UI-ൽ അവ പ്രദർശിപ്പിക്കുമ്പോൾ ഉപയോക്താവിന്റെ ലൊക്കേലിന് അനുസരിച്ച് ഫോർമാറ്റ് ചെയ്യുക. ലൊക്കേൽ-അധിഷ്ഠിത തീയതി, സമയ ഫോർമാറ്റിംഗിനായി JavaScript-ന്റെ toLocaleDateString(), toLocaleTimeString() രീതികൾ ഉപയോഗിക്കുക.
• യൂണിറ്റ് ലോക്കലൈസേഷൻ: വിവിധ പ്രദേശങ്ങളിൽ ഉപയോഗിക്കുന്ന കീഴ്‌വഴക്കങ്ങളുമായി പൊരുത്തപ്പെടുന്നതിന് സ്റ്റോറേജ് യൂണിറ്റുകൾ (ഉദാ. KB, MB, GB) പ്രാദേശികവൽക്കരിക്കുന്നത് പരിഗണിക്കുക. സ്റ്റാൻഡേർഡ് യൂണിറ്റുകൾ വ്യാപകമായി മനസ്സിലാക്കപ്പെടുന്നുണ്ടെങ്കിലും, പ്രാദേശികവൽക്കരിച്ച ബദലുകൾ നൽകുന്നത് ഉപയോക്തൃ അനുഭവം മെച്ചപ്പെടുത്തും.
• ടെക്സ്റ്റ് ദിശ: നിങ്ങളുടെ സ്റ്റോറേജ് മാനേജ്‌മെന്റ് UI ഇടത്തുനിന്ന് വലത്തോട്ടും (LTR) വലത്തുനിന്ന് ഇടത്തോട്ടും (RTL) ഉള്ള ടെക്സ്റ്റ് ദിശകളെ പിന്തുണയ്ക്കുന്നുവെന്ന് ഉറപ്പാക്കുക. ടെക്സ്റ്റ് ദിശ ശരിയായി കൈകാര്യം ചെയ്യാൻ direction, unicode-bidi പോലുള്ള CSS പ്രോപ്പർട്ടികൾ ഉപയോഗിക്കുക.

സുരക്ഷാ പരിഗണനകൾ

പെർസിസ്റ്റന്റ് സ്റ്റോറേജുമായി ഇടപെഴകുമ്പോൾ, സുരക്ഷ പരമപ്രധാനമാണ്. ഈ സുരക്ഷാ മികച്ച രീതികൾ പിന്തുടരുക:

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

വിവിധ പ്രദേശങ്ങളിലുടനീളമുള്ള ഉദാഹരണങ്ങൾ

വിവിധ പ്രദേശങ്ങളിൽ സ്റ്റോറേജ് ക്വാട്ട മാനേജ്‌മെന്റ് എങ്ങനെ വ്യത്യാസപ്പെടാം എന്ന് നമുക്ക് പരിഗണിക്കാം:

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

ഉദാഹരണം: ഇന്ത്യയിലെ ഉപയോക്താക്കളെ ലക്ഷ്യമിട്ടുള്ള ഒരു വാർത്താ ആപ്ലിക്കേഷൻ, ഇടയ്ക്കിടെയുള്ള ഇന്റർനെറ്റ് കണക്റ്റിവിറ്റിയുടെ സാധ്യത തിരിച്ചറിഞ്ഞ്, ഓഫ്‌ലൈൻ വായനയ്ക്കായി വാർത്താ ലേഖനങ്ങൾ ഡൗൺലോഡ് ചെയ്യാൻ ഉപയോക്താക്കളെ അനുവദിച്ചേക്കാം. ആപ്ലിക്കേഷൻ ഒന്നിലധികം ഇന്ത്യൻ ഭാഷകളിൽ വ്യക്തമായ ഒരു സ്റ്റോറേജ് മാനേജ്‌മെന്റ് UI നൽകും, ഇത് ഉപയോക്താക്കൾക്ക് സ്ഥലം খালিയാക്കാൻ ഡൗൺലോഡ് ചെയ്ത ലേഖനങ്ങൾ എളുപ്പത്തിൽ ഇല്ലാതാക്കാൻ അനുവദിക്കുന്നു.

സ്റ്റോറേജ് API-കളുടെ ഭാവി

പെർസിസ്റ്റന്റ് സ്റ്റോറേജ് API നിരന്തരം വികസിച്ചുകൊണ്ടിരിക്കുന്നു, ആധുനിക വെബ് ആപ്ലിക്കേഷനുകളുടെ വർദ്ധിച്ചുവരുന്ന ആവശ്യങ്ങൾ പരിഹരിക്കുന്നതിനായി പുതിയ ഫീച്ചറുകളും കഴിവുകളും ചേർക്കുന്നു. ചില സാധ്യതയുള്ള ഭാവിയിലെ സംഭവവികാസങ്ങളിൽ ഉൾപ്പെടുന്നവ:

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

ഉപസംഹാരം

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

കൂടുതൽ വായനയ്ക്ക്

• MDN Web Docs: Storage API
• web.dev: Storage for the web
• WICG: Storage Quota API