JSIO URLs

Posted on 2011.08.09 by Alan

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.

2,382 thoughts on “JSIO URLs”

vipryamitel dyson kypit_jpen on 2026.01.13 at 7:42 said:

выпрямитель дайсон airstrait ht01 выпрямитель дайсон airstrait ht01 .
skolko stoit yzakonit pereplanirovky_slOi on 2026.01.13 at 7:44 said:

перепланировка квартиры цена перепланировка квартиры цена .
RandomNameNiz on 2026.01.13 at 8:03 said:

brivox source – Everything appears promptly and the content isn’t crowded
RandomNameNiz on 2026.01.13 at 8:07 said:

Korivo Central Store – Smooth browsing, content clear and checkout steps easy to follow.
RandomNameNiz on 2026.01.13 at 8:09 said:

Smart Buyer Insights – Practical tips that improve online shopping efficiency and satisfaction.
RandomNameNiz on 2026.01.13 at 8:11 said:

main portal – Pages respond quickly, categories intuitive, and browsing feels simple.
Patricklok on 2026.01.13 at 8:13 said:

Женский портал https://replyua.net.ua про красоту и заботу о себе: уход макияж волосы здоровье питание спорт стиль и отношения. Практичные советы чек-листы подборки и вдохновляющие истории. Читайте онлайн и находите идеи на каждый день.
WilliamVit on 2026.01.13 at 8:14 said:

Онлайн-портал https://avian.org.ua для строительства и ремонта: от фундамента до отделки. Подбор материалов пошаговые гайды сравнение технологий советы мастеров и актуальные цены. Полезно для застройщиков подрядчиков и частных клиентов.
JeffreyHew on 2026.01.13 at 8:17 said:

Строительный портал https://ateku.org.ua о ремонте и строительстве: технологии материалы сметы проекты домов и квартир инструкции и советы экспертов. Обзоры калькуляторы нормы и примеры работ — всё для частного и коммерческого строительства.
RandomNameNiz on 2026.01.13 at 8:27 said:

Vixor Center – Smooth browsing experience, product listings clear, and finding items was simple.
RandomNameNiz on 2026.01.13 at 8:33 said:

Plivox World – Layout simple, pages load quickly and shopping experience seamless.
RandomNameNiz on 2026.01.13 at 8:39 said:

navix online store – Responsive pages, simple steps at checkout and no errors encountered.
RandomNameNiz on 2026.01.13 at 8:54 said:

ActionableIdeasPortal – Focused on providing practical approaches to everyday challenges efficiently.
RandomNameNiz on 2026.01.13 at 9:00 said:

Mivaro Hub – Layout professional, pages responsive and overall browsing is simple.
KevinNiz on 2026.01.13 at 9:17 said:

corporatebondsolutions – Suggests security and strategic focus, supporting dependable business alliances.
RandomNameNiz on 2026.01.13 at 9:29 said:

directionanchorsprogress site – Modern design, concise content, and everything loads without delay
RandomNameNiz on 2026.01.13 at 9:32 said:

main hub – Pages open quickly and the layout is simple to follow
RandomNameNiz on 2026.01.13 at 9:35 said:

EasyClickRixar – Pages loaded fast, layout organized, and content easy to understand.
RandomNameNiz on 2026.01.13 at 9:36 said:

international alliance portal – Implies access to broad-scale enterprise partnerships worldwide.
RandomNameNiz on 2026.01.13 at 9:56 said:

plexin source – Easy-to-read content, tidy layout, and navigation feels natural
RandomNameNiz on 2026.01.13 at 10:04 said:

online store – Ordered once and the experience was very satisfactory.
StevenFalry on 2026.01.13 at 11:02 said:

Строительный портал https://domtut.com.ua с практикой: проекты чертежи СНиП и ГОСТ инструменты ошибки и решения. Ремонт квартир строительство домов инженерные системы и благоустройство. Понятно по делу и с примерами.
JamesOxita on 2026.01.13 at 11:03 said:

Украинские новости https://polonina.com.ua онлайн: всё важное о стране регионах и мире — от экономики и инфраструктуры до культуры и спорта. Лента 24/7 материалы редакции комментарии экспертов фото и видео. Читайте сохраняйте и делитесь — быстро и удобно.
EddiePob on 2026.01.13 at 11:07 said:

