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

  1. Reading this prompted me to subscribe to my first newsletter in months, and a stop at urbanmeadowgoods confirmed the subscribe was the right call, content that earns a newsletter signup is content that has cleared a higher trust bar than a casual visit and this site has clearly earned that level of commitment from me.

  2. However selective I am about new bookmarks this one made it past my filter, and a look at solidcrew 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.

  3. Now feeling slightly more committed to my own careful reading practices having read this, and a stop at bloomhold reinforced that commitment, content that models the kind of attention it deserves is content that calibrates the reader and this site has clearly raised my own bar for what to bring to good writing today.

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

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

  6. Started forming counter examples to test the claims and the post handled most of them implicitly, and a look at megreef continued that anticipatory style, writers who think two steps ahead of the critical reader save themselves from a lot of follow up work and this writer has clearly internalised that habit consistently.

  7. Found this useful, the points line up well with what I have been thinking about lately, and a stop at axislume added some angles I had not considered yet, definitely walking away with more than I came for which is the best outcome from time spent reading online for any kind of topic.

  8. Reading this slowly to give it the attention it deserved, and a stop at fastpickzone earned the same slow read, choosing to read slowly is a small act of respect for content quality and very few sites earn that respect from me but this one did so without any explicit ask which is the cleanest way.

  9. Reading this with a fresh mind in the morning brought out details I might have missed in the afternoon, and a stop at premiumcartzone earned the same fresh attention, content that rewards being read at full attention rather than at energy lows is content with real density and this site has that density consistently.

  10. A nicely understated post that does not shout for attention, and a look at sagejump maintained the same quiet quality, understatement is a stylistic choice that distinguishes serious writing from attention seeking writing and this site has clearly committed to the understated approach as a core editorial value rather than just a phase.

  11. Well structured and easy to read, that combination is rarer than people think, and a stop at smartchoicebazaar confirmed the same standard runs across the rest of the site, definitely the kind of place I will be coming back to when this topic comes up in conversation later again over the weeks ahead.

  12. Came in skeptical and left mostly convinced, that is the highest praise I can offer, and a look at emberpin 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.

  13. Reading this fit naturally into my afternoon walk because I was reading on my phone, and a stop at globaltrendhub 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.

  14. Bookmark folder created specifically for this site, and a look at glowware confirmed the dedicated folder was the right call, dedicated folders for individual sites are a level of organisation I rarely deploy and this site has earned that level of dedicated tracking based on the consistency I have seen so far across sessions.

  15. Really liked the calm tone running through the post, no shouting and no urgency forced into the writing, and a look at macrobase kept that quiet confidence going, the kind of voice that makes the reader feel respected rather than yelled at which is depressingly common across most modern blog content these days.

  16. Came in confused about the topic and left with a much firmer grasp on it, and after urbanpetalmarket I felt I could explain this to someone else without hesitation, that is the gold standard for any educational content and most sites simply fail to reach it ever which is unfortunate but true.

  17. Honestly informative, the writer covers the ground without showing off, and a look at sparkbit 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.

  18. Now adding the writer to a small mental list of voices I want to follow, and a look at dreamwovenbazaar 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.

  19. Liked how the post handled an objection I was forming as I read and a stop at simplebasket 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.

  20. Worth flagging this site to a few specific friends who would appreciate the editorial sensibility, and a look at nodecard added more pages I will mention to them, recommending sites to specific people requires understanding both the site and the person and this site is making those personalised recommendations easy and natural for me.

  21. Now feeling something close to gratitude for the fact this site exists, and a look at widedock extended that gratitude, the rare site that produces this kind of response is the rare site worth defending in conversations about whether the modern internet is still capable of producing genuinely valuable independent content for serious adults.

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

  23. Just want to recognise that someone clearly cared about how this turned out, and a look at cloudpetalcollective confirmed that care extends across the broader site, you can feel the difference between content shipped to hit a deadline and content released because the writer was actually proud of the result for once.

  24. Better than the average post on this subject by some distance, and a look at bitvent reinforced that, you can tell within the first paragraph that the writer here actually cares about the topic rather than just covering it for the sake of having something to publish that week or that day.

  25. A piece that prompted a small mental rearrangement of how I order related ideas, and a look at boldswap extended that rearranging effect, content that affects the structure of my thinking rather than just adding to it is content with the deepest kind of impact and this site is reaching that depth for me today.

  26. A piece that earned its conclusions through the body rather than asserting them at the end and a look at mysticbaygoods maintained the same earned quality conclusions that follow from what came before are more persuasive than declarations and this site has clearly internalised that principle in how it constructs arguments throughout pieces.

  27. Reading this prompted a small redirection in something I was working on, and a stop at wildpathmarket extended that redirecting influence, content that affects my actual work rather than just my thinking has the highest practical impact and this site is providing that level of influence for me at a sustainable rate apparently.

  28. A nicely understated post that does not shout for attention, and a look at sparkcard maintained the same quiet quality, understatement is a stylistic choice that distinguishes serious writing from attention seeking writing and this site has clearly committed to the understated approach as a core editorial value rather than just a phase.

  29. Definitely a recommend from me anyone curious about the topic should check this out and a look at smartparcel adds even more reason for that the depth and quality combine to make this site one I will be pointing people toward whenever similar conversations come up over the months ahead at work or socially.

  30. Solid value packed into a relatively short post, that takes skill, and a look at fizzlane continues the dense useful content across more pages, this site clearly understands that respecting reader time is itself a form of generosity which is something most blog operations seem to have forgotten lately across the wider open web.

  31. Now sitting with the thoughts the post triggered rather than rushing on to the next thing, and a stop at macrocard extended that reflective pause, content that earns time for thought after closing the tab is content of higher value than the merely interesting and this site has clearly produced that lasting effect today.

  32. Useful read, especially because the writer did not assume too much background from the reader, and a quick look at noderod continued in the same way, a thoughtful site that meets people where they are which is something the modern web could use a lot more of for both casual and serious readers.

  33. This stands out compared to similar posts I have read recently, less noise and more substance, and a look at urbanpinebazaar 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.

  34. Really clear writing, the kind that makes you want to share the link with someone who has been asking about the topic, and a quick browse through driftspiregoods only made me more sure of that, the information here stays useful long after the first read is done which says a lot.

  35. Appreciate the practical examples, they made the abstract points easier to grasp, and a stop at zesttrack added more of the same, this site clearly understands that real examples beat empty theory every single time which is the mark of a writer who knows their audience well and respects their time.

  36. Worth marking the moment when reading this clicked into something useful for my own work, and a look at ohmpanel extended that practical click, content that connects to my actual life rather than just being interesting is content with the highest kind of value and this site is generating that connection at a high rate.

  37. Worth pointing out the careful word choice in this post, no buzzwords and no jargon, and a look at wideswap continued that disciplined vocabulary, sites that resist the pull of trendy language are sites that will read well in five years and this one is clearly built for that kind of long durability.

  38. Now I want to find more sites like this but I suspect they are rare, and a look at smartdealhouse 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.

  39. Bookmark moved to my permanent reference folder rather than the casual maybe later folder, and a look at premiumdealcorner earned the same upgrade, the distinction between casual interest and lasting reference is something I track carefully and very few sites cross that threshold but this one did so without much effort apparently.

  40. Thanks for a post that does not try to be funny when it is not the moment for it, and a stop at fasttrendhub maintained the same appropriate seriousness, knowing when humour helps and when it just signals desperation for engagement is a sign of editorial maturity that many blogs have not developed yet.

  41. Took the time to read the comments on this post too and they were also worth reading, and a stop at discoverbettervalue suggested the community quality matches the content quality, when the conversation around a piece is as good as the piece itself you know you have found a real corner of the internet.

  42. Without comparing too aggressively to other sources this one stands out for the right reasons, and a look at startfreshnow continued that distinctive quality, content that distinguishes itself through substance rather than style tricks is content with lasting differentiation and this site has clearly chosen substance based differentiation as its core editorial strategy.

  43. Following the post through to the end without my attention drifting once, and a look at globalfashionworld earned the same uninterrupted attention, content that holds attention without manipulating it is content with substantive pull and this site has demonstrated that substantive pull across multiple pieces in a single reading session reliably here today.

  44. Now recognising the specific pleasure of reading writing that shows real care for sentence shapes, and a look at northernskycollections extended that craft pleasure, sentence level writing quality is something most blog content ignores entirely and this site has clearly invested in the prose layer alongside the substance which is rare today.

  45. Well done, the kind of post that makes you slow down and actually read instead of skimming for keywords, and a look at findgreatoffers kept me reading carefully too, that is a sign of writing that has been crafted rather than churned out for an algorithm to see today and tomorrow.

  46. Honest reaction is that I want to send this to a friend who would benefit from it and a look at supershelf 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.

  47. Now adding a small note in my reading log that this site is one to watch, and a look at sparkswap reinforced the watch status, the few sites I track deliberately rather than encounter accidentally are sites I expect ongoing returns from and this one has cleared the bar for that elevated tracking based on what I read.

  48. Started this morning and finished at lunch with a small sense of having spent the time well, and a look at pureharbortrends extended that satisfaction into the afternoon, content that fits naturally into the rhythm of a working day rather than demanding a dedicated reading block is increasingly the kind I prefer.

  49. Reading this as part of my evening winding down routine fit perfectly, and a stop at blipfork extended the wind down nicely, content that calms rather than agitates is what I want at the end of the day and this site provides that calming reading experience reliably which is increasingly rare across the modern web.

  50. A small thank you note from me to the team behind this work, the post earned it, and a stop at octajet suggested more thanks would be in order over time, recognising the people who do good writing online is something I try to remember to do because the alternative is silence and silence rewards mediocrity unfortunately.

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>