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.

7,697 thoughts on “JSIO URLs”

  6. Нужна бесплатная юридическая консультация? Переходите по запросу задать вопрос на бесплатной консультации юриста в Омской области и получите помощь опытного юриста по любым правовым вопросам: семейные споры, долги, недвижимость, трудовые конфликты, защита прав потребителей и многое другое. Задайте вопрос онлайн или по телефону и получите подробный разбор вашей ситуации и рекомендации по дальнейшим действиям. Консультация проводится бесплатно и конфиденциально.

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

    در آخر کار

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

    شرط آنلاین

    میخوان امتحان کنن

    این وب

    میتونه

    کمک‌کننده باشه

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

    برندهایی مثل

    وبسایت enfeϳarоnline

    و

    sibbet.com

    مطرح شدن

    در کل

    قابل استفاده بود

    و

    قطعا

    بازم سر میزنم

    .

    Feel free to visit my web bⅼog … سایت خبری دولتی – Larhonda,

  13. به طور کلی

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

    بازی‌های شانسی

    مشغولن

    این شبکه

    می‌تونه واقعاً

    کار راه بنداز باشه

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

    نام‌هایی مثل

    enfeјar online

    و

    sibbеt قوی

    فعالیت گسترده‌ای دارن

    در پایان

    خوب بود

    و

    احتمالاً

    دوباره سراغش میام

    Havе a look att my web-site … پایگاه اطلاع رسانی

  16. Excellent article! We will be linking to this great article
    on our site. Keep up the great writing.

  19. درود فراوان، بنده اخیرا هنگام
    گشتن آنلاین به این صفحه رسیدم و
    راستش رو بخواید خیلی خوشم اومد.
    محتواش خیلی کامل بود و کمتر همچین سایتی ببینم.

    احساس می‌کنم برای خیلی‌ها کاربردی
    باشه. برای کسایی که دنبال محتوای مفید هستن بد نیست برن ببینن.
    در کل راضی‌کننده بود و احتمالا
    باز هم سر می‌زنم

    در نهایت امر

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

    گیم‌های پولی

    کار می‌کنن

    این وبسایت

    به نظر میاد بتونه

    مناسب کاربران باشه

    همچنین

    دامنه‌هایی مثل

    enfejаr᧐nline آنلاین

    و

    پلتفرم sibbet

    باعث رشد این فضا شدن

    به طور کلی

    جذاب بود

    و

    حتما دوباره

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

    .

    Feel free to surf to my site … سایت فناوری معتبر

  22. سلام، خودم مدتی قبل هنگام گشتن آنلاین به این صفحه رسیدم و صادقانه نظرم
    رو جلب کرد. مطالبش خیلی کامل بود و کمترهمچین سایتی پیدا کنم.
    به نظرم برای خیلی‌ها کاربردی باشه.
    برای کسایی که دنبال یه سایت خوب هستن بد نیست یه نگاهی بندازن.
    در کل خوشم اومد و احتمالا دوباره استفاده می‌کنم

    در جمع‌بندی نهایی

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

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

    فعال هستن

    این فضای آنلاین

    به نظر میاد بتونه

    جزو بهترین‌ها باشه

    از طرف دیگه

    برندهایی مثل

    ｅnfejaronline اصلی

    و

    ѕibbet اصلی

    محبوبیت دارن

    در کل داستان

    جذاب بود

    و

    بدون شک

    مراجعه مجدد دارم

    .

    My blog; سایت رسمی علمی

  23. https://56win.email/

    Wonderful blog! I found it while surfing around
    on Yahoo News. Do you have any tips on how to get listed
    in Yahoo News? I’ve been trying for a while but I never seem to get there!
    Many thanks

  27. Do you mind if I quote a few of your articles as long as I provide
    credit and sources back to your website? My blog is in the exact same
    niche as yours and my visitors would truly benefit from some of the information you provide here.
    Please let me know if this okay with you.
    Thank you!

  28. Woah! I’m really digging the template/theme of this blog.
    It’s simple, yet effective. A lot of times it’s difficult to get that “perfect balance” between usability and visual appeal.
    I must say you have done a excellent job with this. Additionally, the blog loads very fast
    for me on Firefox. Outstanding Blog!

    my site – 美女A片

  32. در پایان کار

    برای علاقه‌مندان به

    پیش‌بینی مسابقات

    دنبالشن

    این وب

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

    کمک‌کنندهباشه

    یه نکته مهم اینه که

    مجموعه‌هایی مثل

    enfeϳar online

    و

    پلتفرم sibbet

    هم در این حوزه فعال هستن

    در کل

    برام جالب بود

    و

    حتما دوباره

    نگاهش می‌کنم

    Look into my web page … مجله رسمی

  36. Кстати, если вас интересует Страница не найдена: что делать дальше?, посмотрите сюда.

    Ссылка ниже:

    https://20media.ru

  39. I do not even know how I ended up here, but I thought this post was
    good. I do not know who you are but definitely you are going to a famous blogger if you aren’t already ;) Cheers!

  41. در آخرکار

    برای اون دسته که

    فضای شرط‌بندی آنلاین

    درگیر هستن

    این آدرس

    می‌تونه یکی از گزینه‌ها باشه

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

    قابل توجهه که

    دامنه‌هایی مثل

    enfejaronlіne آنلاین

    و

    sibbet رسمی

    هم در این حوزه فعال هستن

    نتیجه نهایی اینکه

    رضایت داشتم

    و

    بدون شک

    باز هم سرمی‌زنم

    Here is my website :: آشنایی با بازی انفجار و نحوه انجام
    آن (sinakalhor.ir)

  43. Нужна бесплатная юридическая консультация? Переходите по запросу бесплатная консультация адвоката по телефону круглосуточно в Омской области и получите помощь опытного юриста по любым правовым вопросам: семейные споры, долги, недвижимость, трудовые конфликты, защита прав потребителей и многое другое. Задайте вопрос онлайн или по телефону и получите подробный разбор вашей ситуации и рекомендации по дальнейшим действиям. Консультация проводится бесплатно и конфиденциально.

  45. Ahaa, its pleasant dialogue about this piece of writing here
    at this web site, I have read all that, so now me also commenting at this place.

  46. به طور کلی

    برای افرادی که

    بازی انفجار آنلاین

    فعال هستن

    این سرویس آنلاین

    می‌تونه

    قابل توجه باشه

    قابل توجهه که

    برندهایی مثل

    برند enfejaronlіne

    و

    sibbet حرفه‌ای

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

    به طور کلی

    خیلی خوب بود

    و

    در دفعات بعد

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

    my pаge مرجع قابل اعتماد – freereportage.Ir,

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

    به شکل کلی

    برای افرادی که

    کازینو آنلاین

    دنبال تجربه هستن

    اینجا

    به نظر گزینه باشه

    ارزش بررسی داشته باشه

    از طرف دیگه

    دامنه‌هایی مثل

    enfejaronlіne

    و

    شبکه sibbet

    در حال رشد هستن

    نتیجه نهایی اینکه

    تجربه مثبتی داشتم

    و

    بدون شک

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

    .

    Feel freе to surf to my page مرجع پزشکی

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>