Бисквитки срещу LocalStorage: Каква е разликата?

Бисквитки - Снимка от rawpixel на Unsplash

Дълго време бисквитките бяха основният начин за съхраняване на информация за потребителите, посещаващи вашето приложение или уебсайт. Те бяха използвани за запис на състоятелни елементи като артикули за пазаруване или опции, променени от потребител. Те също бяха използвани за запомняне на навиците за сърфиране на потребителите или за поддържане на потребител, влезли в профила си, докато преминават от страница на страница. След това на сцената се появи HTML5 и представи LocalStorage като друга опция за съхранение на данни. Този нов обект Javascript (заедно със SessionStorage) се похвали с много по-голям капацитет за съхранение от бисквитките с огромни 5MB. В тази статия ще сравним и сравним бисквитките и LocalStorage.

Бисквитки - малки, но силни
Първо ще започнем с проучване на основна информация за бисквитките. Ще разгледаме и някои от техните плюсове и минуси. И така, какво са бисквитките? Според whatarecookies.com това са малки текстови файлове, които се поставят на компютъра на потребителя от уебсайт. Те държат много малък обем данни при максимален капацитет от 4KB. Бисквитките се използват по различни начини, като например за съхранение на посетените страници на сайт или информация за вход на потребителя. Те са ограничени по това, че могат да съхраняват само низове.

Много сигурни уебсайтове използват бисквитки, за да валидират самоличността на своите потребители, след като те са влезли, за да не им се налага да въвеждат отново своите идентификационни данни на всяка страница. Друга употреба на бисквитките е да персонализирате или коригирате потребителското изживяване въз основа на ограничена история на сърфиране в сайта.

Два вида бисквитки - Фото на Oliya Nadya на Unsplash

Два вида бисквитки
Има два типа бисквитки: постоянни бисквитки и бисквитки за сесия. Сесийните бисквитки не съдържат срок на годност. Вместо това те се съхраняват само докато браузърът или разделът са отворени. Веднага след като браузърът се затвори, те се губят за постоянно. Този тип бисквитки може да се използва за съхранение на идентификационни данни на банков потребител, докато той се движи в уебсайта на банката им, тъй като информацията им ще бъде забравена, щом раздела се затвори.

Постоянните бисквитки имат срок на годност. Тези бисквитки се съхраняват на диска на потребителя до датата на изтичане и след това се изтриват завинаги. Те могат да бъдат използвани за други дейности, като например записване на навиците на потребителя, докато са на определен уебсайт, за да персонализирате опита си всеки път, когато посети.

Macbook - Снимка от rawpixel на Unsplash

LocalStorage - по-трайно решение
След излизането на HTML5 много приложения на бисквитките бяха заменени от използването на LocalStorage. Това е така, защото LocalStorage има много предимства пред бисквитките. Една от най-важните разлики е, че за разлика от бисквитките, не е необходимо данните да се изпращат напред и назад с всяка HTTP заявка. Това намалява общия трафик между клиента и сървъра и количеството пропиляна честотна лента. Това е така, защото данните се съхраняват на локалния диск на потребителя и не се унищожават или изчистват от загубата на интернет връзка. Също така, както бе споменато по-горе, LocalStorage може да съхранява до 5MB информация. Това е много повече от 4KB, които притежават бисквитките.

LocalStorage се държи по-скоро като постоянни бисквитки по отношение на срока на годност. Данните не се унищожават автоматично, освен ако не бъдат изчистени чрез Javascript код. Това може да бъде полезно за по-големи битове на данни, които трябва да се съхраняват за по-дълги периоди от време. Също така, с LocalStorage можете не само да съхранявате низове, но и Javascript примитиви и обекти.

Хората, посещаващи уебсайт - Фото на Джон Schnobrich на Unsplash

Използване на LocalStorage
В моя бек-енд курс за уеб разработка обсъдихме случаи, в които LocalStorage биха били по-добри от бисквитките. Пример за добро използване на LocalStorage може да бъде в приложение, използвано в региони без постоянна интернет връзка. Моят преподавател по курсове, Дани Роксберри, изгради такова приложение в миналото и използва LocalStorage за защита и съхранение на данни, събрани в области с петнисти WiFi или връзки за данни.

За да може това да използва добре LocalStorage, нивото на заплаха от данните, съхранявани в тази ситуация, трябва да бъде много ниско. За да защитите поверителността на клиента, би било добре да качите данните при възстановяване на връзката и след това да изтриете локално съхранената версия. Освен това би било изгодно да шифровате данните, които се съхраняваха, за да не бъдат лесно хакнати. В нашата класна дискусия установихме също, че силно уязвимите данни, като финансова информация, не могат да бъдат съхранявани или защитени правилно, използвайки LocalStorage по този начин.

заключение
Въпреки че тези опции за съхранение имат своите положителни и отрицателни страни, и двете имат приложения в съвременната уеб разработка. Бисквитките са по-малки и изпращат обратно информация за сървъра с всяка HTTP заявка, докато LocalStorage е по-голям и може да съдържа информация от страна на клиента.

Когато правите следващото си приложение, помислете за тези различни приложения и преценете кой тип хранилище е подходящ за вас.

Тази история е публикувана в най-голямото предприемаческо издание The Startup, последвано от +390 426 души.

Абонирайте се, за да получавате нашите топ истории тук.