HTML5 localStorage для активов (таблицы стилей, JavaScript, изображения и т.д.)
Чтобы спасти и клиента загружают время и сетевое использование, действительно ли возможно использовать localStorage функцию HTML5, чтобы сохранить содержание связанных таблиц стилей, файлов JavaScript и двоичных данных (например, изображения), вместо того, чтобы поразить сервер каждый раз?
Был бы это просто усложнить вещи - так как я предполагаю, что Вы должны были бы добавить связанный актив с помощью JavaScript, а не просто a script или link элемент, ломая страницу для тех, которые не имеют JavaScript, позволил)? Если Вы не можете разобрать содержание (использование HEAD требуемый проверить в последний раз измененную дату и другие заголовки), прежде чем браузер загружает его.
Или лучше всего только придерживаться с 304 Not Modified и eTag заголовки?
2 ответа
Думаю, в этом случае следует рассмотреть возможность автономного кэширования:
Можно также хранить входные данные пользователя в localStorage или sessionStorage:
- https://developer.mozilla.org/en/DOM/Storage#sessionStorage
- https://developer.mozilla.org/en/DOM/Storage#localStorage
Не используйте globalStorage (не стандарт).
Я написал статью об автономном режиме, смотрите: http://hacks.mozilla.org/2010/01/offline-web-applications/
Она об оффлайне, но такой механизм может быть использован для усиления вашего веб-приложения.
Вы можете base64 закодировать изображение / двоичные данные и сохранить их в виде строки в localStorage, использование URL-адресов base64 не работает в некоторых браузерах, поэтому это не идеальное решение.
CSS и js подойдут, вы можете записать их на страницу или также использовать URL-адрес base64.
Я бы не стал беспокоиться о том, что это нарушит работу сайта для пользователей, не использующих JS, поскольку JS отключен, вы все равно не сможете получить доступ к localStorage.