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:

13,124 thoughts on “JSIO Performance Results”

  2. Took something from this I did not expect to find, and a stop at directionalmap added another unexpected useful piece, content that exceeds expectations rather than just meeting them is the kind that builds enthusiasm and earns repeat visits without any explicit ask from the writer or platform behind the work being read.

  4. Skipped the related links section thinking I had read enough and then came back to it later when curiosity got the better of me, and a stop at focusprogression confirmed I should have just read it first, every section of this site appears to deserve careful attention rather than skipping past lazily.

  5. Reading this gave me material for a conversation I needed to have anyway, and a stop at mooncovevendorhall added even more talking points, content that connects to upcoming social or professional needs rather than just being interesting in the abstract is the kind that earns priority placement in my attention these days routinely.

  8. Now appreciating that the post did not require me to agree with the writer to find it valuable, and a look at ideasneedstructure maintained the same useful regardless of agreement quality, content that informs even when it does not convince is content with broader utility and this site reads as useful even when I disagree.

  9. Felt the writer respected the topic without being precious about it, and a look at progressactivator continued that respectful but unfussy treatment, finding the right register for serious topics is hard and this site has clearly figured out how to take the topic seriously while still being readable for casual visitors regularly.

  10. Now understanding why someone recommended this site to me a while back, and a stop at rainharborcommercegallery explained the recommendation, sometimes recommendations make sense only after experience and this site has finally clicked into place as the kind of resource I now understand was being recommended for sound editorial reasons by my friend.

  11. Reading this prompted me to send the link to two different people for two different reasons, and a stop at growtharchitect provided ammunition for a third share, content that suits multiple audiences without being generic enough to be useless to any of them is genuinely valuable and this site has that multi audience quality clearly.

  13. Liked the careful selection of which details to include and which to skip, and a stop at claritytrack 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.

  14. The best of the best: נערות סוכנות ליווי

  15. Strong recommendation, anyone interested in this topic owes themselves a visit, and a stop at forwardmotiondaily extends that recommendation across more of the site, this is the kind of resource that makes me more optimistic about the state of the open web than I usually am these days actually for once which is genuinely refreshing.

  16. Started imagining how I would explain the topic to someone else after reading, and a look at gladeridgemarketparlor gave me more material for that imagined explanation, content that improves my own ability to discuss a topic is content that has actually transferred knowledge rather than just decorating my screen for a few minutes.

  17. Worth flagging that the writing rewarded a second read more than I expected, and a look at directionalthinking produced the same second read benefit, content with hidden depths that emerge only on careful rereading is rare in the modern blog space and this site has clearly invested in that level of compositional density throughout.

  20. Now feeling the rare pleasure of trusting a source completely on first encounter, and a look at frostrivercommercegallery extended that initial trust into something more durable, the calibration of trust to evidence is something I do informally and this site has earned high trust through the cumulative weight of multiple consistently good posts already.

  21. Thanks for the readable length, I finished it without checking how much was left, and a stop at directionalprocess kept me reading the same way, when I stop noticing the length of a piece because the content is engaging enough to sustain attention without willpower the writer has done their job well today.

  22. Picked this post to share in a Slack channel where I knew it would be appreciated, and a look at focusbuildsmomentum 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.

  24. My time on this site has now extended past what I had budgeted, and a stop at focusengineering keeps extending it further, content that overstays its budget in my schedule is content that has earned the extra time and this site has been earning extra time across multiple visits to the point where my schedule needs adjustment.

  25. Picked this for a morning recommendation in our company chat, and a look at dunebuckle suggested I will mention this site again later, recommending content into a workplace context is a small editorial act that requires confidence in the recommendation and this site is making me confident in those recommendations consistently here too.

  26. Well done, the kind of post that makes you slow down and actually read instead of skimming for keywords, and a look at calicobanyan kept me reading carefully too, that is a sign of writing that has been crafted rather than churned out for an algorithm to see today and tomorrow.

  27. Skipped the related products section because there was none, and a stop at forwardexecutionpath also lacked any aggressive monetisation, content that is not constantly trying to convert me into a customer or subscriber is content that has confidence in its own value and that confidence shows up as a different reading experience.

  28. Thanks for treating the topic with the seriousness it deserves without becoming pompous about it, and a stop at claritymotionlab continued that balanced treatment, the gap between earnest and self serious is huge and writers who can stay on the right side of it earn my respect when I find them online today.

  29. Now considering carefully how to share this site with the right audience rather than broadcasting widely, and a look at chaletcobra extended that careful sharing impulse, content worth sharing carefully rather than spamming is content that has earned a higher kind of recommendation and this site has earned that careful shareability throughout pieces.

  30. Cuts through the usual marketing fluff that dominates this topic online, and a stop at dingoholly kept the same clean approach going, this is the kind of writing that respects the reader’s time rather than wasting it on repetitive setups before finally getting to the point at hand which is what most sites do.

  31. Closed the laptop after this and let the ideas settle for a few hours, and a stop at progressgrid 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.

  32. Liked the way the post balanced confidence and humility, and a stop at fernharborvendorlounge maintained the same balance, knowing when to assert and when to acknowledge uncertainty is a sign of mature thinking and the writers here have clearly developed that calibration through what I assume is years of careful work on their craft.

  33. Solid endorsement from me, the writing earns it, and a look at growthwithstrategy continues to earn it across the broader site too, the kind of operation that maintains quality across many pages rather than just one viral post is a sign of serious commitment and that is what I see here clearly across what I read.

  35. Worth flagging this site to a few specific friends who would appreciate the editorial sensibility, and a look at strategyhub added more pages I will mention to them, recommending sites to specific people requires understanding both the site and the person and this site is making those personalised recommendations easy and natural for me.

  36. Found a couple of useful angles in here I had not considered before reading carefully, and a quick stop at explorebetterthinking added more, this is one of those sites where the value compounds the more you read rather than peaking at one viral post and then offering nothing else of substance afterwards which is common.

  37. Reading this back to back with a similar piece elsewhere made the quality difference obvious, and a stop at harborstonevendorhall only widened the gap, comparing content side by side is a useful exercise and the gap between this site and average competitors in the space is large enough to be noticeable from the first paragraph.

  39. Reading this back to back with a similar piece elsewhere made the quality difference obvious, and a stop at growthdirection only widened the gap, comparing content side by side is a useful exercise and the gap between this site and average competitors in the space is large enough to be noticeable from the first paragraph.

  40. Really appreciate that the writer did not overstate the importance of the topic to make the post feel weightier, and a quick visit to progressneedsclarity maintained the same modest framing, content that is honest about its own scope rather than inflating itself is the kind I trust and return to repeatedly over time.

  41. Skipped a meeting reminder to finish the post, and a stop at visiontrigger held me past another reminder, when content beats meetings the writer is doing something extraordinary because meetings have institutional support behind them and yet good writing can still occasionally win that competition for attention which I find heartening today.

  42. My friends would appreciate a few of these posts and I will be sending links accordingly, and a look at bisonbatik added more pages to my share queue, content that earns shares to specific people in specific contexts is content with social utility and this site is generating those targeted shares from me consistently lately.

  43. Worth recommending broadly to anyone who reads on the topic, and a look at aviarybuckle 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.

  44. Reading this with my morning coffee turned into reading the related posts with my morning coffee, and a stop at longledge stretched the morning further, content that pulls breakfast into a reading session rather than just accompanying it is content that has earned a higher claim on my attention than the average article does.

  46. Came here from another site and ended up exploring much further than I planned, and a look at berrycovemarkethouse only encouraged more exploration, the kind of place where one click leads to another not through manipulative design but through genuinely interesting content is rare and worth highlighting when found like this somewhere on the open internet.

  47. 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 rubyorchardmerchantgallery confirmed that approach is consistent across the site which is rare to find online these days, definitely a place I will return to soon.

  48. Adding this site to my regular reading list, the post earned that on its own, and a quick stop at ideamapper 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.

  49. Now sitting back and recognising that this was a small but real win in my reading day, and a stop at momentumthroughdirection extended that quiet win, the cumulative effect of small reading wins versus the cumulative effect of small reading losses is real over time and this site is contributing to the wins side of that ledger.

  50. Reading this as part of my evening winding down routine fit perfectly, and a stop at intentionalforwardsteps extended the wind down nicely, content that calms rather than agitates is what I want at the end of the day and this site provides that calming reading experience reliably which is increasingly rare across the modern web.

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>