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.

8,436 thoughts on “JSIO URLs”

  1. Для тех, кто ищет информацию по теме “Современные вызовы и перспективы Армении”, нашел много полезного.

    Вот, делюсь ссылкой:

    https://janarmenian.ru

  7. Ребята, статья для тех, кто хочет не просто «выжить», а закрепиться на рынке. Автор объясняет, почему в условиях жёсткой конкуренции SEO становится не опцией, а необходимостью. Особенно ценно, что есть раздел про интеграцию SEO с другими каналами: контент-маркетинг, SMM, продажи. Комплексный подход — единственный путь к устойчивому успеху. Почитайте: https://olivadance.ru/2026/05/seo-kak-fundament-biznesa-pochemu-igra-v-dolguju-edinstvennaja-strategija-dlja-vyzhivanija/

  8. به شکل کلی

    برای کسایی که دنبال

    بازی‌های جایزه‌دار

    هستن

    این شبکه

    می‌تونه مناسب باشه

    گزینه ارزشمندی باشه

    قابل توجهه که

    وبسایت‌هایی مثل

    enfejaronlineشناخته شده

    و

    دامنه sibbet

    در بین کاربران شناخته شدن

    در پایان

    خیلی خوب بود

    و

    دوباره

    دوباره استفاده می‌کنم

    My blog рost :: آموزشکاربردی; bonyadtabari.ir,

  19. Thank you for the good writeup. It in fact was a amusement account it.
    Look advanced to far added agreeable from you! However, how could we communicate?

  21. Бесплатная консультация перед внедрением — разобрались в задачах предложили оптимальное решение под наш бюджет. Не навязывали лишнего всё по делу и без воды. 1С складской учёт Белгород

  27. درود، خودم اخیرا در حال جستجو در اینترنت به این سایت پیداش کردم و راستش رو بخواید تحت
    تاثیر قرار گرفتم. اطلاعاتش کاربردی بود و خیلی کم پیش میاد همچین
    منبعی پیدا کنم. فکر کنم برای کاربرای
    زیادی ارزش دیدن داره. اگر به دنبال
    یه سایت خوب هستن پیشنهاد
    می‌کنم حتما یه نگاهی بندازن. در مجموع خوشم اومد
    و قطعا باز هم سر می‌زنم

    به شکل کلی

    برای افرادی که قصد دارن

    بازی‌های کازینویی

    میخوان شروع کنن

    این سرویس

    میتونه

    مفیدواقع بشه

    نکته قابل توجه اینه که

    پلتفرم‌هایی مثل

    دامنه enfeϳaronline

    و

    sibbet آنلاین

    در این فضا تاثیرگذار هستن

    در پایان کار

    تجربه خوبی بود

    و

    به احتمال قوی

    مراجعه می‌کنم

    .

    Feell free to viѕkt my web site … معرفی یک سایت محبوب برای بازی انفجار آنلاین

  28. I know this if off topic but I’m looking into starting my own weblog
    and was curious what all is required to get setup?
    I’m assuming having a blog like yours would cost a pretty penny?
    I’m not very internet smart so I’m not 100% certain. Any tips or advice would be
    greatly appreciated. Thank you

  32. جمع‌بندی

    برای دوست‌داران

    پلتفرم‌های شرطی

    پیگیر هستن

    این وب

    خیلی راحت می‌تونه

    کاربردی دربیاد

    جالبه که

    وبسایت‌هایی مثل

    enfejaronline.net

    و

    ѕibbet.com

    در بین کاربران شناخته شدن

    در نهایت

    قابل قبول بود

    و

    در آینده

    میام دوباره

    my page … وب سایت رسمی

  35. Коллеги, статья о «невидимом маркетинге» — SEO, который работает в фоновом режиме, но приносит основные результаты. Автор разбирает, почему SEO важнее контекстной рекламы в долгосрочной перспективе, и приводит аргументы в пользу системного подхода. Есть блок про аналитику и измерение эффективности. Полезно для собственников бизнеса: https://shinastop.ru/stati/seo-kak-fundament-biznesa-pochemu-nevidimyj-marketing-vazhnee-chem-kazhetsja/

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>