JSIO Performance Results

Posted on by

Below are two graphs plotting the number of images on a page against the total KB transferred by Chrome 13 for both a page with JSIO and without JSIO (which I, for some reason have called a “plain” page).

I build websites for a living, so I have a lot of folders of images from various websites lying around which form the two data sets for the graphs. I’d like to think of them as a typical set of website images, but you may argue that they are typical for the websites that I build.

I knocked up a script that when given a folder of images, will output a “plain” HTML page, a JSIO HTML page and a JSIO resources file with the following numbers of images on them: 2, 4, 6, 8, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 200, 300, 400, 500, 600, 700, 800, 900, 1000 and 1100. Before generating any of the pages, the order of the images were randomised to better represent a web page’s inclusion of different images for different purposes.

Chrome 13 was used with the developer toolbar to determine how many requests were being made and the actual KB transferred (with slight rounding errors) by the browser. In my opinion I would say that Apache was set up to serve image and javascript content typical of many servers on the internet in that images were not gzipped but javascript files were; the register, bbc, for example.

What is interesting to note is that the number of bytes transferred by JSIO are consistently lower than the bytes transferred by a plain HTML page…but not by a lot. The file size inflation due to base64 encoding seems to cancel out a lot of bytes the gained from making fewer requests. However, it is obvious that JSIO won’t actually lose you any bytes, but it isn’t going to save you a substantial amount. That said, saving bytes isn’t the only benefit of JSIO, remember that one of JSIO’s goals is also to alleviate some of the problems surrounding the creation and use of image sprites – which it does also do very well.

The graph below is just for fun, it plots the number of requests made by JSIO pages against the number of requests made by plain HTML pages. Note the JSIO pages make a constant 4 requests (index.html, jsio.js, jsio-resources.js and jsio.gif) independent of how many images are on the page:

