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:

22,095 thoughts on “JSIO Performance Results”

  1. Decided to read more before commenting and the more I read the more I wanted to say something, and a stop at frostbrookvendorfoundry pushed that impulse further, when content provokes the urge to participate rather than just consume it is doing something quite specific and worth recognising clearly when it happens during reading.

  2. Liked everything about the experience, from the opening through to the closing notes, and a stop at gunlex extended that into more pages, finding a site where the editorial vision shows through every choice rather than feeling random is an increasingly rare experience and one I am glad to have today during this particular reading session.

  4. Reading this between meetings turned out to be the most useful thing I did all afternoon, and a stop at opalriverartisanexchange kept that productivity feeling going, content can sometimes outperform actual work in terms of what gets accomplished mentally and this site managed that today which is genuinely a high bar to clear consistently.

  6. Will be coming back to this for sure, too much good content to absorb in one sitting, and a stop at izoblade only added more pages I want to dig through, this site is going onto my regular rotation list because it consistently delivers something worth the visit lately rather than empty filler.

  7. Skipped the comments section but might come back to read it, and a stop at huskgenie hinted at a quality reader community, sites where the comments are worth reading separately from the post are increasingly rare and signal a particular kind of audience that has grown around the editorial vision over time gradually.

  8. Reading this prompted a brief but useful conversation with a colleague who happened to walk by, and a stop at heliokindle extended that conversational seed, content that becomes a starting point for in person discussion rather than ending in solitary reading is content with social generative energy and this site has plenty of it apparently.

  10. A quiet kind of confidence runs through the writing and a look at serifsorbet carried that same understated assurance confidence without bragging is the most attractive register for online writing and the writers here have clearly developed it through practice rather than affecting it through stylistic tricks that would feel hollow eventually.

  11. Working through this site has been a small antidote to the shallow content that fills most of my reading time, and a stop at jamkix extended that antidote function, sites that quietly improve the average quality of my reading by being themselves are sites worth supporting through return visits and recommendations consistently.

  12. Now thinking about whether the writer might publish a longer form work I would buy, and a look at vyxarc suggested the same depth would translate, content that makes me want to pay for related work in other formats is content that has earned commercial trust as well as attention trust and this site has both clearly.

  17. Genuinely glad I clicked through to read this rather than skipping past, and a stop at nightorchardmerchantgallery confirmed I should keep clicking through to more pages here, the kind of resource that justifies its place in my browser history rather than feeling like wasted time which is the highest compliment I offer any site online today.

  18. Just want to say thank you for putting this together, posts like these make searching online actually worth it sometimes, and a quick look at reliableshoppinghub kept that going, useful and easy to read without any of the tricks that ruin most blog comment sections lately on the wider open web.

  19. More substantial than most of what I find searching for this topic online, and a stop at veilshrine kept that quality consistent, this is one of those sites where the writing actually rewards careful reading rather than punishing the patient reader with empty filler stretched out across long paragraphs that say very little.

  20. Reading this with my morning coffee turned into reading the related posts with my morning coffee, and a stop at floraridgevendoratelier 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.

  22. The tone stayed consistent across the whole post which is harder than it looks for longer pieces, and a look at lavenderharbormerchantgallery continued the same voice, this kind of editorial consistency is a sign of either a single careful writer or a tightly run team and either is impressive today across the broader media environment.

  23. 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 opalmeadowcommercegallery kept that same memorable quality going, certain writing leaves a residue in the mind in a way most content simply does not manage.

  24. A clear cut above the usual noise on the subject, and a look at nightorchardartisanexchange only made that gap wider in my view, the kind of place that earns its visitors through quality rather than through aggressive marketing or sponsored placements which is increasingly the only way most sites stay afloat across the modern web.

  25. A particular kind of restraint shows up in the writing, and a look at goodshubonline 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.

  26. Now thinking about how this post will age over the coming years, and a stop at goldencovecraftcollective suggested the same durability, content built to age well rather than to capture the attention of the moment is content with a different kind of value and this site has clearly chosen the long horizon over the short one.

  27. Came in skeptical of the angle and left mostly persuaded, and a stop at driftwillowcommercegallery pushed me a bit further in the same direction, content that can move a critical reader by argument rather than rhetoric is rare and worth pointing out because it indicates real substance underneath the surface presentation here.

  28. Bookmark earned and the bookmark feels like a permanent addition rather than a maybe, and a look at orchardharborcraftcollective confirmed that permanent status, the difference between durable bookmarks and ephemeral ones is something I have learned to feel quickly and this site triggered the durable feeling almost immediately during my first read here.

  29. Honest reaction is that this is the kind of writing I would defend in a conversation about good blog content, and a look at storkumber reinforced that, the rare site whose work I would actively recommend rather than just tolerate is the kind I want to support through return visits regularly.

  31. Most blog writing on this subject reaches for the same handful of arguments and this post avoided them, and a look at rivercovecraftcollective continued the original treatment, content that finds its own path through territory other writers have flattened is content with real authorial energy and this site has plenty of that distinctive energy.

  32. Strong recommendation, anyone interested in this topic owes themselves a visit, and a stop at daheko 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.

  35. Honest assessment is that this is one of the better short reads I have had this week and a look at tailorteal reinforced that the bar for short content is low because most of it sacrifices substance for brevity but this site manages both at once which is harder than it sounds for most writers attempting it.

  36. Now saved this in a way that I will actually find again rather than the casual bookmark approach, and a stop at japarrow earned the same careful saving, organising my reading bookmarks so that high quality sources rise to the top is something I should do more of and this site triggered that organisation today.

  37. Worth saying that the quiet confidence of the writing is what landed first, and a look at digitalbuyarena 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.

  38. A small editorial detail caught my attention, the way headings related to body text, and a look at haclex maintained that careful relationship, structural details like that show up to readers who notice them and the writers here have clearly thought about every level of the piece rather than just the words.

  39. However many similar pages I have read this one taught me something new, and a stop at jamsyx added more new material, content that contributes genuinely fresh information rather than recycling what is already widely available is content with real informational value and this site is providing that informational freshness at a notable rate.

  41. Fantastic beat ! I wish to apprentice while you amend your site, how can i subscribe for a blog site? The account aided me a acceptable deal. I had been a little bit acquainted of this your broadcast offered bright clear idea

  42. A clear case of writing that does not try to do too much in one post, and a look at turbineunion maintained the same scoped discipline, posts that try to cover too much end up covering nothing well and this site has clearly chosen scope discipline as a core editorial principle which shows up clearly in what I read.

  44. Came in skeptical and left mostly convinced, that is the highest praise I can offer, and a look at tasseltract pushed me further in the same direction, content that survives a critical first read is rare and worth recognising because most blog posts crumble under any real scrutiny these days when you actually pay attention closely.

  45. My reading list is short and selective and this site is now on it, and a stop at maplecrestcraftcollective 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.

  46. Strong recommendation from me, anyone curious about the topic should make time for this, and a look at taupeswift 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.

  47. Came in for one specific question and got answers to three I had not even thought to ask, and a look at valecovemerchantgallery extended that bonus value pattern, the kind of resource that anticipates reader needs rather than just answering the literal question asked is the gold standard and this site reaches it.

  49. Picked up a couple of new ideas here that I can actually try out, and after my visit to biabrook 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.

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>