Я пытаюсь сравнить (по производительности) использование URI данных по сравнению с большим количеством картинки. Что я сделал, так это настроил два теста:
Обе страницы абсолютно одинаковы, за исключением того, «как» эти изображения/ресурсы предлагаются. Я провел WebPageTest для каждого из них (упомянутого выше — WPT), и оказалось, что среднее время загрузки для base64 намного быстрее, но кэшированное представление обычного представления выполняется быстрее. Я реализовал HTML5 Boilerplate .htaccess, чтобы убедиться, что ресурсы правильно gzip, но, как видите, я получаю F для base64 за отсутствие кэширования статических ресурсов (я не уверен, правильно это или нет). Что я в конечном итоге пытаюсь выяснить, так это то, как лучше пойти (предположим, что на одной странице будет столько ресурсов, ради аргументов). Некоторые вещи, которые я знаю:
- Запрос
GET
для base64 большой - Есть 1 ресурс для base64 по сравнению с 300 с лишним для обычного (что здесь больше...
GET
запрос или количество ресурсов)? Что касается обычного, то следует помнить, что существует ограниченное количество ресурсов, которые могут быть загружены параллельно из-за ограничений, а для base64 вы действительно ждете, пока HTML-код не будет прочитан, так что ничего технически загружена больше, чем сама страница.
Очень ценю любую помощь - спасибо!