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,840 thoughts on “JSIO Performance Results”

  1. Worth a slow read rather than the fast scan I usually default to, and a look at growthpilothub earned the same slower pace from me, content that resets my reading speed downward is content with substance worth absorbing and this site has produced that effect on me multiple times now over the last week here.

  2. Good post, the kind that respects the reader by getting to the point quickly without skipping the details that matter, and a short look at digitalclicks confirmed that approach is consistent across the site which is rare to find online these days, definitely a place I will return to soon.

  4. Now setting aside time on my next free afternoon to read more from the archives, and a stop at momentumdesign confirmed that time will be well spent, the rare site whose archive deserves a dedicated reading session rather than just casual sampling is the kind of resource worth scheduling around and this one qualifies clearly.

  6. A piece that was confident enough to leave some questions open rather than forcing closure and a look at progressengine continued that intellectual honesty content that admits the limits of its scope is more trustworthy than content that pretends to total understanding and this site has the right calibration on certainty consistently.

  7. Thanks for the moderate length, neither so short it skips substance nor so long it bloats, and a stop at growthnavigationpath hit the same balance, the right length is one of the hardest things to calibrate in blog writing and I appreciate when a team has clearly thought about it rather than defaulting.

  8. Thanks for the moderate length, neither so short it skips substance nor so long it bloats, and a stop at growthwithoutfriction hit the same balance, the right length is one of the hardest things to calibrate in blog writing and I appreciate when a team has clearly thought about it rather than defaulting.

  10. Thanks for keeping the writing direct without losing the warmth that makes content feel human, and a stop at velvettress carried both qualities forward, balancing professionalism and personality is a rare skill and the writers here have clearly figured out how to consistently land it across many posts which I notice.

  11. Skipped the TLDR thinking I would read everything anyway, and ended up enjoying the path through the full post, and a stop at vibrantstage similarly rewarded the patient read, summaries are useful but the journey through good writing is part of what makes the destination feel earned rather than just delivered cleanly.

  12. Excellent post, balanced and well organised without showing off, and a stop at urbanmarket continued in that same vein, this site has clearly figured out the formula for content that works for readers rather than for search engine ranking signals which is harder than it sounds today and worth real recognition from anyone.

  13. Worth recognising that the post did not pretend to be the final word on the topic, and a stop at actionclaritylab 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.

  14. Now appreciating the way the post avoided the temptation to be longer than necessary, and a look at claritybeforevelocity continued that lean approach, content with the discipline to stop when finished rather than padding for length is content that respects both itself and its readers and this site has that disciplined editorial culture clearly throughout.

  15. Reading this in a moment of low energy still kept my attention, and a stop at intentionalvelocity 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.

  16. Pass this along to colleagues if the topic comes up, the framing here is sensible, and a stop at urbanriders adds more useful angles to share, the kind of content that improves conversations rather than just feeding them is what makes a resource genuinely valuable in professional contexts going forward over time and across project boundaries too.

  17. Clean writing, easy to read, and never tries too hard to impress, that combination is harder to find than people think, and after my time on forwardthinkingcore I am sure this site treats its readers well, no flashy tricks just useful content done right which is honestly all I want online.

  18. Probably one of the more reliable sources I have found for this kind of careful coverage, and a look at actionfeedsprogress reinforced the reliability, the small group of sources I would describe as reliable for a given topic is curated carefully and this site has earned a place in that small group through consistent performance.

  19. Came across this and immediately thought of a friend who would enjoy it, and a stop at glowharbor also reminded me of someone, content that triggers the urge to share is content that has earned my recommendation and this site has earned multiple from me already across different conversations during the week.

  20. Well structured and easy to read, that combination is rarer than people think, and a stop at motovoyager confirmed the same standard runs across the rest of the site, definitely the kind of place I will be coming back to when this topic comes up in conversation later again over the weeks ahead.

  21. The post made the topic feel approachable without making it feel trivial, that is a fine balance, and a stop at winterhaven maintained the same balance, finding the middle ground between welcoming and serious is genuinely difficult and the writers here have clearly figured out how to consistently hit it well across many different posts.

  23. Reading this fit naturally into my afternoon walk because I was reading on my phone, and a stop at expertvoyager continued well in that walking format, content that survives mobile reading without becoming awkward is content with format flexibility and this site has clearly thought about how it reads across different devices today.

  24. Working through this site has been a small antidote to the shallow content that fills most of my reading time, and a stop at growththroughmotion extended that antidote function, sites that quietly improve the average quality of my reading by being themselves are sites worth supporting through return visits and recommendations consistently.

  25. Stands out for actually being useful instead of just being long, and a look at ideasneedmotion kept that going, length without value is the default mode of most blogs these days but this site has clearly chosen a different path which I respect a lot as a reader who values careful editing decisions like that.

  26. Honestly impressed by how much useful content sits in such a small post, and a stop at rapidcourier confirmed the rest of the site packs a similar punch, density without confusion is a hard balance to strike and this site has clearly cracked the code on it across many different topic areas covered.

  27. Now sitting with the thoughts the post triggered rather than rushing on to the next thing, and a stop at progresswithclarity extended that reflective pause, content that earns time for thought after closing the tab is content of higher value than the merely interesting and this site has clearly produced that lasting effect today.

  28. Now noticing the careful balance the post struck between confidence and humility and a stop at actioncreatestraction maintained the same balance finding the line between asserting and admitting is hard and this site has clearly developed the calibration to walk that line consistently which produces a more persuasive reading experience for me.

  29. If the topic interests you at all this is a place to spend time, and a look at clarityshift reinforced that recommendation, the broader question of where to invest topical reading time is one this site answers convincingly through the consistent quality across multiple pieces I have sampled during the current reading session today.

  30. Reading this triggered a small but real correction in something I had assumed, and a stop at progressengineon extended that corrective effect, content that updates my beliefs through evidence rather than rhetoric is content with intellectual integrity and this site has earned that label consistently across the pieces I have read so far today.

  31. Thanks for sharing this with the open internet rather than locking it behind a paywall like so many sites do now, and a stop at intentionalvelocity kept the same vibe going, generous helpful and clearly written by someone who actually wants people to learn from it rather than just charge them.

  32. The examples really helped me grasp the points faster than abstract descriptions would have, and a stop at focusacceleration added a few more practical illustrations that drove the message home, the kind of writing that knows its readers learn better through concrete situations rather than vague generalities is rare and worth recognising clearly.

  33. Liked the careful selection of which details to include and which to skip, and a stop at signalcreatesmovement reflected the same editorial judgement, knowing what to leave out is just as important as knowing what to include and this site has clearly figured out where that line sits for the topics it covers regularly.

  34. Approaching this with the usual skepticism I bring to new sites and being slowly persuaded, and a stop at momentumworkflow continued that gradual persuasion, the careful path from skeptical reader to genuine fan is the only one I trust and this site has walked me along that path through patient consistent quality across pieces.

  35. Adding this site to my regular reading list, the post earned that on its own, and a quick stop at festiveglow sealed the decision, the kind of place worth checking back with from time to time because it consistently produces material that holds up against a critical reading too which I really value.

  36. Comfortable read, finished it without realising how much time had passed, and a look at artistneedle pulled me into more pages the same way, the absence of friction in good content lets time disappear and that is one of the highest compliments I can pay any piece of writing I find online during a regular search session.

  37. During my morning reading slot this fit perfectly into the routine, and a look at radiantderma extended that perfect fit into the rest of the routine, content that matches the rhythm of how I actually read rather than demanding accommodation from my schedule is content well calibrated to its likely audience and this site has it.

  38. Now adding this to a list of sites I want to see flourish, and a stop at stellarchoice reinforced that wish, the few sites I actively root for are sites that produce the kind of work I want more of in the world and this one has joined that small list based on what I have read so far.

  41. You actually make it seem really easy together with your presentation however I find this matter to be really something that I believe I would by no means understand. It kind of feels too complicated and extremely vast for me. I am taking a look forward to your next publish, I?ll attempt to get the cling of it!

  42. A piece that exhibited the kind of patience that good writing requires, and a look at clarityturnsideas continued that patient quality, hurried writing is easy to spot and this site reads as having been written without time pressure which produces a different feel than the rushed content that dominates much of the modern blog space.

  43. Really appreciate the absence of stock photos that have nothing to do with the content, and a quick visit to mysticvoyage 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.

  45. The structure of the post made it easy to follow without losing track of where I was, and a look at primepropertygo kept the same logical flow going, this site clearly understands that organisation is half the battle in keeping readers engaged from the first line to the last across any kind of post.

  46. Worth recommending broadly to anyone who reads on the topic, and a look at facthorizon only confirms that, the rare combination of accessibility and depth in this site makes it suitable for both newcomers and people who already know the area which is hard to pull off in any blog format today and rarely managed.

  47. Worth recognising the specific care that went into how this post ended, and a look at growthfindsclarity maintained the same careful conclusions, endings are where most blog content falls apart and this site has clearly invested in the closing stretches of its pieces rather than letting them simply trail off when energy fades.

  48. Reading this site over the past week has changed how I evaluate content in this space, and a look at progresswithcontrol extended that recalibration, the standards I bring to reading on the topic have shifted upward as a direct result of regular exposure to this kind of work and that shift will outlast any single reading session.

  49. Worth flagging that this approach to the topic is fresh without being contrarian, and a stop at ideaprogression extended the same fresh angle, finding original perspective on familiar subjects is rare and this site has clearly developed its own way of seeing rather than echoing the dominant takes from elsewhere consistently.

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>