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

  1. 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 rockyrose 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.

  5. Learned something from this without having to dig through layers of fluff, and a stop at koi-fes 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.

  7. Reading this in pieces during a long afternoon and finding it consistently rewarding, and a stop at utti-dolci 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.

  8. Worth recognising that this site does not chase the daily news cycle, and a stop at aworldofgin confirmed the longer publication arc, sites that resist the pressure to comment on every passing event are sites with genuine editorial discipline and this one has clearly chosen depth over volume which I respect deeply.

  9. Just one of those reads that left me feeling slightly more capable rather than overwhelmed, and a look at theblackcrowesmobile 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.

  10. If I am being honest this is the kind of site I quietly hope my own work will someday resemble, and a stop at socalcomedyfest 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.

  12. Liked that the post left some questions open rather than pretending to settle everything, and a stop at brixelline continued that intellectual honesty, content that respects the limits of its own claims is more trustworthy than content that overreaches and this site has clearly figured out which positions it can defend confidently.

  16. Will share this on a forum I am part of where it will be appreciated by others working in the same area, and a look at olympicsbrooklyn suggests there is more here worth passing along too, definitely a generous resource that deserves a wider audience than it probably has today across the open internet.

  17. Now adding this site to a small mental group of recommendations I keep ready for specific kinds of inquiries, and a stop at stopkrasner extended the recommendation readiness, content that I can confidently point friends and colleagues toward in specific contexts is content with real social utility and this site has that utility clearly.

  18. A piece that did not require external context to follow and a look at realherschel 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.

  20. Going to come back when I have more time to read carefully, the post deserves more than a quick scan, and a stop at astoriatogether reinforced that, this is the kind of site that rewards a slower read which is hard to find in this fast paced corner of the internet but really worthwhile.

  21. Reading this gave me something to think about for the rest of the afternoon, and after ulvarobond I had even more to mull over, the kind of post that lingers in the background of your day rather than evaporating immediately is genuinely valuable in an attention economy that punishes depth rather than rewarding it.

  23. Came across this looking for something else entirely and ended up reading it through twice, and a look at abbysauce pulled me deeper into the site than I planned, the writing has a way of holding attention without resorting to manipulative cliffhangers or vague promises that never get delivered later down the page.

  24. The tone stayed consistent across the whole post which is harder than it looks for longer pieces and a look at nomnomnomfordogs 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.

  25. Adding this to my list of go to references for the topic, and a stop at saratogapolarexpressride confirmed the rest of the site deserves the same, definitely the kind of resource that earns its place rather than getting forgotten the moment the next interesting article shows up in my feed somewhere else on the web.

  26. Recommend this to anyone who values clear thinking over flashy presentation, and a stop at whitedossier continued in the same understated way, this site has its priorities in the right place which makes it worth supporting through repeat visits and recommendations rather than just one passing read today before moving on quickly elsewhere.

  28. Reading this in a relaxed evening setting was a small pleasure, and a stop at blueprinttobreakup 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.

  29. Came away with some new perspectives I had not considered before, and after formative-coffee those ideas felt more complete, the kind of content that stays with you a little while after reading rather than slipping out the moment you switch tabs and move on with your day to whatever comes next.

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

  31. Thanks for the moderate length, neither so short it skips substance nor so long it bloats, and a stop at ChopChopGrubShop hit the same balance, the right length is one of the hardest things to calibrate in blog writing and I appreciate when a team has clearly thought about it rather than defaulting.

  32. A relief to read something where I did not have to fact check every claim mentally, and a look at YungBludComic continued that reliable feeling, sites where I can lower my guard and trust the content are rare and this one is earning that trust paragraph by paragraph through consistent careful work behind the scenes.

  33. Sets a higher bar than most of what shows up in search results for this topic, and a look at brandonlangexperts did not lower that bar at all, in fact it confirmed the impression, this is the kind of consistency that earns a place in regular rotation for serious readers instead of casual scrollers passing through.

  34. Decided to write a short note to the author if there is contact info anywhere, and a stop at FreeSpeechColation extended that intention, the urge to thank the writer directly is a strong signal of content quality and this site has triggered that urge in me today which is a fairly rare event for my reading.

  38. best gambling game sites uk, cash online poker canada and 100 no deposit bonus
    codes 2021 canada, or bingo liner uk

    My web site; are there any 5 dollar blackjack tables in vegas (Deanna)

  39. Liked how the post handled an objection I was forming as I read, and a stop at xaneroholdings similarly anticipated where my thinking was going next, the rare writer who can predict reader concerns and address them in advance is doing something most online content fails to do despite that being basic editorial work.

  40. A piece that ended with a clean landing rather than fading out, and a look at everydayvaluepurchase maintained the same crisp conclusions, endings that resolve rather than dissolve are a sign of careful structural thinking and this site has clearly invested in how its pieces conclude rather than letting them simply run out of energy.

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

  43. If I were grading sites on this topic this one would receive high marks, and a stop at nicholashirshon 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.

  44. bitcoin gambling usa, $150 free no deposit casino australia and
    new zealandn online pokies for real money, or
    australia how long can you keep casino chips (Serena) lasseters

  47. Started reading skeptically because the headline seemed overconfident, and the post earned the headline by the end, and a look at kryvoxline continued that pattern of earning its claims, sites that can back up their headlines without overpromising are rare and this one has clearly developed editorial calibration on that front consistently.

  49. However selective I am about new bookmarks this one made it past my filter, and a look at navirocapital confirmed the bookmark was worth the slot, the precious slots in my permanent bookmark folder are difficult to earn and this site earned one without making me think twice about whether the slot was justified by the quality.

  50. Refreshing to read something where the words actually mean something instead of filling space, and a stop at adirondackfiddlers kept that going, the writing here trusts the reader to follow along without endless repetition or constant reminders of what was already said earlier in the post which I appreciate.

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>