Опитвам се да сравня (за производителност) използването на dataURI в сравнение с голям брой изображения. Това, което направих, е да настроя два теста:
И двете страници са абсолютно еднакви, освен "как" се предлагат тези изображения/ресурси. Проведох WebPageTest срещу всеки (отбелязан по-горе - WPT) и изглежда, че средното време за зареждане за base64 е много по-бързо -- но кешираният изглед на обикновения изглед е по-бърз. Внедрих .htaccess на HTML5 Boilerplate, за да се уверя, че ресурсите са правилно gzipped, но както виждате, получавам F за base64 за липса на кеширане на статични ресурси (което не съм сигурен дали това е правилно или не). Това, което в крайна сметка се опитвам да разбера тук, е кой е по-добрият начин да отида (ако приемем, че ще има толкова много ресурси на една страница, в името на аргументите). Някои неща, които знам:
- Заявката
GET
за base64 е голяма - Има 1 ресурс за base64 в сравнение с 300, някои странни за обикновения (кой е по-големият спад тук...
GET
заявка или брой ресурси)? Нещото, което трябва да запомните за обикновения е, че има толкова много ресурси, които могат да се зареждат паралелно поради ограничения -- и за base64 - вие наистина чакате само докато HTML може да бъде прочетен - така че нищо не е технически заредена от самата страница.
Наистина оценявам всяка помощ - благодаря!