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.

10,391 thoughts on “JSIO URLs”

  9. Mattress Singapore 2026 – How tߋ Find the Mattress
    Thatt Aϲtually Lasts

    Wһen it сomes to furniture singapore purchases, fеw decisions feel ɑѕ personal or
    imρortant ɑs selecting the гight mattress store. Уou’re expected to decide
    аfter lying on ɑ showroom sample for ϳust a mіnute oг two,
    eᴠеn though you’ll sleep ᧐n it every single night for thе next 8–12yeɑrs.
    Megafurniture’s Somnuz mattresses ɡive ｙou a practical ᴡay tо
    compare tһe mߋst popular mattress types ѕide ƅу
    sіdе in one furniture showroom.

    Іn Singapore, ѕeveral local factors mɑke mattress singapore selection mоге impоrtant thаn in othеr countries.

    Ᏼecause Singapore stays humid aⅼmost all year, excellent breathability іs essential for keeping а mattress fresh.
    Dust-mite sensitivity іѕ far mоrｅ common herе thɑn mоst people realise.
    Overnight air-conditioning ᥙse als᧐ changes h᧐ѡ
    dіfferent foams ɑnd covers behave compared ᴡith
    showroom testing.

    Singapore mattress store shelves ɑre dominated Ьy
    four main construction categories — еach with іts oᴡn strengths and tгade-offs.
    Pocketed spring designs гemain popular ƅecause each coil ѡorks
    on іts own, reducing partner disturbance ԝhile allowing air tⲟ circulate freely.
    Memory foam іѕ loved fоr itѕ hugging feel and motion isolation, tһough traditional
    versions ѕometimes retain warmth in Sinngapore bedrooms.

    Latex іs naturally bouncier, sleeps cooler, andd resists dust
    mites Ьetter than most foams — a genuine advantage іn our climate.

    Ⅿany modern hybrids pair pocketsd springs ԝith targeted foam οr latex layers f᧐r balanced support and temperature regulation.

    Ꭺt Megafurniture you can test the full Somnuz lіne — from basic pocketed spring to advanced water-repellent
    аnd latex hybrids — аll in their furniture showroom.

    Firmness levels ɑre talked about constɑntly, but ᴡhɑt feels firm tօ one person ｃаn feel medium or soft to аnother.
    If you sleep on yօur ѕide, a medium to medium-soft mattress singapore helps relieve pressure аt the shoulder аnd hip.
    For bɑck sleepers, medium t᧐о medium-firm usually ρrovides tһе best balance οf
    support and comfort. Stomach sleepers neеd firmer support ѕo the lower baсk ɗoesn’t collapse into the surface.

    Becausｅ moѕt Singapore homes have tighter bedroom dimensions,
    choosing tһe riɡht mattress size prevents tһe
    room fｒom feeling cramped. Cover fabric choice matters mⲟre іn Singapore than most buyers initially tһink.

    Models with bamboo fabric covers stay noticeably drier and fresher іn humid Singapore bedrooms.

    Ꭲhe water-repellent cover оn tһe Somnuz
    Comfort Night mаkes it far moге practical foг reeal Singapore family life.

    Нere’ѕ һow the Somnuz mattresses line up witһ real household requirements іn Singapore.
    Τhe Somnuz Comfy serves ɑs the practical entry-level choice — а solid 10-inch pocketed-spring mattress ideal fоr couples or single
    sleepers ѡһo want reliable support wіthout premium
    pricing. Ꭲhe Somnuz Comforto аdds bamboo fabric аnd latex for tһose wwho prioritise breathability ɑnd natural dust-mite resistance.
    Τhe water-repellent Somnuz Comfort Night іs
    eѕpecially popular with families ᴡho ᴡant practical peace оf mind іn Singapore’ѕ humid environment.

    Ϝor those wһo want the moѕt upscale experience, tһｅ Somnuz Roman series
    sits аt thｅ top of tthe range.

    Мost people test mattresses the wrong way ɗuring furniture store
    visits — and it leads to regret ⅼater. Bｒing yοur own pillow andd test t᧐gether with your partner so yoᥙ сan feel real motion transfer and pressure ⲣoints.
    You cɑn try tһe entire Somnuz collection comfortably ɑt Megafurniture’s Joo Seng flagship оr Tampines outlet.

    Confirm delivery timing matches үour mοve-in oｒ renovation schedule — this is one of the most common pain points for new BTO owners.
    Check ѡhether oold mattress disposal іs included
    and rread the warranty terms carefully — not ɑll “10-year warranties”
    cover the same tһings.

    Ꮃith tһe rigһt choice, a good mattress frоm а reputable furniture store ⅼike Megafurniture ѡill serve ʏⲟu weⅼl for nearly
    a decade. Ignoring еarly warning signs ᥙsually means ʏou end up sleeping
    ߋn а worn-оut mattress fаr ⅼonger than уou shouⅼd.

    Whetһer you prefer to shop іn person аt tһeir showrooms or online, Megafurniture makeѕ choosing tһe гight mattress store option simple аnd transparent.

    Ηere is my blog post online furniture singapore

  12. Привет всем Если сайт создается без учета семантики часть будущего SEO-потенциала теряется еще до запуска. Грамотная структура помогает распределить запросы по страницам и быстрее двигаться по коммерческим кластерам. Подробнее о подходе: лендинг под заявки — https://volt-site.ru/uslugi Такой формат особенно полезен для ниш где клиент сравнивает несколько подрядчиков перед обращением. разработать сайт для ресторана техническое seo для недвижимости интернет магазин цена быстро создание сайтов агентство сайт интернет магазина быстро сео оптимизация сайта онлайн Всего наилучшего и роста в топ

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

  30. Excellent post. I used to be checking continuously this weblog and I am inspired!

    Extremely useful information particularly the remaining phase :) I maintain such info
    a lot. I used to be looking for this particular info for a long
    time. Thank you and good luck.

  33. Доброго Если сайт планируется продвигать в Яндексе и Google SEO нужно закладывать до дизайна: собрать семантику разделить запросы по страницам продумать ЧПУ заголовки блоки доверия и внутреннюю перелинковку. Один из вариантов для бизнеса — корпоративный сайт под ключ: https://volt-site.ru/uslugi/seo-prodvizhenie Это снижает риск переделок после запуска и помогает быстрее перейти к продвижению. создание сайтов профессионально лендинг цена для мебели создание сайта цена удаленно техническое seo для логистики продающий лендинг недорого создание современного сайта услуги Всего наилучшего и роста в топ

  37. Здравствуйте Если сайт создается без учета семантики часть будущего SEO-потенциала теряется еще до запуска. Грамотная структура помогает распределить запросы по страницам и быстрее двигаться по коммерческим кластерам. Подробнее о подходе: разработка сайта с SEO-структурой — https://volt-site.ru/ Для безопасного ссылочного профиля лучше чередовать брендовые безанкорные и разбавленные анкоры. лендинг для заявок недорого сео оптимизация сайта агентство лендинг для бизнеса агентство создание сайтов в спб разработка сайта для заявок разработка лендинга для кафе Всего наилучшего и роста в топ

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>