બ્રાઉઝર ડેટા કેવી રીતે સ્ટોર કરે છે

બ્રાઉઝર ફક્ત વેબસાઇટ્સ બતાવવાનું જ કામ નથી કરતા. તેઓ લોકલ ડેટા મેનેજર તરીકે કામ કરે છે. બ્રાઉઝિંગને ઝડપી અને સરળ બનાવવા માટે તેઓ તમારા ઉપકરણ પર માહિતી સ્ટોર કરે છે.

બ્રાઉઝર ડેટા સ્ટોર કરવાની ત્રણ મુખ્ય રીતો તમારે જાણવી જોઈએ:

• Cookies • Browser Cache • Web Storage

Cookies

Cookies નાની ટેક્સ્ટ ફાઇલો છે. વેબસાઇટ્સ તમને યાદ રાખવા માટે તેનો ઉપયોગ કરે છે. તેઓ તમારા લોગિન સેશન્સ અને ભાષા સેટિંગ્સ સ્ટોર કરે છે.

તે કેવી રીતે કામ કરે છે:

• તમે કોઈ સાઇટની મુલાકાત લો છો.
• સાઇટ તમારા બ્રાઉઝરને કૂકી (cookie) મોકલે છે.
• તમારું બ્રાઉઝર તેને સેવ કરે છે.
• તમારી આગામી મુલાકાત વખતે, તમારું બ્રાઉઝર તે કૂકી ફરીથી સર્વર પર મોકલે છે.

ધ્યાનમાં રાખવા જેવી બાબતો:

• Cookies ની મર્યાદા માત્ર 4KB જેટલી નાની હોય છે.
• તેઓ દરેક રિક્વેસ્ટ સાથે મોકલવામાં આવે છે, જેનાથી ઝડપ ધીમી પડી શકે છે.
• કૂકીઝમાં ક્યારેય પાસવર્ડ સ્ટોર કરશો નહીં.

Browser Cache

Cache ઈમેજીસ, CSS અને JavaScript જેવી ભારે ફાઇલો સ્ટોર કરે છે. તેનો મુખ્ય હેતુ ઝડપ વધારવાનો છે.

તે કેવી રીતે કામ કરે છે:

• તમે પહેલીવાર કોઈ સાઇટની મુલાકાત લો છો.
• તમારું બ્રાઉઝર બધી ફાઇલો ડાઉનલોડ કરે છે અને તેને કેશ (cache) માં સેવ કરે છે.
• બીજી વાર જ્યારે તમે મુલાકાત લો છો, ત્યારે બ્રાઉઝર ઇન્ટરનેટને બદલે તમારા ઉપકરણમાંથી ફાઇલો લોડ કરે છે.

ફાયદાઓ:

• પેજ ઘણું ઝડપથી લોડ થાય છે.
• તે ઇન્ટરનેટ બેન્ડવિડ્થનો ઓછો ઉપયોગ કરે છે.
• તે સર્વર પરનો લોડ ઘટાડે છે.

Web Storage

આ એક HTML5 ફીચર છે. તે વેબસાઇટ્સને ડેટાને key-value જોડી તરીકે સ્ટોર કરવાની મંજૂરી આપે છે. તે Cookies કરતા વધુ કાર્યક્ષમ છે કારણ કે તે દરેક રિક્વેસ્ટ સાથે સર્વર પર મોકલવામાં આવતું નથી.

તેના બે પ્રકાર છે:

• Local Storage: જો તમે બ્રાઉઝર બંધ કરી દો તો પણ ડેટા રહે છે. તે આશરે 5MB થી 10MB સુધીનો ડેટા રાખી શકે છે.
• Session Storage: જ્યારે તમે ટેબ બંધ કરો છો ત્યારે ડેટા નીકળી જાય છે.

ઉપયોગના કિસ્સાઓ:

• Local storage ડાર્ક મોડ સેટિંગ્સ માટે ઉત્તમ છે.
• Session storage કામચલાઉ ફોર્મ ડેટા માટે સારું કામ કરે છે.

Summary

• લોગિન સેશન્સ અને સર્વર કોમ્યુનિકેશન માટે Cookies નો ઉપયોગ કરો.
• સ્ટેટિક એસેટ્સ સાથે સાઇટ લોડિંગની ઝડપ વધારવા માટે Cache નો ઉપયોગ કરો.
• ક્લાયન્ટ-સાઇડના મોટા પ્રમાણમાં ડેટા માટે Web Storage નો ઉપયોગ કરો.

Source: https://dev.to/dailycodetools/how-browser-stores-data-cookies-cache-storage-25-jun-0346-m7h