JSIO Performance Results

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

  1. Skipped breakfast still reading this and finished hungry but satisfied, and a stop at growthalignment kept me past breakfast time, content that displaces basic biological needs is content with serious attentional pull and the writers here are clearly capable of producing that level of engagement which is genuinely impressive these days.

  2. Reading this with a fresh mind in the morning brought out details I might have missed in the afternoon, and a stop at clovercrestmarkethouse earned the same fresh attention, content that rewards being read at full attention rather than at energy lows is content with real density and this site has that density consistently.

  3. A piece that built up gradually rather than front loading its main points, and a look at domelounge maintained the same gradual structure, content that trusts the reader to reach conclusions through accumulating reasoning is more persuasive than content that announces conclusions and then defends them and this site uses the persuasive approach.

  4. Loved the writing voice here, friendly without being fake and confident without being arrogant, and a stop at caramelharborcommercegallery carried the same tone forward, the kind of personality that makes a reader feel welcome rather than lectured at which is a balance plenty of writers struggle to find no matter how long they have been at it.

  5. Found the use of subheadings really helpful for scanning back through the post later, and a stop at clarityfirstalways kept that reader friendly approach going, navigation is something many blog writers ignore but small structural choices make a noticeable difference for someone returning to find a specific point again days or weeks later.

  6. Solid little post, the kind that does not need to be flashy because the substance is doing the work, and a look at actiondesign 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.

  7. Now appreciating the small but real way this post improved my afternoon, and a stop at actionoveranalysis extended that small improvement effect, content that produces measurable positive impact on the texture of a reading day is content with real value and this site is producing those small positive impacts at a sustainable rate apparently.

  8. Useful enough to recommend to several people I know who would appreciate it, and a stop at actioncreatesclarity 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.

  9. Reading this in pieces during a long afternoon and finding it consistently rewarding, and a stop at clarityspark fit naturally into the same fragmented reading pattern, sites whose posts can be read in segments without losing the thread are well suited to how I actually read these days and this one is built well.

  10. Coming to this with low expectations and being pleasantly surprised by the substance, and a stop at ideaprocessing continued exceeding expectations, the recalibration of expectations upward across multiple positive readings is one of the actual rewards of careful browsing and this site is providing that recalibration at a steady rate apparently.

  11. My usual pattern is to skim and bounce but this site has reset that pattern temporarily, and a stop at ideaacceleration maintained the slower reading mode, content that changes how I read is content with structural influence and this site has clearly nudged my reading behaviour toward something better at least for the duration of these visits.

  12. Took my time with this rather than rushing because the writing rewards attention, and after visionalignment I had even more to absorb, the kind of content that pays back the patient reader rather than punishing them with empty filler is something I look for and rarely find in regular searches lately.

  13. Decided this was the kind of site I would defend in a discussion about good blog content, and a stop at actionmatrix reinforced that, very few sites earn active defence rather than passive consumption and this one has clearly crossed that threshold for me without needing any explicit pitch from the writers themselves either.

  14. Just one of those reads that left me feeling slightly more capable rather than overwhelmed, and a look at forwarddesign kept that empowering feel going, the difference between content that builds the reader up and content that intimidates them is huge and this site clearly knows which side of that line to stand.

  15. Appreciate the thoughtful approach, the writer clearly took time to make this readable for someone who is not already an expert, and a look at learnandadvanceintentionally kept that going nicely, easy on the eyes and easy on the brain which is always a winning combination when reading on a busy day.

  16. Honest assessment after reading this twice is that it holds up under careful attention, and a look at royaldealzone extended that durability across more pages, content that survives a second read without revealing weak spots is rarer than the average reader probably realises and this site clearly cleared that bar.

  17. Came away with a small but real shift in perspective on the topic, and a stop at shopcoremarket 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.

  18. Reading this in the gap between work projects was a small but meaningful break, and a stop at opendealsmarket extended that gentle reset, content that provides genuine refreshment rather than just distraction during work breaks is content with a particular kind of utility and this site fits that role for me reliably during work days.

  19. Felt like the post had been edited rather than just drafted and published, and a stop at driftwillowmarketroom suggested the same care across the site, the difference between edited and unedited content is enormous for the reader and this site has clearly invested in the editing pass that most blogs skip entirely which really does show up.

  20. Decided I would read the archives over the weekend, and a stop at actionwithpurpose confirmed that the archives would be worth the time, very few sites have archives I would actively read through but this one has earned that level of interest based on the consistent quality across what I have sampled so far.

  21. Now planning a longer reading session for the archives, and a stop at growthacceleration confirmed the archives are worth that longer commitment, sites with archives I want to read deliberately rather than just sample are rare and this one has clearly earned that level of interest based on the consistency of what I have already read.

  22. Started smiling at one paragraph because the writing was just nice, and a look at progresspathfinder produced a couple more such moments, prose that produces small spontaneous reactions in the reader is doing more than just transferring information and the writers here are clearly hitting that level fairly consistently throughout pieces.

  23. Approaching this with the usual skepticism I bring to new sites and being slowly persuaded, and a stop at clarityovernoise 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.

  24. A satisfying piece in the way that good meals are satisfying rather than just filling, and a look at buildpurposefullynow extended that satisfaction, the metaphor between content and meals is one I find useful and this site reads as a satisfying meal rather than the empty calories that most content provides for casual readers.

  25. Such writing is increasingly rare and worth supporting through attention and a stop at momentumflowlab extended that supportive attention across more pages the conscious choice to spend time on sites that produce careful work rather than convenient consumption is itself a small form of patronage and this site is receiving that conscious patronage from me.

  26. Reading this with a fresh mind in the morning brought out details I might have missed in the afternoon, and a stop at momentumvector earned the same fresh attention, content that rewards being read at full attention rather than at energy lows is content with real density and this site has that density consistently.

  27. Honestly impressed, did not expect to find this level of care on the topic, and a stop at forwardprogression cemented the impression, you can tell within the first few paragraphs whether a site is going to be worth the time and this one delivered on that early promise nicely throughout the rest of what I read.

  28. Worth marking the moment when reading this clicked into something useful for my own work, and a look at ideasrequireaction extended that practical click, content that connects to my actual life rather than just being interesting is content with the highest kind of value and this site is generating that connection at a high rate.

  29. The conclusions felt earned rather than tacked on at the end like an afterthought, and a look at domemarina kept that careful structure going, you can tell when a writer has thought about the shape of their post versus just letting it ramble out and hoping for the best at the end which most do.

  30. Speaking honestly this is among the better discoveries of my recent browsing, and a stop at directioncrafting reinforced that discovery quality, the ranking of recent discoveries is informal but meaningful and this site has placed near the top of that ranking based on the consistency of quality across what I have already read carefully.

  31. Worth marking the moment when reading this clicked into something useful for my own work, and a look at growthvector extended that practical click, content that connects to my actual life rather than just being interesting is content with the highest kind of value and this site is generating that connection at a high rate.

  32. Worth flagging that this approach to the topic is fresh without being contrarian, and a stop at startpurposefulgrowthpath 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.

  33. Worth pointing out the careful word choice in this post, no buzzwords and no jargon, and a look at coastharbormerchantgallery continued that disciplined vocabulary, sites that resist the pull of trendy language are sites that will read well in five years and this one is clearly built for that kind of long durability.

  34. Glad I stumbled across this post, the explanations actually make sense without needing background knowledge to follow along, and after a stop at momentumarchitecture the same was true there, no assumptions about the reader just clear writing that anyone can understand from the first line right through to the end.

  35. Will recommend this to a couple of friends who have been asking about this exact topic, and after coppercovemarkethouse I have even more reason to do so, the kind of site that earns word of mouth rather than chasing it through aggressive marketing or paid placements is always a treat to find online.

  36. Liked the way the post balanced confidence and humility, and a stop at discoverhiddenpaths 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.

  37. Glad to find something on this topic that does not start with three paragraphs of throat clearing before getting to the point, and a stop at growthnavigationhub also dives right in, respect for the readers time shows up in small editorial choices like this and they add up to a real difference quickly.

  38. Reading this back to back with a similar piece elsewhere made the quality difference obvious, and a stop at claritynavigation 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 in the gap between work projects was a small but meaningful break, and a stop at trustedshoppinghub extended that gentle reset, content that provides genuine refreshment rather than just distraction during work breaks is content with a particular kind of utility and this site fits that role for me reliably during work days.

  40. Just nice to read something that does not feel like it was assembled from a content brief, and a stop at claritybeforegrowth kept that handcrafted feel going, you can tell when a real human with real understanding is behind the words versus a templated piece churned out for an algorithm to find.

  41. Got pulled in by the headline and stayed because the content actually delivered on the promise, and a stop at actiondirection kept that trust intact, when a site lives up to its own framing it earns the right to keep showing up in my browser tabs going forward indefinitely from here on out really.

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>