Преимущества и недостатки data:URI

Преимущества и недостатки data:URI

Вместе с техникой CSS Sprites (или как ее альтернатива) data:URI может существенно уменьшить число HTTP-запросов. Краткий список плюсов данного метода:

Экономят HTTP-запросы, предотвращают издержки, связанные с большим числом объектов.

Экономят число параллельных потоков: у браузеров есть ограничение (по спецификации HTTP/1.1, однако Firefox, Opera и Safari несколько вольно его трактуют, в частности, позволяя настраивать этот параметр или значительно его увеличивая; о настройках браузеров можно прочитать в восьмой главе) на число одновременных соединений (подробнее об этом рассказывается в пятой главе) с одним хостом.

Упрощают HTTPS-запросы и улучшают производительность при таком типе соединения.

Однако встроенные изображения (только data:URI) не поддерживаются в Internet Explorer 5-7. Текстовое base64-представление данных также занимает больше, чем бинарное изображение. В наших тестах base64-данные были на 39-45% больше бинарного аналога, но gzip-сжатие позволяет уменьшить разницу до 5-10%. Предварительная оптимизация изображений перед base64-кодированием позволяет уменьшить их размер пропорционально (о сжатии изображений было рассказано во второй главе).

Также существует ряд ограничений на размер встроенных изображений. От браузеров требуется поддерживать только URL длиной до 1024 байтов, в соответствии с вышеупомянутой спецификацией RFC. Однако браузеры более либеральны к пользователям в том, что они принимают. Например, Opera и Firefox последних версий поддерживают data:URI примерно до 50 Кб (для IE8 этот предел составляет 32 Кб). Но все же эта техника подходит больше для небольших по размеру изображений. Краткий список минусов:

Не поддерживается IE до версии 7 включительно.

Требуются дополнительные действия для обновления внедренного содержания (перекодировать, еще раз вставить).

Ограничена длина. Не подходит для вставки больших изображений.

Изображения, представленные в base64-кодировке, примерно на 33% больше размера их бинарного аналога (на 10% — при использовании сжатия).

Встроенные картинки (не в CSS) не получится закэшировать по определению. Они будут кэшироваться только с HTML-кодом.

Поделитесь на страничке

Следующая глава >

Похожие главы из других книг:

Недостатки

Из книги автора

А если по-другому? Ниже приведено сравнение других методов для снятия блокировки с загрузки скриптов, но все они также обладают своими недостатками. Метод Недостатки Используем атрибут defer тега scriptРаботает только в IEИспользуем document.write() для подключения тега


Недостатки и ограничения

Из книги автора

Недостатки и ограничения Файловая систем s5fs привлекательна благодаря своей простоте. Однако обратной стороной медали является низкая надежность и производительность.С точки зрения надежности слабым местом этой файловой системы является суперблок. Суперблок несет


Достоинства и недостатки

Из книги автора

Достоинства и недостатки Несомненным достоинством каталогов является наглядность и простота поиска. Вам не нужно выдумывать какие-либо запросы, а затем выискивать что-то полезное из всего того многообразия ссылок, которые нашла поисковая система, – вы точно знаете,


Достоинства и недостатки

Из книги автора

Достоинства и недостатки Стоит ли все-таки знакомиться с помощью Интернета? Ответить на этот вопрос однозначно довольно сложно. Ознакомьтесь с плюсами и минусами такого способа завязывания отношений и решайте для себя сами.Итак, достоинства.– Простота. Не нужно


Преимущества и недостатки различных технологий удаленной регистрации

Из книги автора

Преимущества и недостатки различных технологий удаленной регистрации В табл. 14.1 приведены наиболее важные характеристики различных технологий удаленной регистрации, рассмотренных в данной главе. Заметьте, что конкретные оценки могут различаться в зависимости от


Преимущества и недостатки проводной сети

Из книги автора

Преимущества и недостатки проводной сети Рассмотрев достаточно много сетевых стандартов, которые находят применение в случае использования той или иной сетевой топологии, можно составить список основных преимуществ и недостатков проводной сети. Данная информация


Преимущества и недостатки беспроводной сети

Из книги автора

Преимущества и недостатки беспроводной сети В любом деле есть свои преимущества и недостатки, однозначно определяющие выбор той или иной технологии в конкретных условиях. Это правило касается и беспроводных сетей.Рассмотрим основные преимущества беспроводной


21.1. Достоинства и недостатки

Из книги автора

21.1. Достоинства и недостатки В этой главе будет рассмотрена настройка Linux как рабочей станции для игрового зала. У вас может возникнуть вопрос: почему именно как рабочей станции? Ответ очень прост: любую Linux-систему довольно легко превратить из рабочей станции в сервер,


4.6.2 Недостатки HDLC

Из книги автора

4.6.2 Недостатки HDLC То, что HDLC является стандартом, еще не означает успешного взаимодействия друг с другом связей "точка-точка" между различными реализациями интерфейсов HDLC.В HDLC определено множество дополнительных и необязательных возможностей, что приводит к различным


12.20 Недостатки DNS

Из книги автора

12.20 Недостатки DNS Domain Name System — очень важная система. Некорректные элементы базы данных могут сделать невозможным доступ к прикладным хостам. Поскольку многие администраторы используют распределенную базу данных с ручным вводом информации, весьма вероятно возникновение


3.1.2. Недостатки

Из книги автора

3.1.2. Недостатки А теперь ложка дегтя – о недостатках I2P. Нет ничего идеального, и I2P – тоже не идеальна. Начнем с самой концепции I2P. Анонимизация и шифрование трафика происходит лишь внутри этой сети. Работая с I2P, вы можете обратиться только к I2P-ресурсам (к I2P-сайтам, почте,


2.3.5. Преимущества и недостатки библиотек

Из книги автора

2.3.5. Преимущества и недостатки библиотек Познакомившись со статическими архивами и совместно используемыми библиотеками. читатели, очевидно, задумались: какие же из них лучше использовать? Есть несколько важных моментов, о которых следует помнить.Большим преимуществом


Преимущества и недостатки линейного зондирования

Из книги автора

Преимущества и недостатки линейного зондирования В общем случае, если в хеш-таблице занято небольшое количество ячеек, можно надеяться, что для реализации большинства поисков, успешных или безрезультатных, придется выполнить всего одну-две операции зондирования.


Преимущества и недостатки связывания

Из книги автора

Преимущества и недостатки связывания Преимущества связывания достаточно очевидны. Во-первых, в таблице, использующей связывание, никогда не возникнет ситуация нехватки места. Мы сколько угодно можем продолжать добавлять элементы в хеш-таблицу, и при этом будет


2.1. Преимущества и недостатки стационарного ПК и ноутбука

Из книги автора

2.1. Преимущества и недостатки стационарного ПК и ноутбука Преимущества стационарного компьютера следующие:Удобная клавиатура — что ни говори, а самая простенькая клавиатура стационарного компьютера удобнее клавиатуры любого ноутбука.Монитор с крупным экраном —


14.2.2. Преимущества и недостатки DVD

Из книги автора

14.2.2. Преимущества и недостатки DVD У всего есть свои преимущества и недостатки. Есть они и у DVD. Начнем с преимуществ.? Большая емкость диска — лишнего места не бывает! Но, с другой стороны, 4,7 Гбайт хорошо для записи фильма в цифровом качестве (или коллекции фильмов в MPEG-4). Для