21,208 thoughts on “JSIO Performance Results”

  1. A handful of memorable phrases from this one I will probably use later, and a look at Relevant-Gaming added a couple more, content that contributes language to my own communication rather than just facts is content with a different kind of utility and this site is providing that linguistic utility consistently across what I read.

  2. Picked up two new ideas that I expect will come up in conversations this week, and a look at Pier45AtTheport added another, content that arms me with talking points rather than just filling time is the kind that provides ongoing value beyond the moment of reading and this site is generating that kind of ongoing value.

  3. Really appreciate the absence of stock photos that have nothing to do with the content, and a quick visit to TheMacAllenBuilding maintained the same restraint, visual filler is a tell that the writing cannot stand on its own and the lack of it here suggests the team has confidence in their content quality alone.

  4. Came away with a small but real shift in perspective on the topic, and a stop at goldmetalshop pushed that shift a bit further, the kind of subtle reframing that good writing does to a reader without making a big deal of it is something I always appreciate when it happens which is sadly not that often.

  5. Thanks for not padding this with the usual filler intros and outros that every other blog seems to require, and a quick visit to southbyfreenoms continued that lean approach across more posts, content stripped of waste is content that respects you and I will always come back to that kind of approach.

  6. Time spent here today felt productive in the way that good reading sessions sometimes do, and a stop at korivotrustco extended that productive feeling across the rest of the morning, the difference between productive reading and merely passing time is real and this site is consistently on the productive side for me lately.

  7. Really like the way the post resists reaching for cliches that would have made it feel generic, and a quick visit to regina4congress kept that fresh feel going, original phrasing and unexpected metaphors are signs that the writer is actually thinking rather than just stitching together familiar phrases into the appearance of content.

  8. Reading this confirmed that my time researching the topic in other places had not been wasted, and a stop at madeleinemtbc extended the confirmation, when independent sources agree that is a useful signal and this site is one of the more reliable sources I have found for cross checking what I read elsewhere on similar subjects.

  9. After reading several posts back to back the consistent voice across them is impressive, and a stop at PeaceLandWorld continued that voice consistency, sites that maintain a single coherent voice across many pieces by potentially many writers represent serious editorial discipline and this one has clearly developed the institutional consistency needed for that.

  10. Felt like the writer was speaking directly to someone with my level of curiosity, neither talking down nor showing off, and a stop at nycbhm kept that comfortable matching going, finding writing that meets you where you are rather than asking you to climb up or stoop down feels great every time it happens.

  12. Genuinely useful read the points are practical and easy to apply right away and a quick look at 28darlingstreet confirmed that this site is consistent in that approach looking forward to digging through the rest of it when I get the chance to sit down properly later in the week or this weekend.

  13. Picked up several practical tips that I plan to try out this week, and a look at georgetowndowntownmasterplan added a few more I will be testing alongside, content with practical hooks that connect to my actual life is the kind that earns my repeat attention rather than the merely interesting that I forget within a day.

  14. Reading this gave me a small framework I expect to use going forward, and a stop at newlywedstour extended that framework, content that produces transferable mental models rather than just specific facts is content with multiplicative value and this site is providing those models at a rate that justifies extra attention from me regularly.

  18. seriöse sportwetten anbieter

    Check out my website; basketball over under wetten – Una,

  19. Bookmark earned and the bookmark feels like a permanent addition rather than a maybe, and a look at mandalynnswim confirmed that permanent status, the difference between durable bookmarks and ephemeral ones is something I have learned to feel quickly and this site triggered the durable feeling almost immediately during my first read here.

  20. A small thing but the line spacing and font choices made reading this physically pleasant, and a look at nixaropact maintained the same careful design, technical choices about typography are part of what makes online reading actually comfortable and this site has clearly invested in the design layer alongside the content layer carefully.

  21. Will be back, that is the simplest way to say it, and a quick visit to spiritoftheaerodrome reinforced the decision, this site has earned a spot in my regular rotation alongside a few other reliable places I check when I want something genuinely informative without all the usual modern web noise getting in the way.

  25. Picked this post to share in a Slack channel where I knew it would be appreciated, and a look at 4countiesrecovery suggested I will share more from here later, content worth sharing into a professional context is content that has earned a higher kind of trust than mere personal interest and this site has it.

  26. Refreshing change from the usual sites covering this topic, no clickbait and no padding, and a stop at trustedonlineshoppingcenter confirmed the difference, this place clearly has its own voice rather than copying the formulas everyone else uses to chase clicks online which is becoming increasingly rare these days across nearly every popular subject.

  27. Now appreciating that the post did not try to imitate any other style I might recognise, and a stop at korivocapital continued that distinct voice, content with its own register rather than borrowed from elsewhere is content with real authorial presence and this site has clearly developed that presence through what feels like patient editorial work.

  28. Worth recognising that the post did not pretend to be the final word on the topic, and a stop at theberserkeriscoming continued that humility, content that admits its own scope and limits is more trustworthy than content that overreaches and this site has clearly developed the editorial maturity to know what it can and cannot claim well.

  30. Quietly the writers approach to the topic differs from the dominant takes I have been encountering, and a stop at opensky-inc extended that distinctive approach, content that maintains a different perspective without explicitly arguing against the dominant ones is content with confident editorial identity and this site has that confidence throughout pieces.

  31. Different in a good way from the cookie cutter content that fills most blogs covering this area, and a stop at electamandamurphy kept showing me why, original thoughtful writing exists if you know where to look and this site has earned a place on my short list of those rare exceptions worth defending.

  32. Closed three other tabs to focus on this one and never opened them again, and a stop at toddstarnesbooktour similarly held attention exclusively, content that crowds out other reading from working memory is content with real density and this site has demonstrated that density across multiple pages I have visited so far this morning.

  34. Just sat back at the end of the post and felt grateful that someone took the time to write it, and a look at quvexatrustgroup extended that gratitude across more of the site, recognising effort behind quality work is part of what makes the open web a community rather than just a marketplace today.

  36. Looking through other posts here the consistency is what makes the site valuable rather than any single piece, and a stop at emeryflowers extended that consistency observation, sites whose value lies in the ongoing pattern rather than in standout posts are sites I trust more deeply and this one has clearly built that kind of trust.

  37. Coming back tomorrow when I can give this a proper read, the post deserves better attention than I can give right now, and a look at licsupport suggests there is plenty more here that deserves the same treatment, definitely a site I will be exploring properly over the next few days when I can.

  39. Better signal to noise ratio than most places I check on this kind of topic, and a look at ygavexaudition2024 kept that going, every paragraph here carries something worth reading rather than padding out the page to hit some arbitrary length target that search engines reward but readers ignore as soon as they notice it.

  42. Reading this in a moment of low energy still kept my attention, and a stop at mdcantaffordjealous continued that engagement under suboptimal conditions, content that survives the reader being tired is content with extra reserves of pull and this site has the kind of writing that holds up even when I am not at my reading best.

  43. Really appreciate the lack of pop ups, modals, cookie banners stacking on top of each other, and a quick visit to tabitoshigoto confirmed the same clean approach across the rest of the site, technical decisions about user experience are part of what makes content actually pleasant to engage with for sure.

  45. Closed the laptop after this and let the ideas settle for a few hours, and a stop at saveshelterpets similarly rewarded reflective time, content that benefits from sitting with rather than racing past is the kind I want more of and the kind that this site appears to consistently produce week after week here.

  46. Worth saying that the prose reads naturally without straining for style, and a stop at PapaMasque maintained the same unforced quality, writing that achieves elegance without effort is the highest tier and this site has clearly worked out how to land that effortless quality consistently rather than only on the writers best days.

  47. Thank you for being clear and direct, that simple approach saves so much frustration on the reader’s end, and a stop at knightstablefoodpantry only made me more sure of it, the rest of the content seems to follow the same pattern which is a great sign of consistent editorial care behind the scenes.

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>