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

  1. Now placing this in the small category of sites whose updates I would actually want to know about, and a stop at signalactivatesmomentum confirmed that placement, the difference between sites I want to follow and sites I just consume from is real and this one has crossed into the active follow category from the casual consumption side.

  2. Thanks for the honest framing without exaggerated claims that the topic will change my life, and a stop at focuscreatespathways kept the same modest tone, restraint in marketing language signals trustworthiness and the writers here are clearly playing the long game by building credibility rather than chasing immediate clicks through hyperbole.

  3. Left me wanting to read more rather than feeling burned out, that is a good sign, and a look at focusfeedsmomentum confirmed there is plenty more here to explore, the kind of writing that builds appetite rather than killing it which is a rare quality on the modern open internet today across most categories of content.

  4. Reading this prompted me to clean up some old notes related to the topic, and a stop at bondedtrustgroup extended that organising urge, content that triggers personal organisation rather than just consuming attention is content with motivating energy and this site has the kind of clarity that prompts active follow up rather than passive consumption.

  6. Now I want to find more sites like this but I suspect they are rare, and a look at unitycrest extended that thought, the few sites that meet this quality bar are precious specifically because they are rare and finding others like them is one of the ongoing projects of careful internet curation across the years.

  8. Recommended without reservation for anyone interested in the topic at any level of expertise, and a look at digitaldreams only strengthens that recommendation, this site clearly knows how to serve readers across a range of backgrounds without watering down the content or talking past anyone in the audience which is genuinely impressive to see.

  9. Now wishing I had found this site sooner, and a look at growthpathway extended that mild regret, the calculation of how many years of good content I missed by not finding the right sources earlier is one I try not to make too often but it does come up sometimes when I find sites this good.

  10. A satisfying piece in the way that good meals are satisfying rather than just filling, and a look at makeimpact 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.

  11. Worth saying that the post fit naturally into a rhythm of careful reading, and a stop at forwardpathconstructed extended the same rhythm, content that pairs well with how I actually read rather than demanding a different mode is content well calibrated to its likely audience and this site has clearly thought about that consistently.

  13. The whole experience of reading this was pleasant from start to finish, no pop ups and no annoying interruptions, and a look at bondedgrowthnetwork continued that clean experience, technical choices about page design matter for the reader and this site clearly cares about the small details that add up to comfort across multiple visits.

  14. Appreciate that you did not pad this with fluff to hit a word count, the post says what it needs to say and stops, and a look at creativeplanet did the same, brevity here feels intentional not lazy which is a distinction many writers miss completely sometimes when they are working under deadlines.

  15. Most blog writing on this subject reaches for the same handful of arguments and this post avoided them and a look at directionalshiftlab 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.

  18. Yesterday I was complaining about the state of online writing and today this site has temporarily fixed that complaint, and a look at lotusosprey extended that mood reversal, the short term mood improvement that comes from finding good content is real and this site has produced that improvement for me at a useful moment.

  19. Generally I find the content on similar topics frustrating in specific ways and this post avoided all of them, and a look at bondedlegacyhub 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.

  20. Bookmark earned and the bookmark feels like a permanent addition rather than a maybe, and a look at growthalignment 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.

  21. Closed and reopened the tab three times before finally finishing, and a stop at trustedfoundation held my attention straight through, sometimes content fights for time against my own distraction and the times it wins say something positive about its quality and this post clearly won that fight today afternoon for me.

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

  23. Generally my attention drifts on long posts but this one held it through the end, and a stop at solidanchor earned the same sustained focus, content that defeats my drift tendency is content with substantive pulling power and this site has demonstrated that pulling power across multiple pieces in a session that has now run quite long actually.

  25. Glad I gave this a chance instead of bouncing on the headline, and after bondedfoundation I was certain I had made the right call, snap judgements based on titles miss a lot of good content and this is a reminder to slow down and check things out before scrolling past in a hurry.

  27. Felt a small spark of recognition when the post named something I had been struggling to articulate, and a look at ideasfindmomentum produced more such moments, the rare service of giving readers language for fuzzy intuitions is one of the higher values that good writing can provide and this site offered several today instances.

  33. If I had encountered this site five years ago I would have been telling everyone about it, and a look at capitaltrustline extended that retrospective enthusiasm, the version of me who used to recommend favourite blogs frequently would have made sure friends knew about this one and that earlier enthusiasm is partially returning to me here.

  34. Appreciated that the writer trusted the reader to follow along without constant restating of earlier points, and a look at bondedvision continued that respect for the reader, treating an audience as capable adults rather than as people to be hand held through every paragraph is something I notice and value highly across the open internet today.

  37. Worth recognising that the post handled a familiar topic without reaching for any of the obvious hot takes, and a stop at growthmoveswithdesign continued that fresh treatment, sites that find new angles on subjects others have exhausted are sites worth following carefully and this one has clearly developed that exploratory instinct through patient practice.

  38. Will be passing this along to a few people who would benefit from the perspective shared here, and a stop at directionhub 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.

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

  41. Reading this on a phone at a coffee shop and finding it perfectly suited to that context, and a stop at ideasneeddirection continued the comfortable mobile experience, content that works across reading conditions without compromising on substance is increasingly important and this site has clearly thought about the whole reader experience here.

  42. Left me wanting to read more rather than feeling burned out, that is a good sign, and a look at primeharbor confirmed there is plenty more here to explore, the kind of writing that builds appetite rather than killing it which is a rare quality on the modern open internet today across most categories of content.

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

  48. Closed the laptop and walked away thinking about the post for a good twenty minutes, and a stop at growthmatrix produced similar lingering thoughts, content that survives the closing of the browser tab is content that has actually entered the mind rather than just decorating the screen for the duration of the reading.

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>