Включая base64 gzipped stylesheets/images в javascript?

Question

Я знаю, что вы можете включать css и изображения среди других типов файлов, которые были сохранены в форме base64 в файле javascript. Тем не менее, они прилично огромны ... и gzipped, они сокращают LOT, даже с ~ 33% накладными расходами от base64-кодирования.

Не gzipped, изображения - данные: image/gif; base64, data: image/jpeg, data: image/png, и css - данные: text/css; base64. Какой тип mime можно/следует использовать, чтобы включить css или URI данных изображений, которые были gzipped? (Или если gzip + base64 не может работать, есть ли какое-либо другое сжатие, которое я могу сделать, чтобы уменьшить размер строки, сохраняя при этом данные, хранящиеся в javascript?)

..edit .. Я думаю, что вопрос недопонимается. Я не спрашиваю , если Я должен включить gzipped base64 строки в javascript. Да, я знаю, что в большинстве случаев лучше всего gzip javascript и другие файлы на сервере. Но это не применимо для usercript; usercript не имеет сервера и состоит только из одного файла. Firefox разрешает директиву @require, но Opera и Chrome этого не делают, и проблемы с локальной безопасностью файлов вступают в игру с загрузкой любых локальных файлов. Таким образом, все, что требуется скрипту, должно быть либо: 1) в Интернете (медленное), либо 2) встроенным в usercript (большой).

Теперь этот вопрос предполагает, что большой предпочтительнее замедлить, но этот большой не означает, что мы полностью игнорируем, насколько велики; если это может быть меньше, это улучшение.

Итак, предполагая, что строка base64 встроена в javascript, вопрос заключается в том, как сделать ее чем-то значимым.

Либо:

1) atob() может преобразовать сырой кодировке base64 GZIP к сырому Gzip в пределах JavaScript. (atob не нужно знать медиатип). Тогда возникает вопрос, как распаковать этот необработанный файл css или файл изображения, чтобы полученный результат мог быть подан в документ.

или 2) при условии надлежащего медиатипа, браузеры, по крайней мере теоретически (на RFID-данные), должны иметь возможность загружать любой файл непосредственно из datauri. «" достаточно для загрузки таблицы стилей без CSS. Вопрос здесь заключается в том, какой тип атрибута типа ссылки и комбинация медиатерапии данных будут работать (и в каких браузерах он будет работать)? Предпочтительно, для usercript это будет комбинация, которая работает в Opera, FF и Chrome.

Answer 1

В HTTP сжатие чаще всего применяется только для передачи, чтобы уменьшить полезную нагрузку, которая должна быть передана. Это делается с помощью Content-Encoding header field.

Но data URL scheme очень ограничено, и вы можете указать только тип носителя:

dataurl := "data:" [ mediatype ] [ ";base64" ] "," data 

Хотя вы можете использовать multipart message, большинство агентов пользователей не поддерживают их в data URL. Было бы также сомнительно, будут ли дополнительные данные для описания такого многостраничного сообщения не более, чем безопасные данные, сжимая фактическую полезную нагрузку.

Таким образом, сжатие данных в формате data возможно в теории, но непрактично. Лучше просто сжать весь документ, в который встроен URL-адрес data.