Menu
When we open application segment in the developer console of chrome, we see many things like:
Application
Storage
Cache
I know that cache is used for saving the resource locally and cookies are for saving the data in the client side for maintaining the session. Cache stores in key value format.
I want to know exactly what the difference is between them.
443
localStorage is similar to sessionStorage , except that while localStorage data has no expiration time, sessionStorage data gets cleared when the page session ends — that is, when the page is closed.
Cache is distinguished by being an ephemeral copy of a relatively small amount of currently in-use data for rapid access or to buffer writes. Storage, by contrast, sits behind/below cache and provides the bulk, long term retention location for data and is addressed in blocks rather than bytes.
Local Storage data will not get cleared even if you close the browser. Because it's stored on your browser cache in your machine. Local Storage data will only be cleared when you clear the browser cache using Control + Shift + Delete or Command + Shift + Delete (Mac)
Caching refers to storing information locally to speed communication between a client such as a web browser and a server such as a web server. The cache can be located on the client side, the server side, or – as is often the case – both.
I have limited experience, but for what I can understand:
Cache is data which is used very frequently, so it is stored to reduce processing and loading required.
Local Storage instead, is data little less generic and a little more user specific, like a form info or your already viewed pages that appear on purple at Google It is also the objects and data your CSS and HTML renders.
For example: on YouTube, you have a standard format in which information, icons, and toolbars are displayed, imagine this as the interface. Cache helps a lot here. That is why you can search for new videos without having to wait for YouTube icon, search bar, etc... to reload again.
On the other hand, When you log in to youtube or any other web page like Amazon, That site knows your id by the local storage. Local storage also has different javascript interface objects like some tabs or extra menus.
Sources:
http://www.differencebetween.com/difference-between-ram-and-vs-cache-memory/
I also went and tried myself the following: I went to my browser settings and deleted cache data and the page refreshed. Then I cleared Local Storage and I had to log in again.
122
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
