<html manifest="manifest.appcache">
Для оптимизации работы сайта можно сделать дополнительное действие — добавить параметр manifest и включить поддержку appcache (Application Cache). Эта часть спецификации HTML5 позволяет использовать веб-приложение в оффлайн режиме. Хотя в браузерах есть свой собственный механизм кеширования, но он не так надежен и работает не всегда так, как должен.
Например: На iPhone и iTouch кэшируются файлы размером не более 25 Kb
- Использование appcache предоставляет следующие преимущества:
- Оффлайновый просмотр — пользователь может пользоваться сайтом, даже если нет онлайн-соединения (имеются в виду те страницы, которые уже находятся в кеше).
- Скорость — ресурсы кешируются локально, про позволяет сайту работать быстрее.
- Снижение нагрузки на сервер — браузер загружает только те ресурсы с сервера, которые были изменены
Кроме того, AppCache позволяет заранее определить, какие именно файлы стоит кешировать и делать доступными пользователям оффлайн.
указываются эти файлы в manifest файле таким образом (на примере нашего сайта)
CACHE MANIFEST assets/templates/seo/css/bootstrap.min.css assets/templates/seo/css/custom.css assets/templates/seo/css/bootstrap-responsive.min.css assets/templates/seo/js/jquery.min.js assets/templates/seo/js/bootstrap.min.js assets/templates/seo/js/custom.js assets/templates/seo/js/html5shiv.min.js assets/snippets/ajaxSearch/js/ajaxSearch1/ajaxSearch.js assets/templates/seo/img/bg.png assets/templates/seo/img/glyphicons-halflings.png assets/templates/seo/img/ie8_window-475.png assets/templates/seo/img/key.gif assets/templates/seo/img/logo_237x63.png assets/templates/seo/img/modx.png uploads/images/fotolia/home_sm.jpg uploads/images/small/favicon.png uploads/images/small/rss2_4_02.png uploads/images/small/rss2_4_06.png
То есть, создаете тектовый файлик, загружаете его в корневую директорию сайта, переименовываете его как вам хочется, оставляете расширение .appcache и все, кстати, для проверки этого файла, существует официальный валидатор
http://manifest-validator.com
Для нашего сайта можно посмотреть http://seomost.ru/manifest.appcache
Для соответствия MIMO типа в корневой файл .htaccess добавить строку AddType "text/cache-manifest" .appcache
. Это не обязательно, т.к. MIME тип text/plane также проходит валидацию.
Когда пользователь откроет, например наш сайт через планшет, у него будет спрошено разрешение о сохранении данных. сли он согласится, то сможет просматривать закешированые страницы даже с выключенным интернетом.