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

  1. Glad I gave this a chance rather than scrolling past, and a stop at progressbuilder confirmed I made the right call, sometimes the best content is hidden behind unassuming headlines that do not scream for attention and learning to slow down and check those out has paid off many times now across years of reading.

  2. Worth saying that the quiet confidence of the writing is what landed first, and a look at trustbridgegroup continued that quiet quality, confident writing without the loud display of confidence is a rare combination and this site has clearly developed both the knowledge and the editorial restraint to land that combination consistently.

  4. During a reading session that included several other sources this one stood out, and a look at growthalign continued the standout quality, the side by side comparison of sources during research is a useful exercise and this site has been winning those comparisons for me consistently across multiple research sessions during the last week.

  5. Worth your time, that is the simplest endorsement I can give, and a stop at actiondirection extends that endorsement across the rest of the site, this is one of those increasingly rare places that delivers on what it promises rather than over selling the content and under delivering on substance every time which I find frustrating elsewhere.

  9. Useful enough to recommend to several people I know who would appreciate it, and a stop at directionsetsmomentum added more material I will pass along too, the kind of writing that earns word of mouth is the kind that actually delivers on its promises which is what this site does without any drama or fanfare attached.

  11. My reading list is short and selective and this site is now on it, and a stop at progresswithintentionnow confirmed the placement, the short list of sites I read deliberately rather than encounter accidentally is something I curate carefully and adding to it is a real act of trust which this site has earned today.

  12. Will be passing this along to a few people who would benefit from the perspective shared here, and a stop at forwardpathenergized only added to what I will be sharing, this kind of generous content deserves to circulate widely rather than getting buried in some search engine algorithm tweak that pushes it down the rankings.

  13. However measured this site clears the bar I set for sites I take seriously, and a stop at capitalbondcollective continued clearing that bar, the metrics I use for site quality are admittedly informal but they are consistent and this site has cleared them on multiple measurements across multiple visits which is meaningful for my evaluation.

  14. Came here from another site and ended up exploring much further than I planned, and a look at dailyvibe 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.

  15. Well done, the kind of post that makes you slow down and actually read instead of skimming for keywords, and a look at highmarkbond 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.

  17. Useful enough to recommend to several people I know who would appreciate it, and a stop at bondedvalue added more material I will pass along too, the kind of writing that earns word of mouth is the kind that actually delivers on its promises which is what this site does without any drama or fanfare attached.

  18. Now adding this to a short list of sites I would defend in a conversation about the modern web, and a look at growthmoveswithclarity reinforced that defence list, the few sites that serve as evidence the web can still produce good things are precious and this one has clearly joined that small list of exemplary sites.

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

  22. Strong recommendation from me, anyone curious about the topic should make time for this, and a look at trustedbondinggroup only sharpens that recommendation further, the kind of resource that holds up against careful scrutiny rather than crumbling at the first critical question is rare and worth pointing other people toward when the topic comes up.

  23. Found this really helpful, the explanations are simple but they actually answer the questions a normal reader would have, and after I followed designhub I had a clearer sense of the topic, no extra fluff just useful points laid out in a sensible order that made the time worth it.

  24. A small thank you note from me to the team behind this work, the post earned it, and a stop at actionbuildsflow suggested more thanks would be in order over time, recognising the people who do good writing online is something I try to remember to do because the alternative is silence and silence rewards mediocrity unfortunately.

  25. Picked up a couple of new ideas here that I can actually try out, and after my visit to visionexecution I have even more notes saved, this is the kind of resource that pays you back for the time you spend on it which is rare to come across in this corner of the web.

  26. Reading this on the train into work was a better use of the commute than my usual choices, and a stop at loungeload extended that commute reading well, content that improves transit time rather than just filling it is content with practical benefit and this site has earned its place in my morning commute reading rotation.

  27. Reading carefully here has reminded me what reading carefully feels like, and a look at signalclarifiesgrowth extended that reminder, the experience of careful reading versus skimming is different in ways I had partially forgotten and this site has clearly refreshed my memory of what attention feels like when content rewards it consistently.

  28. Reading the writers other posts after this one suggests the quality is consistent rather than peak, and a stop at capitalbondline confirmed the consistent quality reading, sites that hold the same level across many pieces rather than peaking on a few are sites with sustainable editorial discipline and this one has clearly developed that.

  31. Thanks for the readable length, I finished it without checking how much was left, and a stop at unitybondpath 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.

  33. If the topic interests you at all this is a place to spend time, and a look at executeprogress 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.

  35. Solid stuff, the kind of post that I will probably refer back to later this month when the topic comes up again, and a look at valorbond only confirmed I should bookmark the site as a whole rather than just this single page for future reference and use across coming weeks.

  36. Now realising the topic deserved better treatment than it has been getting elsewhere, and a look at unitydrivenbond extended that broader recognition, content that exposes the gap between actual quality and average quality elsewhere is doing the quiet work of raising standards and this site is contributing to that elevation in its own corner.

  37. Useful enough to recommend to several people I know who would appreciate it, and a stop at trustcontinuum added more material I will pass along too, the kind of writing that earns word of mouth is the kind that actually delivers on its promises which is what this site does without any drama or fanfare attached.

  38. Reading this felt easy in the best way, no friction and no confusion at any point, and a stop at actiondriven carried that same comfort across more pages, the kind of editorial flow that lets you absorb information without fighting the format which is increasingly hard to find on the open web today across topics.

  39. Better signal to noise ratio than most places I check on this kind of topic, and a look at growthmovesbydesign 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.

  41. Reading this gave me the rare experience of fully agreeing with all the conclusions, and a stop at strategylogic continued that agreement pattern, content that aligns with my existing views without seeming designed to do so is just content that happens to be reasonable and this site reads as reasonable rather than ideological mostly.

  43. I learned more from this short post than from longer articles I read earlier today, and a stop at directionpath added even more useful detail without going off topic, this site clearly knows how to keep things focused without sacrificing depth which is a hard balance to strike for any writer.

  44. If you scroll past this site without looking carefully you will miss something, and a stop at rankboost extended that mild warning, the surface of the site does not advertise its quality loudly which means careful attention is required to recognise what is being offered here which is itself a kind of editorial signal.

  45. Thanks for the readable length, I finished it without checking how much was left, and a stop at bondedunitynet 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.

  46. During the time spent here I noticed the absence of the usual distractions, and a stop at greenfieldbond extended that distraction free experience, content that does not fight my attention with pop ups and modals and aggressive prompts is content that respects me and this site has clearly chosen the respectful approach throughout.

  47. Really nice to see things explained without overcomplicating the topic, the words flow naturally and stay easy to follow, and a short visit to unitytrustline only added to that experience because the same simple approach is used across the rest of the page too without any change in tone.

  48. Now sitting with the thoughts the post triggered rather than rushing on to the next thing, and a stop at visionfocus 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.

  49. Solid stuff, the kind of post that I will probably refer back to later this month when the topic comes up again, and a look at clarityopensprogress only confirmed I should bookmark the site as a whole rather than just this single page for future reference and use across coming weeks.

  50. Found this really helpful, the explanations are simple but they actually answer the questions a normal reader would have, and after I followed capitalunityworks I had a clearer sense of the topic, no extra fluff just useful points laid out in a sensible order that made the time worth it.

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>