JSIO URLs

Posted on by

The clever bit about JSIO is the placeholder URLs – i.e. the “jsio.gif#…” that goes in your image src attributes and background-image CSS properties. Everything after the “#” is the filename of the image that should be displayed. It doesn’t have to be the filename at all, it could just be a single letter or number or symbol or whatever. It doesn’t matter to JSIO. To JSIO, everything after the “#” is just a key into the resources object that holds data uri encoded images. As long as the key is unique (which it will be if you use filenames, since no two files in the same directory can have the same name), JSIO is happy.

Using filenames as keys into our resources object is beneficial to humans. Much more beneficial than coordinates in a sprite, simply because (hopefully) the filenames are meaningful; they describe the image. In comparison to sprites, the JSIO resources object also makes maintaining your image data much easier as it is trivial to add or remove images without having to move other images around within the sprite (and consequently all coordinates referencing your moved image).

Another benefit of using filenames as keys into the JSIO resources object is for fallback. If JSIO detects your browser is IE7 or lower, it’ll strip out “jsio.gif#” leaving just your image key as the image src, which is hopefully a valid URL to the original image. Also, if JSIO detects you’re running IE8 and the image data is larger than 32KB it’ll do the same thing*.

* …but not yet in v1.0.0 alpha

Since the image key is after the “#” (it is the URL “fragment”), your browser won’t send multiple requests for the 1*1px jsio.gif file – it’ll just send one request, cache the response, and use it again. By the way, the jsio.gif image is just a transparent 1*1px gif (for maximum efficiency), but it could be an “spinner” image or something, which is shown temporarily whilst the JSIO resources file is downloaded.

—

This post is about JSIO – JSIO is a tiny library that allows you to make fewer requests to your server by packaging all your site image data in a JavaScript file in data uri format. The official site for JSIO can be found here: jsio.freestyle-developments.co.uk. You can read more about why I started this project here.