Всё о строительстве https://hydromech.kiev.ua и ремонте в одном месте: материалы технологии дизайн инженерия и безопасность. Экспертные статьи инструкции калькуляторы и кейсы. Помогаем планировать работы и экономить бюджет без потери качества.
RandomNameNiz on 2026.01.13 at 11:19 said:

Zorivo Hub Click – Fast loading site, clear interface and navigation intuitive.
RandomNameNiz on 2026.01.13 at 11:21 said:

zylavostore online – Layout uncluttered, product details useful and visuals clean.
RandomNameNiz on 2026.01.13 at 11:31 said:

Velro Online Shop – Site loads quickly, product info easy to find and checkout straightforward.
pereplanirovka kvartir_oeEl on 2026.01.13 at 11:32 said:

перепланировка в москве pereplanirovka-kvartir4.ru .
RandomNameNiz on 2026.01.13 at 11:35 said:

Strategic Choice Center – Offers practical viewpoints that support smarter decision-making.
pereplanirovka kvartir_ppki on 2026.01.13 at 11:35 said:

услуги по перепланировке квартир pereplanirovka-kvartir3.ru .
RandomNameNiz on 2026.01.13 at 11:37 said:

EasyBond – Product info comprehensive, layout clean, and picking items was effortless.
RandomNameNiz on 2026.01.13 at 11:53 said:

Qulavo Flow Online – Links open correctly, pages load quickly and interface easy to use.
pereplanirovka kvartir_qmKi on 2026.01.13 at 11:59 said:

согласование перепланировок согласование перепланировок .
proekt pereplanirovki kvartiri_daEr on 2026.01.13 at 12:00 said:

проектная организация для перепланировки квартиры proekt-pereplanirovki-kvartiry20.ru .
RandomNameNiz on 2026.01.13 at 12:05 said:

Zylavo Zone – Navigation smooth, content organized well, and finding products was no trouble.
shkola onlain_jyMt on 2026.01.13 at 12:45 said:

ломоносов школа shkola-onlajn11.ru .
RandomNameNiz on 2026.01.13 at 12:46 said:

explore now – Fast-loading pages, organized sections, information is clear and easy to read
RandomNameNiz on 2026.01.13 at 12:47 said:

modern buying portal – Streamlined interface reflects today’s retail environment.
RandomNameNiz on 2026.01.13 at 12:52 said:

directionpowersmovement home – Layout is neat, navigation is intuitive, and content loads smoothly
shkola onlain_giPi on 2026.01.13 at 12:57 said:

школа онлайн дистанционное обучение школа онлайн дистанционное обучение .
shkola onlain_xeen on 2026.01.13 at 13:00 said:

лбс это shkola-onlajn14.ru .
vipryamitel dyson kypit_jren on 2026.01.13 at 13:02 said:

выпрямитель dyson corrale выпрямитель dyson corrale .
RandomNameNiz on 2026.01.13 at 13:06 said:

shopping site – Browsing on mobile felt easy, and categories were well organized.
seo keisi_rlmt on 2026.01.13 at 13:09 said:

закупка ссылок в гугл заказать услугу агентство seo-kejsy7.ru .
RandomNameNiz on 2026.01.13 at 13:10 said:

xavix access – Professional feel, easy-to-use interface, and smooth site experience
shkola onlain_ewMt on 2026.01.13 at 13:10 said:

школы дистанционного обучения школы дистанционного обучения .
shkola onlain_cpon on 2026.01.13 at 13:21 said:

онлайн обучение для детей онлайн обучение для детей .
RandomNameNiz on 2026.01.13 at 13:24 said:

tekvo web – Minimal clutter, structured content, and overall user-friendly experience
melbet ry_famt on 2026.01.13 at 13:30 said:

мелбет россия мелбет россия .
melbet ry_qoEa on 2026.01.13 at 13:42 said:

мелбет бк мелбет бк .

freestyle developments

JSIO URLs

2,382 thoughts on “JSIO URLs”

Leave a Reply Cancel reply