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:

13,397 thoughts on “JSIO Performance Results

  1. Thanks for sharing this with the open internet rather than locking it behind a paywall like so many sites do now, and a stop at ebonfig kept the same vibe going, generous helpful and clearly written by someone who actually wants people to learn from it rather than just charge them.

  2. Now feeling the small relief of finding writing that does not condescend, and a stop at discovercleanstrategies 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.

  3. Reading this in segments because the day was busy, and the post survived the fragmented attention well, and a stop at neatmill held up similarly under interrupted reading, content that can withstand modern distracted reading patterns rather than requiring a perfect block of focused time is increasingly the kind I prefer.

  4. Started thinking about my own writing differently after reading, and a look at draftlogs continued that reflective effect, content that influences how I work rather than just informing what I know is content with the highest kind of impact and this site has triggered some of that reflective influence today on me.

  5. Honest take is that this was better than I expected when I clicked through, and a look at fondarbor reinforced that, the bar for online content has dropped so much that finding something thoughtful and well constructed feels almost noteworthy now which says more about the average than about this site itself.

  6. Well structured and easy to read, that combination is rarer than people think, and a stop at grovefarm 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.

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

  8. Came across this looking for something else entirely and ended up reading it through twice, and a look at amberharborartisanexchange 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.

  9. A piece that did not lean on the writer credentials or institutional backing, and a look at featlake maintained the same focus on substance, content that earns trust through quality rather than through name dropping is the kind I find most persuasive and this site is clearly playing on the substance side of that distinction.

  10. Now feeling the rare pleasure of trusting a source completely on first encounter, and a look at learnandexecutewisely extended that initial trust into something more durable, the calibration of trust to evidence is something I do informally and this site has earned high trust through the cumulative weight of multiple consistently good posts already.

  11. Now feeling slightly more committed to my own careful reading practices having read this, and a stop at forwardthinkingpaths 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.

  12. Came away feeling slightly smarter than I was when I started, that is a real win, and a stop at createimpactdirection added a bit more to that, the rare site that actually transfers some of its knowledge to the reader in a way that sticks rather than just creating an illusion of learning briefly.

  13. Reading this prompted me to dig into a related topic later, and a stop at apexhelm 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.

  14. Bookmark earned, share earned, return visit earned, all from one reading session, and a look at discovernewfocus did the same, the trifecta of bookmark and share and return is rare in a single visit and represents the highest level of engagement I tend to offer any piece of online content these days here.

  15. Now appreciating the small but real way this post improved my afternoon, and a stop at strategycreatesmomentum extended that small improvement effect, content that produces measurable positive impact on the texture of a reading day is content with real value and this site is producing those small positive impacts at a sustainable rate apparently.

  16. Thanks for the simple approach, too many sites bury the actual point under layers of unnecessary words, but here every line earns its place, and a look at micapact showed the same care for the reader which is something I will remember the next time I need answers on a topic.

  17. Now appreciating the way the post avoided the temptation to be longer than necessary, and a look at harbortrailcommercegallery continued that lean approach, content with the discipline to stop when finished rather than padding for length is content that respects both itself and its readers and this site has that disciplined editorial culture clearly throughout.

  18. Adding this to my list of go to references for the topic, and a stop at discoverdirectionalclarity 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.

  19. Top quality material, deserves more attention than it probably gets, and a look at waveharborartisanexchange reflected the same effort across the site, a hidden gem in the modern web where most attention goes to whoever shouts loudest rather than whoever actually delivers the best content for their readers without much marketing fanfare.

  20. Reading this in the time it took to drink half a cup of coffee, and a stop at knackdome 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.

  21. Generally I do not leave comments but this post merits a small note, and a stop at edgecradle extended that comment worthy quality, the urge to actively contribute to a sites community rather than passively consume from it is something specific content provokes and this site has provoked that engagement urge from me today.

  22. Refreshing to find writing that does not try to manipulate the reader into clicking onto the next page through cliffhangers and forced engagement, and a stop at northdawn continued in the same respectful way, this is what reader first design actually looks like in practice rather than just in marketing copy that sounds nice.

  23. Honest reaction is that this is the kind of writing I would defend in a conversation about good blog content, and a look at graingroves 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.

  24. Considered as a whole this site has developed a coherent point of view that comes through in individual pieces, and a look at forgecabin continued displaying that coherence, sites with a unified perspective rather than a grab bag of takes are sites with editorial maturity and this one has clearly developed that maturity through years of work.

  25. Solid information that lines up with what I have been hearing from other reliable sources, and after my visit to amberharborartisanexchange I was even more certain of that, this site checks out which is something I value highly when so many places online play loose with the facts to chase a quick click.

  26. Quality you can feel from the first paragraph, the writer clearly knows the topic and how to share it, and a quick look at createbettermomentum confirmed the same depth runs throughout the rest of the site as well which is rare and worth pointing out when it happens online for any reader passing through.

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

  28. Will be sharing this with a couple of people who care about the topic, and a stop at ebongreen added more material worth passing along, the kind of site that is generous with quality content and does not make you jump through hoops to access it which is appreciated more than the team probably realises.

  29. Good clean post, no errors and no awkward phrasing that breaks the reading flow, and a stop at vandaltavern kept the same standard, definitely the kind of editorial care that earns a return visit because it tells me the writer is paying attention to details that matter to readers rather than just rushing publication.

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

  31. A piece that did not lean on the writer credentials or institutional backing, and a look at feltglen maintained the same focus on substance, content that earns trust through quality rather than through name dropping is the kind I find most persuasive and this site is clearly playing on the substance side of that distinction.

  32. Now thinking about this site as a small example of what good independent writing looks like, and a stop at grovequay 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.

  33. Considered against the flood of similar content this one stands apart in important ways, and a stop at createforwarddirection extended that distinctive feel, sites that find their own corner of a crowded topic and stay there are sites worth following and this one has clearly carved out its own space and committed to defending it carefully.

  34. Worth recognising the specific care that went into how this post ended, and a look at knackpact maintained the same careful conclusions, endings are where most blog content falls apart and this site has clearly invested in the closing stretches of its pieces rather than letting them simply trail off when energy fades.

  35. Reading this felt easy in the best way, no friction and no confusion at any point, and a stop at marblecovemerchantgallery carried that same comfort across more pages, the kind of editorial flow that lets you absorb information without fighting the format which is increasingly hard to find on the open web today across topics.

  36. Comfortable read, finished it without realising how much time had passed, and a look at growththroughalignment pulled me into more pages the same way, the absence of friction in good content lets time disappear and that is one of the highest compliments I can pay any piece of writing I find online during a regular search session.

  37. Nice to see a post that does not try to overcomplicate the basics for the sake of looking smart, and once I looked at windharborartisanexchange the same direct tone was there too, which honestly makes a difference when you are short on time and want answers without long pointless intros.

  38. Working through this site has been a small antidote to the shallow content that fills most of my reading time, and a stop at freshguilds 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.

  39. Reading this slowly because the writing rewards a slower pace, and a stop at novalog did the same, the pace at which I read content is something I now use as a quality signal and writing that earns a slower pace earns my attention as a reader looking for substance these days.

  40. Great work on keeping things readable, the post never drags or repeats itself which I really appreciate, and a stop at startbuildingmomentumclearly added a bit more context that fit naturally with what was already said here, no need to read everything twice to get the point being made today.

  41. Reading this in segments because the day was busy, and the post survived the fragmented attention well, and a stop at foxarbor held up similarly under interrupted reading, content that can withstand modern distracted reading patterns rather than requiring a perfect block of focused time is increasingly the kind I prefer.

  42. Walked away with a clearer head than I had before reading this, and a quick visit to exploreuntappeddirectionideas only sharpened that, the writing has a way of cutting through the noise that surrounds most topics online which is something I will definitely remember the next time I am searching for an answer to anything.

  43. Bookmark folder reorganised slightly to make this site easier to find, and a look at amberharborcraftcollective earned the same accessibility upgrade, the small organisational moves I make for sites I expect to return to often are themselves a signal of how much I trust them and this site triggered those moves naturally.

  44. Thanks for laying this out in a way that someone newer to the topic can follow, and a stop at findyournextstrategicmove kept that accessibility going, writing that meets readers at different experience levels without condescending is hard to do well and the writers here have clearly thought about who they are writing for.

  45. Now considering writing a longer note about the post somewhere, and a look at startmovingwithclarity added more material for that note, content that prompts me to write rather than just consume is content with generative energy and this site is producing that generative effect for me at a higher rate than most sources.

  46. Came away with a slightly better mental model of the topic than I started with, and a stop at growthwithprecision sharpened that further, content that improves the reader thinking apparatus rather than just dumping facts into it is the rare kind I genuinely value and seek out when I have time to read carefully.

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>