9,190 thoughts on “JSIO URLs”

  3. Почему пользователи выбирают площадку KRAKEN?

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

  4. You really make it seem so easy together with your presentation but I
    find this topic to be really something which I believe I would by no means understand.
    It kind of feels too complicated and very huge for me.
    I’m looking ahead in your subsequent put up, I’ll attempt to get the
    dangle of it!

  6. Добрый день Ялта ласточкино гнездо висит на скале над морем как сказочный замок романтично. Канатная дорога на Ай-Петри открывает панораму всего южного берега Крыма. Набережная Ялты полна ресторанов цветов и вечерней иллюминации для прогулок. Ливадийский дворец бывшая резиденция царей окружен красивым парком с тропами. Полная информация по ссылке – https://aldita.net/ культурный обмен Америка Азия бахрейн манама Астрахань лотосы и кремль Шоколад сладость радость Магазин сувениров подарки Европа греция афины Всего наилучшего и хорошей информации

  9. Привет всем Милан модный квартал Quadrilatero della Moda полон бутиков люкс. Галерея Виктора Эммануила II впечатляет мозаичными полами и куполом. Собор Дуомо с его шпилями виден из многих точек города. Аперитив на площади перед театром Ла Скала традиционен для местных. Полная информация по ссылке – https://aldita.net/ паромы и круизы Это интересно странные законы мира Нячанг винперл Ессентуки грязи лечение Хошимин ночная жизнь Еда перекус снеки Всего наилучшего и хорошей информации

  10. CoolSculpting ® is a non-invasive body shaping treatment
    that counts on cryolipolysis to minimize excess fat.

  14. O estudante de direito parou de jogar Santa’s Gift Rush depois do patch do Q1. Voltou semana passada. Outro jogo agora, ele diz.

  15. Alguém do chat colocou R$30 no Bikini Paradise e saiu com R$1.200. Sem print, só contou.

  16. Здравствуйте В Кызылорде свежие объявления о продаже домов и квартир доступны на доске объявлений. Бесплатные объявления с фото и подробными описаниями помогут вам найти идеальное жилье. Объявления Кызылорды обновляются ежедневно поэтому вы всегда будете в курсе новых предложений. Подать объявление можно прямо сейчас и оно появится в разделе свежие объявления. Объявления Кызылорды помогут вам быстро найти то что нужно. Полная информация по ссылке – https://natumbe.kz компьютерная помощь на дому Развлечение / Фото / Видео стирка штор тюли фитнес браслет xiaomi болгарка угловая цена каско страхование авто Всего наилучшего и хорошей информации

  17. Здравствуйте Лучшие ответы всегда проверяются практикой. И если решение строится на анализе обстоятельств проверке данных и гибкости оно выдерживает проверку временем. Это универсальный инструмент который полезен в любой сфере. Отель «Заря» предлагает уютные номера в Махачкале рядом с морем и озером Ак-Гёль обеспечивая комфортные условия проживания для разных категорий гостей. В каждом номере поддерживается чистота предусмотрены базовые удобства и стабильный доступ к интернету. Удобное расположение позволяет сочетать отдых у моря с быстрым доступом к городской инфраструктуре магазинам кафе и транспортным маршрутам что делает пребывание удобным как для туристов так и для деловых поездок краткосрочных визитов или длительного проживания в городе без лишних сложностей. Полная информация по ссылке – https://hotel05-zarya.ru/ гостиница заря махачкала хаджи булача 87 отель на сутки махачкала гостиница заря махачкала гостиница заря махачкала Отель Заря: официальный сайт Полезное — маршруты и советы для туристов в Махачкале гостиница заря в махачкале Удачи и хорошего роста в топах Всё новое рождается там где заканчивается старое. Отель «Заря» — рядом Каспийское море c6966bd

  19. Здравствуйте Мюнхен Октоберфест даты меняются ежегодно но всегда осенью. Бронирование столиков в палатках начинается за полгода до события. Традиционные костюмы и литровая кружка пива обязательны тут. Атмосфера всеобщего веселья и музыки царит на Терезином лугу. Полная информация по ссылке – https://aldita.net/ горящие туры в Турцию Иркутск байкал ворота Роупджампинг прыжок с моста связь и интернет за границей Фонарик свет в темноте Европа эстония tallinn Всего наилучшего и хорошей информации

  20. Добрый день Неаполь пицца и вулкан Везувий главные ассоциации с этим городом. Настоящую неаполитанскую пиццу готовят в печах на дровах. Археологический музей хранит находки из разрушенных Помпей и Геркуланума. Узкие улочки старого центра полны жизни и шума. Полная информация по ссылке – https://aldita.net/ Пансионат отдых полный Каток фигурное катание Гамбург порт и рыба Неаполь пицца и вулкан Мюллеровские дюны песок Маскат султанская опера Всего наилучшего и хорошей информации

  22. Доброго В Караганде свежие объявления о продаже домов и квартир доступны на доске объявлений. Бесплатные объявления с фото и подробными описаниями помогут вам найти идеальное жилье. Объявления Караганды обновляются ежедневно поэтому вы всегда будете в курсе новых предложений. Подать объявление можно прямо сейчас и оно появится в разделе свежие объявления. Объявления Караганды помогут вам быстро найти то что нужно. Полная информация по ссылке – https://natumbe.kz Сельхоз животные трековые системы освещения перчатки медицинские латекс рюкзак трекинговый 60 литров вязальная машина электронная дверь авто в сборе Всего наилучшего и хорошей информации

  23. It’s an remarkable paragraph in support of all the online viewers; they will get
    advantage from it I am sure.

  24. Asimismo conviene prestar atención a los sistemas financieros habilitados.
    Un casino serio en Argentina ofrece Mercado Pago, transferencia bancaria, CVU/CBU, y a
    veces criptomonedas. Desconfiá de sitios que solo aceptan métodos extraños.

  25. Доброго Если вы ищете недвижимость в Кызылорде обратите внимание на свежие объявления на доске объявлений. Здесь вы найдете объявления о продаже домов и квартир с фото и подробными описаниями. Бесплатные объявления доступны всем жителям Кызылорды. Подать объявление можно прямо сейчас и оно появится в разделе свежие объявления. Объявления Кызылорды помогут вам быстро найти то что нужно. Полная информация по ссылке – https://natumbe.kz спорт инвентарь б у солнечная батарея портативная термос металлический 1 литр унитаз инсталляция подвесной машинка для стрижки волос тостер сэндвичница вафельница Всего наилучшего и хорошей информации

  27. Привет всем Рим Колизей билеты лучше покупать онлайн чтобы избежать очередей. Античный амфитеатр вмещал тысячи зрителей для гладиаторских боев. Форум рядом рассказывает историю политической жизни империи. Прогулка по центру города открывает новые храмы на каждом шагу. Полная информация по ссылке – https://aldita.net/ Штатив стабильность кадр Америка пуэрто рико Магадан колымская трасса Палаван подземная река Лесной визит центр Сейшелы пляжи Всего наилучшего и хорошей информации

  29. Здравствуйте На доске объявлений вы найдете множество вариантов для покупки и аренды недвижимости. Объявления Каменогорска о продаже домов и квартир обновляются регулярно. Свежие объявления с фото и подробными описаниями помогут вам сделать правильный выбор. Бесплатные объявления доступны всем жителям Усть-Каменогорска. Подать объявление можно легко и быстро просто заполнив форму на сайте. Полная информация по ссылке – https://natumbe.kz рюкзак трекинговый 60 литров Инструменты налобный фонарь рыбалка эвакуатор круглосуточно алматы тушь для ресниц объем прицеп для легкового авто Всего наилучшего и хорошей информации

  30. Доброго Вади Рам марсианские пейзажи использовались для съемок многих фильмов фантастики. Джип-сафари по красным пескам и скалам незабываемое приключение драйвовое. Ночевка в бедуинском лагере под звездами подарит тишину и покой. Прохладные ночи в пустыне требуют теплой одежды даже летом. Полная информация по ссылке – https://aldita.net/ карты офлайн навигация Вади Рам марсианские пейзажи Гобустан грязевые вулканы Индонезия храмы Часы время расписание Советы по изучению языка перед trip Всего наилучшего и хорошей информации

  31. whoah this blog is fantastic i really like studying your
    posts. Stay up the good work! You already know, many individuals are searching
    round for this information, you can aid them greatly.

  32. Добрый день Гонконг пик Виктория обеспечивает панорамный вид на бухту и город. Подъем на фуникулере сам по себе является захватывающим аттракционом. На вершине расположены торговые центры и смотровые террасы. Закат отсюда считается одним из самых красивых в Азии. Полная информация по ссылке – https://aldita.net/ Рыбная деревня этнографический комплекс Вода бутылка питьевая паромы и круизы Цирк представления детям горящие туры в Турцию Детский квест приключения Всего наилучшего и хорошей информации

  33. Hello lads I came across a 174 awesome platform that I think you should browse. This resource is packed with a lot of useful information that you might find valuable. It has everything you could possibly need so be sure to give it a visit https://www.weblyen.com/gambling-and-globalization/ Additionally do not forget folks — a person at all times are able to in this particular publication locate answers to address the the very complicated inquiries. We tried to lay out all of the information using an extremely understandable manner.

  34. Доброго Бодрум замок св петра построен рыцарями госпитальерами на берегу. Музей подводной археологии внутри хранит находки с затонувших судов. Ночная жизнь курорта известна своими клубами и барами громко. Марина полна дорогих яхт и ресторанов с морепродуктами свежими. Полная информация по ссылке – https://aldita.net/ Советы по изучению языка перед trip Миконос вечеринки пляжи Кайтсерфинг воздух вода горнолыжные курорты Европы Махачкала каспийское море Поезд дальнего следования купе Всего наилучшего и хорошей информации

  35. Hello . I came across a 174 great page that I think you should browse. This site is packed with a lot of useful information that you might find insightful. It has everything you could possibly need so be sure to give it a visit https://bitcios.com/how-to-protect-yourself-from-information-overload/ Additionally do not overlook guys that you always are able to inside this article discover solutions to the most most complicated queries. Our team made an effort to explain the complete data in the very accessible method.

  36. Добрый день На доске объявлений вы найдете множество свежих объявлений о продаже недвижимости в Усть-Каменогорске. Объявления о продаже домов и квартир обновляются регулярно. Бесплатные объявления с фото и подробными описаниями помогут вам сделать правильный выбор. Подать объявление можно легко и быстро просто заполнив форму на сайте. Объявления Каменогорска помогут вам найти идеальное жилье. Полная информация по ссылке – https://natumbe.kz эхолот для рыбалки солярий домашний ультрафиолет запчасти хендай солярис подушки безопасности airbag натяжные потолки цена форма камуфляж одежда Всего наилучшего и хорошей информации

  37. Hello lads I came across a 174 very cool page that I think you should explore. This tool is packed with a lot of useful information that you might find insightful. It has everything you could possibly need so be sure to give it a visit https://costacomunicaciones.es/las-tecnologias-que-alimentan-la-industria-del-entretenimiento-en-linea/ Additionally remember not to overlook guys — a person constantly can inside this particular piece discover answers to address the most confusing inquiries. Our team attempted to explain the complete content in the extremely understandable way.

  38. An impressive share! I’ve just forwarded this onto
    a coworker who had been doing a little research on this.
    And he actually ordered me breakfast simply because I discovered it for him…
    lol. So allow me to reword this…. Thanks for the meal!! But yeah, thanks for spending some time to discuss this topic here on your web site.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>