1. localStorage > cookies
Making the Switch in Modern Browsers
Presented by
Shane Riley
@shaneriley • github.com/shaneriley • shaneriley.com

2. In the Beginning...

4. And it was good enough

5. Differences
Cookies localStorage

6. Differences
Cookies localStorage
• All in one string

7. Differences
Cookies localStorage
• All in one string
• Expire

8. Differences
Cookies localStorage
• All in one string
• Expire
• Cross-subdomain

9. Differences
Cookies localStorage
• All in one string • Properties on Object
• Expire
• Cross-subdomain

10. Differences
Cookies localStorage
• All in one string • Properties on Object
• Expire • No expiration
• Cross-subdomain

11. Differences
Cookies localStorage
• All in one string • Properties on Object
• Expire • No expiration
• Cross-subdomain • Local to subdomain

12. Storage Limits
Cookies localStorage
Guaranteed minimum of 300 localStorage 2.5mb limit per
cookies, 4kb per, 20 per host/ domain (Webkit stores as
domain. Overhead costs per UTF-16), unlimited properties
cookie (~50char). per domain, spec recommends
using same storage across
subdomains, no expiry
localStorage support: http://dev-test.nemikor.com/web-storage/support-test/

13. Methods!

14. getItem/setItem

15. removeItem
clear

16. key
Not at all useful. Use an object iterator instead.

17. localStorage > cookies!

18. But not great (,_,)

19. localStorage stores ALL entries as strings

20. But wait! There is hope!

21. But wait! There is hope!

22. Make your own storage
methods
https://gist.github.com/3798945

24. Detect support

25. Thanks!
Presented by
Shane Riley
@shaneriley • github.com/shaneriley • shaneriley.com