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

  1. Now realising the post has been quietly doing important work in my mind for the past hour, and a stop at moonharborvendorlounge extended that quiet processing, content that continues to do work after I close the tab is content with afterlife in the mind and this site is producing those long lived effects at a meaningful rate.

  2. Honest reaction is that I want to send this to a friend who would benefit from it, and a look at duneelfin added more material I will pass along too, the impulse to share is the strongest signal I have for content quality and this site is generating that impulse cleanly across multiple posts.

  5. Reading this in a relaxed evening setting was a small pleasure, and a stop at calicocameo extended the pleasant evening reading, content that fits the tone of relaxed time without becoming forgettable is what I look for in evening reading and this site has the right tone for that particular slot in my daily reading routine.

  7. A particular kind of restraint shows up in the writing, and a look at forwardthinkingpath maintained the same restraint across pages, knowing what not to say is just as important as knowing what to say and this site has clearly developed strong instincts on both sides of that editorial line throughout pieces I have read.

  8. If I were grading sites on this topic this one would receive high marks, and a stop at progressarchitecture continued earning those high marks, the informal grading I do mentally for content sources is something I take seriously even though it is informal and this site has been receiving consistent high marks across multiple sessions today.

  10. Closed three other tabs to focus on this one and never opened them again, and a stop at builddirectionfirst similarly held attention exclusively, content that crowds out other reading from working memory is content with real density and this site has demonstrated that density across multiple pages I have visited so far this morning.

  11. If patience for careful reading is rare these days finding sites that reward it is rarer still, and a stop at ivoryharborvendorparlor extended that rare reward, the diminishing returns on shallow content reading have made me more selective about where to spend reading time and this site is meeting the higher selectivity bar consistently.

  13. Closed the tab feeling I had spent the time well, and a stop at chimneycargo extended that feeling across more pages, the test of whether time on a site was well spent is one I apply silently after closing tabs and very few sites pass it but this one passed it cleanly today afternoon clearly.

  14. A piece that did not require external context to follow, and a look at actionblueprint maintained the same self contained quality, content that stands alone without forcing readers to chase prerequisites is more accessible and this site has clearly thought about how each piece can serve a fresh visitor rather than only existing members.

  15. Coming to this with low expectations and being pleasantly surprised by the substance, and a stop at dragonebony 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.

  16. Thank you for not assuming the reader already knows everything, the explanations meet me where I am, and a look at clarityoverconfusion did the same, that consideration is what makes a site feel welcoming rather than gatekeepy which is sadly the default mood across the modern web today for most subjects covered.

  17. Looking back on this reading session it stands as one of the better ones recently, and a look at bisonfudge extended that ranking, the informal ranking of reading sessions against each other is something I do mentally and this session ranks high largely because of this site and a couple of related pages here.

  18. Just sat back at the end of the post and felt grateful that someone took the time to write it, and a look at forwardignition extended that gratitude across more of the site, recognising effort behind quality work is part of what makes the open web a community rather than just a marketplace today.

  20. Bookmark added with a small mental note that this is a site to keep, and a look at strategymap reinforced the keep status, the verb keep rather than visit captures something about how I think about this kind of site and it is a higher tier of relationship than I have with most places online today.

  21. Learned something from this without having to dig through layers of fluff, and a stop at momentumcoordination added a bit more context that helped tie things together for me, definitely a useful corner of the internet for anyone who wants real information without the usual marketing nonsense around it that often ruins similar pages.

  22. Honestly this was a good read, no jargon and no padding, and a short look at intentionalvector kept that same feel going which I really appreciated, the writer clearly knows the topic well enough to explain it without hiding behind big words or filler that often gets used to seem clever.

  23. Felt the post had been quietly polished rather than aggressively styled, and a look at longload confirmed the same understated polish, sites whose quality reveals itself slowly rather than announcing itself loudly are the kind I trust more deeply because the trust is not based on first impressions of marketing but actual substance.

  24. Decided I would read the archives over the weekend, and a stop at momentumfocused 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.

  26. Felt the writer was being honest with the reader which is rare enough that I want to acknowledge it and a look at growthsynthesis continued that honest feel content built on actual knowledge rather than aggregated summaries is something I value highly and rarely come across in regular searches on the open internet these days.

  27. Reading this gave me a small framework I expect to use going forward, and a stop at juniperharbormarkethall extended that framework, content that produces transferable mental models rather than just specific facts is content with multiplicative value and this site is providing those models at a rate that justifies extra attention from me regularly.

  28. Honest take is that I will probably forget most of what I read online today but this post is one I will remember, and a stop at forwardpathway kept that same memorable quality going, certain writing leaves a residue in the mind in a way most content simply does not manage.

  29. More original than the recycled takes I keep finding on the topic elsewhere, and a quick look at momentumthroughdirection confirmed it, the kind of site that has its own voice rather than echoing whatever is trending which makes it stand out as a refreshing change from the usual rotation of generic content I see daily.

  30. Refreshing tone compared to the dry corporate posts on similar topics, and a stop at eagleelder carried that personality through nicely, you can tell when a real person is behind the writing versus a content team chasing metrics and this site definitely falls into the former category clearly across what I have seen.

  31. Now setting this aside as a model of how to write thoughtfully on the topic, and a stop at claritydrivengrowth extended that model status, content that becomes a reference for how a kind of writing should be done is content with influence beyond its own readership and this site is reaching that level for me clearly today.

  32. Took a quick scan first and then went back to read properly because the post deserved it, and a stop at aviaryelder 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.

  33. Started reading expecting to disagree and ended mostly nodding along, and a look at claritysystems continued the pattern, content that wins agreement through evidence and reasoning rather than rhetorical force is the kind that actually shifts minds and this site clearly knows how to do that across what I have read so far.

  34. Worth recognising the specific care that went into how this post ended, and a look at lemonlarkvendorparlor 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.

  35. After several visits I am now confident this site is one to follow seriously, and a stop at snowharborcommercegallery 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.

  36. Probably going to mention this site in a write up I am working on later this month, and a stop at nextstepnavigator provided more material for that potential mention, content worth referencing in my own published work rather than just personal reading is content with the highest endorsement level and this site has earned that endorsement.

  38. A piece that handled multiple complications without becoming confused, and a look at calicocopper continued that organisational clarity, holding multiple threads in a single piece without losing any of them is a sign of skilled writing and this site has clearly developed the editorial discipline to manage complexity without sacrificing readability throughout.

  40. Generally I find the content on similar topics frustrating in specific ways and this post avoided all of them, and a look at bisonholly continued that frustration free experience, content that sidesteps the standard failure modes of its genre is content with editorial awareness and this site has clearly studied what fails elsewhere consistently.

  41. Bookmarking this for later, the kind of resource I want to keep nearby, and a quick look at momentumworks confirmed the rest of the site is worth the same treatment, definitely going into my reference folder for the next time the topic comes up at work or in conversation with someone who asks.

  43. Bookmark added without hesitation after finishing, and a look at lotusnorth confirmed I should bookmark the homepage too rather than just this page, the rare site that earns category level trust rather than just single article approval is the kind I want to rely on across many different topics over time.

  44. Bookmark earned and shared the link with one specific person who would care, and a look at clarityguidesaction got the same targeted share, sharing carefully rather than broadcasting is a discipline I try to maintain and this site is generating shares from me at a sustainable rate rather than the spam rate of viral content.

  46. Now noticing that the post never raised its voice even when making a strong point, and a look at ideamotion continued that calm volume, content that can make important points without resorting to typographic emphasis or emotional appeal is content that trusts its substance to do the work and this site has that confidence consistently.

  48. Honestly informative, the writer covers the ground without showing off, and a look at findyourcorepurpose reflected the same humility, content that respects the reader rather than trying to dazzle them is something I always appreciate and rarely come across in this corner of the internet today across the topics I usually read.

  49. Now thinking about how to apply some of this to a project I have been planning, and a look at citrinefjord added more material for the planning, content that connects to my actual creative work rather than just being interesting in the abstract is the kind that earns priority placement in my reading rotation consistently going forward.

  50. However measured this site clears the bar I set for sites I take seriously, and a stop at berryharborvendorroom 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.

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>