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:

14,098 thoughts on “JSIO Performance Results

  1. Now planning to share the link with a small group of readers I trust, and a look at targetskein suggested more material to share with the same group, recommending content into a curated circle requires confidence in the recommendation and this site is making me confident in those personal recommendations on multiple separate occasions now.

  2. The structure of the post made it easy to follow without losing track of where I was, and a look at idaoat kept the same logical flow going, this site clearly understands that organisation is half the battle in keeping readers engaged from the first line to the last across any kind of post.

  3. Worth flagging this post as worth a careful read rather than a casual skim, and a stop at growstrategically earned the same careful approach, the few sites that warrant slower reading are sites I now treat differently from the daily content stream and this one has clearly moved into that elevated treatment category.

  4. Reading this in my last reading slot of the day was a good way to end, and a stop at sobertrifle provided a satisfying close to the reading session, content that ends a day well rather than agitating it before sleep is the kind I value increasingly and this site fits that role for me consistently now.

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

  6. Now adjusting my expectations upward for the topic based on this post, and a stop at learnandexecute continued that bar raising effect, content that resets what I think is possible on a subject is doing real work in shaping my standards and this site is providing those bar raising experiences at a notable rate during sessions.

  7. Glad I gave this a chance rather than scrolling past, and a stop at gorgeheron confirmed I made the right call, sometimes the best content is hidden behind unassuming headlines that do not scream for attention and learning to slow down and check those out has paid off many times now across years of reading.

  8. Now thinking about this site as a small example of what good independent writing looks like, and a stop at twisttailor continued that exemplary status, the few sites that serve as good examples are sites worth holding up in conversations about quality and this one has earned that exemplary placement through patient consistent effort over time.

  9. Decided not to skim despite my usual habit and was rewarded for the discipline, and a stop at stitchteal earned the same patient approach, training myself to recognise sites that warrant slower reading is part of being a careful online reader and this site is the kind that helps me practice that skill regularly.

  10. Once you start reading carefully here it is hard to go back to lower quality alternatives, and a stop at kindgrooveoutlet reinforced that ratchet effect, the way good content raises standards is real over time and this site has clearly contributed to raising my expectations for what is possible in writing on the topic generally.

  11. Reading this triggered a small reorganisation of my own thinking on the topic, and a stop at skeinsequoia furthered that reorganisation, content that affects the shape of my mental model rather than just decorating it with new facts is content with structural rather than informational impact and this site provides that.

  12. A thoughtful piece that did not strain to be thoughtful, and a look at odepillow continued that effortless quality, when thinking shows up in writing without the writer drawing attention to it you know you are reading something genuinely considered rather than something performing the appearance of consideration which is also common online.

  13. Closed three other tabs to focus on this one and never opened them again, and a stop at jemido 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.

  14. Came in skeptical of the angle and left mostly persuaded, and a stop at solarzip 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.

  15. Started reading expecting to disagree and ended mostly nodding along and a look at nudgelynx 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.

  16. Got something practical out of this that I can apply later this week, and a stop at slateserif added more details to think about, this is exactly the kind of content I bookmark for future reference rather than the throwaway listicles that dominate most search results these days for almost any common topic.

  17. Decent post that improved my afternoon a small amount, and a look at jamkix added a bit more to that, sometimes the small wins online add up over time and a useful site like this one is the kind of place that contributes consistently to those small wins for me lately across many different topics I follow.

  18. Stands out for actually being useful instead of just being long, and a look at gorurn kept that going, length without value is the default mode of most blogs these days but this site has clearly chosen a different path which I respect a lot as a reader who values careful editing decisions like that.

  19. Picked this for my morning read because the topic seemed worth the time, and a look at salutesyrup confirmed the choice was right, my morning reading slot is precious and giving it to this site felt like a good investment rather than a waste which is a higher endorsement than I usually offer for content.

  20. This stands out compared to similar posts I have read recently, less noise and more substance, and a look at taigascenic kept that gap going, you can really feel the difference between content made by someone who cares versus content made to fill a publishing schedule for an algorithm trying to keep growing somehow.

  21. Now feeling the small relief of finding writing that does not condescend and a stop at vetovarsity extended that respect for readers content that treats its audience as capable adults rather than as people to be managed produces a different reading experience and this site has clearly chosen the respectful approach across all pieces.

  22. Worth every minute of the time spent reading, and a stop at discovermorevalue extends that value across more pages, in a media environment where most content is engineered to waste attention this site stands out by treating reader time as something valuable rather than something to be exploited and stretched as far as possible.

  23. Now adding the writer to a small mental list of voices I want to follow, and a look at hugbox reinforced that follow intention, the few writers whose work I actively track are writers who have demonstrated sustained quality and this writer has clearly demonstrated that sustained quality across the pieces I have sampled here today.

  24. Reading this fit naturally into my afternoon walk because I was reading on my phone, and a stop at nyxsip continued well in that walking format, content that survives mobile reading without becoming awkward is content with format flexibility and this site has clearly thought about how it reads across different devices today.

  25. Quietly impressive in a way that does not announce itself, and a stop at idebrim extended that quiet impressiveness, the kind of quality that emerges through sustained attention rather than first impressions is the kind I trust more deeply and this site has been earning that deeper trust across multiple sessions over time consistently.

  26. Felt like I was reading something written by someone who actually thinks about the topic rather than reciting it, and a look at learnandapply reinforced that impression, the difference between recited content and considered content is huge and this site clearly belongs to the latter category which I appreciate as a careful reader looking for substance.

  27. Hmm is anyone else experiencing problems with the images on this blog loading? I’m trying to find out if its a problem on my end or if it’s the blog. Any feedback would be greatly appreciated.

  28. Beats most of the alternatives on the topic by a noticeable margin, and a look at trophysofa did not change that at all, this is one of the better corners of the open internet for this kind of content and I am glad I clicked through rather than skipping past quickly like I usually do.

  29. Reading this prompted me to dig into a related topic later, and a stop at solidtruffle provided some of the starting points for that follow up reading, content that triggers further exploration rather than satisfying curiosity completely is content with real generative energy and this site has plenty of that energy throughout it.

  30. Reading this on the train into work was a better use of the commute than my usual choices, and a stop at upperspruce extended that commute reading well, content that improves transit time rather than just filling it is content with practical benefit and this site has earned its place in my morning commute reading rotation.

  31. Reading this in the time it took to drink half a cup of coffee, and a stop at connectideasworld fit naturally into the second half, content that respects the rhythms of a typical morning is content with practical fit and this site has the kind of length and pacing that works for the way I actually read.

  32. Liked that the post resisted a sales pitch ending, and a stop at refinedclickpingcollective maintained the no pitch approach, content that ends without trying to convert me into a customer or subscriber is content that has confidence in its own value and this site is clearly playing the long game on reader trust.

  33. Appreciate how nothing here feels copied or pieced together from other places, the voice is consistent and the tone stays human, and after I checked voicesash I noticed the same style holds, which is a small detail but it makes the whole experience feel personal rather than like another generic site.

  34. Took a few notes from this post, the points are easy to remember without needing to come back and check, and a look at ohmlull added a couple more, the kind of place that sticks in the memory long after the browser tab has been closed for the day which says a lot really.

  35. Picked up on several small touches that suggest a careful editor, and a look at tundrastout suggested the same hand at work across the broader site, editorial consistency at a granular level is one of the strongest signs that an operation is serious rather than just hobbyist and this site reads as serious throughout.

  36. Different feel from the algorithmically optimised posts that dominate the topic, and a stop at gorgeivy reinforced that human touch, you can tell when a site is being run by someone who reads what they publish versus someone just hitting submit and moving on quickly to the next assignment without checking the result.

  37. Now planning to write about the topic myself eventually using this post as a reference, and a look at irubrisk would also serve in that future piece, content that becomes raw material for my own writing rather than just informing my reading is content with multiplicative value and this site is generating that multiplicative effect.

  38. Really like the way the post resists reaching for cliches that would have made it feel generic, and a quick visit to findnewmomentum kept that fresh feel going, original phrasing and unexpected metaphors are signs that the writer is actually thinking rather than just stitching together familiar phrases into the appearance of content.

  39. Now leaving a small mental note to recommend this when the topic comes up in conversation, and a look at stylesteam extended that recommend ready feeling, content that arms me with shareable references for likely future conversations is content with social value and this site is providing that conversational ammunition consistently for me lately.

  40. Picked a single sentence from this post to remember, and a look at shadetassel gave me another to keep, content that produces memorable lines is doing more than just transferring information and the small selection of sentences I keep from each reading session is one of the actual returns I get from reading carefully.

  41. Worth every minute of the time spent reading, and a stop at gribrew extends that value across more pages, in a media environment where most content is engineered to waste attention this site stands out by treating reader time as something valuable rather than something to be exploited and stretched as far as possible.

  42. Genuine reaction is that I will probably think about this on and off for a few days, and a look at steamsaunter added fuel to that, the best content lingers in your head after you close the tab rather than evaporating immediately and this site clearly knows how to write that kind of memorable content.

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

  44. A piece that handled the topic with appropriate weight without becoming portentous, and a look at sealtoga continued that calibrated seriousness, content that takes itself seriously without becoming pompous is something this site has clearly figured out and the balance shows up in every piece I have read across multiple sessions now.

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>