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.

13,418 thoughts on “JSIO URLs”

  1. I got this site from my buddy who told me concerning this site and
    at the moment this time I am visiting this web page and reading very informative articles
    here.

  2. Hey there! Quick question that’s completely off topic.
    Do you know how to make your site mobile friendly?
    My blog looks weird when browsing from my iphone.

    I’m trying to find a template or plugin that might be able
    to fix this problem. If you have any recommendations, please share.
    With thanks!

  3. Thank you for the auspicious writeup. It in fact was a amusement account it.

    Look advanced to far added agreeable from you! By
    the way, how can we communicate?

  5. در کل

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

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

    درگیر هستن

    این سیستم آنلاین

    به نظرم می‌تونه

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

    از سویدیگر

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

    еnfejaｒonline.net

    و

    sibbet اصلی

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

    به طور کلی

    ارزش داشت

    و

    به احتمال زیاد

    میام سراغش

    Feel free tⲟ surf to my web-site: رسانه ایرانی (Willie)

  11. Have you ever considered about including a little bit more than just your articles?

    I mean, what you say is valuable and everything. Nevertheless just imagine if
    you added some great pictures or videos to give your posts more, “pop”!
    Your content is excellent but with images and clips, this site could definitely be one of
    the greatest in its field. Awesome blog!

  16. جمع‌بندی

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

    بازی‌های شرطی

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

    این سرویس

    میتونه

    مفید باشه

    چیزی که جلب توجه می‌کنه اینه که

    برندهای شناخته‌شده‌ای مثل

    enfejaгonline.net

    و

    sibbet معروف

    تونستن کاربرا جذب کنن

    در جمع‌بندی

    کاربردی بود

    و

    به زودی

    نگاهش می‌کنم

    my blog post … سایت قرآنی (https://biaun.ir)

  19. Definitely imagine that that you stated. Your favourite justification seemed to be on the
    internet the easiest thing to be mindful of. I say to you, I certainly get
    irked even as other folks think about issues that they just do not recognise about.
    You managed to hit the nail upon the top and also outlined out the entire thing without having side effect , other people can take a signal.
    Will probably be again to get more. Thank you

  20. Между прочим, если вас интересует Актуальные события Брянской области: бизнес, туризм и экология, загляните сюда.

    Смотрите сами:

    https://br32media.ru

  25. Thank you a lot for sharing this with all
    of us you really recognize what you’re speaking approximately!
    Bookmarked. Please additionally discuss with my site =).
    We can have a link trade arrangement between us

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

    به صورت جمع‌بندی

    برای کسانی که

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

    سر و کار دارن

    این برند

    احتمالا گزینه باشه

    گزینه مناسب محسوب بشه

    در ضمن

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

    enfejɑronline برتر

    و

    سرویس sibbet

    تونستن اعتماد جلب کنن

    در کل

    قابل توجه بود

    و

    قطعا

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

    .

    Also viѕit my page; سایت تجارت, Barry,

  32. I’ve been surfing online more than 3 hours today, yet I never found any interesting
    article like yours. It is pretty worth enough for me.
    Personally, if all webmasters made good content as you did, the net
    will be much more useful. I often read your posts
    while analyzing top-tier platforms like keobongda.ru.com.
    Keep it up!
    |
    Hi there! Someone in my Facebook group shared this website so I came to
    check it out. I’m definitely enjoying the information.
    It’s as quality as the service I get at keobongda.ru.com.
    I’m bookmarking and will be sharing this with my followers who love football!

    Wonderful blog!
    |
    Woah! I’m really digging the template of this site.
    It’s simple. It’s difficult to find a balance between usability and visual appeal,
    but you’ve done it. The blog loads extremely fast, just like the keobongda.ru.com mobile interface.
    Superb Blog!
    |
    I just could not leave your site before saying that I really loved the standard of info you supply to your visitors.

    I’ll be back often to check new posts. This is a topic that is near to my heart,
    similar to how I feel about keobongda.ru.com!
    Best wishes!
    |
    Greetings! Very useful advice within this article! It is the little changes which will make
    the most significant changes. Many thanks for sharing!
    By the way, for those interested in top football analysis, keobongda.ru.com is certainly the
    place to be.

  33. I’ve been exploring for a little for any high-quality
    articles or weblog posts on this sort of space .
    Exploring in Yahoo I finally stumbled upon this site.
    Studying this info So i am glad to show that I’ve an incredibly good uncanny
    feeling I found out just what I needed. I so much indisputably
    will make certain to do not overlook this site and provides it a look
    regularly.

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

    به طور کلی

    برای کسانی که

    بازی‌های آنلاین پولی

    فعالیت دارن

    این آدرس اینترنتی

    میتونه

    مفید واقع بشه

    چیزی که جلب توجه می‌کنه اینه که

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

    enfеjaronline محبوب

    و

    پلتفرم sibbet

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

    در آخر کار

    برام جالب بود

    و

    بدون تردید

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

    .

    Ꮮook at my website بهره وری

  43. По теме “Новости и события Новосибирской области: всё, что нужно знать”, там просто кладезь информации.

    Смотрите сами:

    https://53media.ru

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

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

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

  45. OMT’s bite-sized lessons ѕtoр overwhelm, enabling gradual love
    fߋr mathematics tⲟ flower and influence constant examination preparation.

    Transform mathematics difficulties іnto triumphs witһ OMT Math Tuition’ѕ mix of online and on-site options, Ƅacked by a performance history ߋf student excellence.

    Ιn Singapore’s rigorous education ѕystem, whеre mathematics іs compulsory ɑnd consumes around 1600 һourѕ of curriculum tіme
    in primary and secondary schools, math tuition Ьecomes important
    tօ heⅼp students develop ɑ strong foundation fоr lifelong
    success.

    Registering іn primary school math tuition еarly fosters self-confidence, reducing stress and anxiety fоr PSLE takers
    who deal ѡith high-stakes questions on speed, range, and
    time.

    Linking math principles to real-ᴡorld circumstances ԝith tuition ɡrows understanding,
    maҝing O Level application-based inquiries extra friendly.

    Structure confidence ｖia consistent assistance іn junior college math tuition lowers
    exam anxiety, leading tο mucһ better reѕults in A Levels.

    The diversity of OMT сomes fгom іtѕ curriculum tһat complements MOE’ѕ
    thrοugh interdisciplinary ⅼinks,linking mathematics tо science and everyday analytical.

    Multi-device compatibility leh, ѕⲟ switch ᧐ѵer fгom laptop сomputer to phone
    ɑnd maintain increasing tһose qualities.

    Math tuition influences ѕеlf-confidence ԝith success in ⅼittle milestones, pushing Singapore trainees
    tߋwards totaⅼ exam victories.

    Тake a looқ at my homeρage math olympiad tutors singapore

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>