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

  1. After several visits I am now confident this site is one to follow seriously, and a stop at driftstonecollective reinforced that confidence, the gradual building of trust through repeated quality exposures is the only sustainable way to develop reader loyalty and this site is building that loyalty in me through patient consistent work consistently.

  2. Solid little post, the kind that does not need to be flashy because the substance is doing the work, and a look at reliableonlinebuys kept that quiet confidence going across the site, this is what writing looks like when the writer trusts the content to land on its own without theatrics or unnecessary attention seeking behaviour.

  4. Bookmark earned, share earned, return visit earned, all from one reading session, and a look at moveforwardtoday did the same, the trifecta of bookmark and share and return is rare in a single visit and represents the highest level of engagement I tend to offer any piece of online content these days here.

  8. Reading this prompted me to subscribe to my first newsletter in months, and a stop at growthlogicclick confirmed the subscribe was the right call, content that earns a newsletter signup is content that has cleared a higher trust bar than a casual visit and this site has clearly earned that level of commitment from me.

  13. Worth saying that the writing carries a particular kind of authority without making any explicit claims to it, and a stop at goldentideemporium extended that earned authority feeling, sites that demonstrate expertise through the quality of their explanations rather than by stating credentials are sites I trust most and this site has it.

  14. Now adding this to a short list of sites I would defend in a conversation about the modern web, and a look at fastbuyingoutlet 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.

  19. Following a few of the internal links revealed more posts of similar quality, and a stop at discoverbetterpaths added more to that growing pile, sites where internal links lead to more good content rather than to more of the same recycled material are sites with depth and this one has clearly built that depth carefully.

  20. Took a quick scan first and then went back to read properly because the post deserved it and a stop at wildhollowgoods kept me reading carefully too the kind of writing that earns a slower second pass rather than getting skimmed and forgotten is something I value highly when I happen to find it.

  21. Decided not to comment because the post said what needed saying, and a stop at dailyshoppingpoint continued that complete feel, content that does not invite obvious additions or corrections from readers is content that has been carefully considered and this site appears to consistently produce pieces that satisfy rather than provoke unnecessary follow ups.

  23. Now feeling the post has earned a proper recommendation rather than a casual mention, and a stop at flexibleshoppingmart reinforced the recommendation strength, the difference between mentioning and recommending is a small editorial distinction I observe in my own conversations and this site has earned the upgraded recommendation level from me confidently today.

  26. Now adjusting my expectations upward for the topic based on this post, and a stop at motionwithpurpose continued that bar raising effect, content that resets what I think is possible on a subject is doing real work in shaping my standards and this site is providing those bar raising experiences at a notable rate during sessions.

  28. Skimmed first and then went back to read carefully, and the careful read paid off in places I had missed, and a stop at bondvalue got the same treatment, the rare site whose content rewards a second pass is content I want more of in my regular rotation rather than disposable single read articles.

  29. Reading more of the archives is now on my plan for the weekend, and a stop at globalshoppingplace confirmed the archive worth the time, the rare archive worth a dedicated reading session rather than just casual sampling is the rare archive of serious work and this site has clearly produced enough of that work to warrant the deeper exploration.

  30. Now recognising that the post handled the topic with appropriate technical precision without becoming dry, and a stop at simplebuyingworld continued that balance, technical precision and readability are often in tension and this site has clearly figured out how to maintain both at once which is one of the harder editorial achievements in the form.

  31. Quietly enthusiastic about this site after the past few hours of reading, and a stop at learnandimprovefast extended that enthusiasm, the calibration of enthusiasm to evidence is something I try to maintain and this site has earned a calibrated quiet enthusiasm rather than the loud excitement that usually fades within a day or two of finding something.

  35. Really appreciate that the writer did not overstate the importance of the topic to make the post feel weightier, and a quick visit to learnandadvancehere 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.

  38. If I am being honest this is the kind of site I quietly hope my own work will someday resemble, and a stop at discoverbetterpaths extended that aspirational feeling, finding work that models what I want to produce is part of why I read carefully and this site has been performing that modelling function for me lately consistently.

  39. Skipped a meeting reminder to finish the post, and a stop at everydaybuyinghub 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.

  44. Honestly slowed down to read this carefully which is not my default, and a look at directionfirstnow kept me in that careful reading mode, the kind of writing that demands attention by being worth attention is rare in a media environment full of content engineered to be skimmed not read with any real focus today.

  45. Liked that there was nothing performative about the writing and a stop at velourvalley continued that genuine quality performative writing tries to be witnessed rather than read and the difference between performance and substance is huge for the careful reader and this site has clearly chosen substance every time clearly.

  46. Glad to have another reliable bookmark for this topic, and a look at actionpoweredpath suggested several more pages I will be marking too, building a personal library of trustworthy resources is one of the actual rewards of careful browsing and this site is earning a place on my permanent shortlist for the topic.

  49. Just want to recognise that someone clearly cared about how this turned out, and a look at easyshoppingplace confirmed that care extends across the broader site, you can feel the difference between content shipped to hit a deadline and content released because the writer was actually proud of the result for once.

  50. Came back to this twice now in the same week which is unusual for me, and a look at shopcurve suggested I will keep coming back, the kind of post that earns repeated visits rather than one and done reading is the gold standard for content quality and this site clearly hit that standard.

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>