כיצד דפדפנים שומרים נתונים

דפדפנים עושים יותר מאשר רק להציג אתרים. הם פועלים כמנהלי נתונים מקומיים. הם שומרים מידע על המכשיר שלך כדי להפוך את הגלישה למהירה וקלה יותר.

כדאי שתכירו את שלוש הדרכים העיקריות שבהן דפדפנים שומרים נתונים:

• Cookies • Browser Cache • Web Storage

Cookies

Cookies הם קבצי טקסט קטנים. אתרים משתמשים בהם כדי לזכור אותך. הם שומרים את סשני ההתחברות (login sessions) ואת הגדרות השפה שלך.

איך הם עובדים:

• אתה מבקר באתר.
• האתר שולח cookie לדפדפן שלך.
• הדפדפן שלך שומר אותו.
• בביקור הבא שלך, הדפדפן שלך שולח את ה-cookie הזה חזרה לשרת.

דברים שכדאי לזכור:

• ל-Cookies יש מגבלה קטנה של 4KB.
• הם נשלחים עם כל בקשה (request), מה שעלול להאט את הביצועים.
• לעולם אל תשמרו סיסמאות בתוך Cookies.

Browser Cache

ה-Cache (מטמון) שומר קבצים כבדים כמו תמונות, CSS ו-JavaScript. המטרה שלו היא מהירות.

איך זה עובד:

• אתה מבקר באתר בפעם הראשונה.
• הדפדפן שלך מוריד את כל הקבצים ושומר אותם ב-cache.
• בפעם הבאה שתבקר, הדפדפן יטען את הקבצים מהמכשיר שלך במקום מהאינטרנט.

יתרונות:

• דפים נטענים הרבה יותר מהר.
• זה צורך פחות רוחב פס (bandwidth).
• זה מפחית את העומס על השרת.

Web Storage

זהו פיצ'ר של HTML5. הוא מאפשר לאתרים לשמור נתונים כזוגות של מפתח-ערך (key-value pairs). הוא יעיל יותר מ-Cookies מכיוון שהוא לא נשלח לשרת עם כל בקשה.

ישנם שני סוגים:

• Local Storage: הנתונים נשארים גם אם תסגור את הדפדפן. הוא מכיל בערך 5MB עד 10MB.
• Session Storage: הנתונים נעלמים כשסוגרים את הלשונית (tab).

מקרי בוחן (Use cases):

• Local storage מצוין עבור הגדרות מצב כהה (dark mode).
• Session storage עובד טוב עבור נתונים זמניים בטפסים.

סיכום

• השתמשו ב-Cookies עבור סשנים של התחברות ותקשורת עם השרת.
• השתמשו ב-Cache כדי להאיץ את טעינת האתר באמצעות נכסים סטטיים (static assets).
• השתמשו ב-Web Storage עבור כמויות גדולות יותר של נתונים בצד הלקוח (client-side).

מקור: https://dev.to/dailycodetools/how-browser-stores-data-cookies-cache-storage-25-jun-0346-m7h