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

  2. Decided after reading this that I would check this site weekly going forward, and a stop at lifelinebond reinforced that commitment, deciding to add a site to a regular rotation requires meeting a quality bar that very few places clear and this one cleared it cleanly without any noticeable effort or marketing push behind it.

  5. After several visits I am now confident this site is one to follow seriously, and a stop at secureunity reinforced that confidence, the gradual building of trust through repeated quality exposures is the only sustainable way to develop reader loyalty and this site is building that loyalty in me through patient consistent work consistently.

  6. A clean piece that knew exactly what it wanted to say and said it, and a look at unitycapitalhub maintained the same clarity of intention, knowing the goal of a piece before writing is something most blog content lacks and the clarity of purpose here shows up in every paragraph for any careful reader to notice.

  7. Speaking as someone who used to recommend blogs frequently and got out of the habit this site is rekindling that impulse, and a look at brassquartzoutlet extended the rekindling, the recovery of an old habit triggered by encountering work that justifies it is itself a small kind of pleasure and this site is providing that recovery experience.

  8. Now considering writing a longer note about the post somewhere, and a look at amberfieldcollective 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.

  11. Glad I gave this fifteen minutes rather than the usual three minute skim, and a look at mutualharbor earned the same investment, time spent on quality content is rarely wasted but the reverse is also true and learning which sites deserve which kind of attention is part of being a careful online reader.

  12. Liked the way the post handled the final paragraph, no neat bow but no abrupt cutoff either, and a stop at faithfulbond continued that thoughtful ending pattern, endings are hard and most blog writers either over engineer them or skip them entirely and this site has clearly figured out a sustainable middle approach.

  14. Worth a slow read rather than the fast scan I usually default to, and a look at capitalnexus earned the same slower pace from me, content that resets my reading speed downward is content with substance worth absorbing and this site has produced that effect on me multiple times now over the last week here.

  17. On reflection this is the kind of writing that improves my taste for what is possible in the format, and a look at clickpathway continued raising that bar, content that elevates my expectations rather than lowering them is doing important work in calibrating my standards and this site is participating in that elevation reliably.

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

  19. Sets a higher bar than most of what shows up in search results for this topic, and a look at equityanchor 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.

  20. If you scroll past this site without looking carefully you will miss something, and a stop at ironcladbond extended that mild warning, the surface of the site does not advertise its quality loudly which means careful attention is required to recognise what is being offered here which is itself a kind of editorial signal.

  21. On reflection this is the kind of writing that improves my taste for what is possible in the format, and a look at globalbuyingmarket continued raising that bar, content that elevates my expectations rather than lowering them is doing important work in calibrating my standards and this site is participating in that elevation reliably.

  22. Pass this along to colleagues if the topic comes up, the framing here is sensible, and a stop at suncrestforge adds more useful angles to share, the kind of content that improves conversations rather than just feeding them is what makes a resource genuinely valuable in professional contexts going forward over time and across project boundaries too.

  23. Now feeling confident that this site will continue producing work I will want to read, and a look at highcoastmarket extended that confidence into the future, projecting forward from current quality to expected future quality is something I do for sites I genuinely follow and this one has earned that forward looking trust clearly today.

  27. Got something practical out of this that I can apply later this week, and a stop at bondedframework 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.

  28. Now recognising that this site has earned a place in the small group of resources I treat as authoritative, and a stop at crazechip confirmed that placement, the difference between resources I trust and resources I just consume is real and this site has clearly moved into the trusted category through consistent quality over time.

  29. Quality you can feel from the first paragraph, the writer clearly knows the topic and how to share it, and a quick look at goldbranchoutlet 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.

  30. Glad I gave this a chance rather than scrolling past, and a stop at pactline 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.

  32. Started smiling at one paragraph because the writing was just nice, and a look at ashenwillowstore produced a couple more such moments, prose that produces small spontaneous reactions in the reader is doing more than just transferring information and the writers here are clearly hitting that level fairly consistently throughout pieces.

  33. Closed the post with a small satisfied sigh and a stop at resilientbond produced the same gentle exhale content that ends well is content that respects the rhythm of reading and the writers here have clearly thought about how their pieces close rather than just trailing off when they run out of things to say.

  34. Recommended to anyone working in or curious about this area, the depth and clarity combine well, and a look at centralbonding keeps that going across more pages, the kind of site that earns regular visits rather than chasing trends has my respect because it suggests genuine commitment to the topic itself rather than to chasing trends.

  35. Skimmed first and then went back to read carefully, and the careful read paid off in places I had missed, and a stop at mainlinebond got the same treatment, the rare site whose content rewards a second pass is content I want more of in my regular rotation rather than disposable single read articles.

  36. Started a draft response in my head and ended without publishing it because the post said it well enough, and a look at bondcentra produced the same effect, content that satisfies my urge to add to it by being complete enough on its own is rare and represents a particular kind of editorial completeness here.

  38. It?s exhausting to search out knowledgeable individuals on this topic, however you sound like you realize what you?re talking about! Thanks

  39. Saving the link for sure, this one is a keeper, and a look at signaltoaction confirmed I should bookmark the entire site rather than just this page, the consistency across what I have seen so far suggests there is a lot more here worth coming back for soon when I have more time.

  40. Honestly the simplicity is what makes this work, the topic is not buried under filler words or overly complex examples, and a quick look at verifiablebond showed the same sensible style, I left with what I came for and no headache from over reading which is a real win these days.

  41. Looking through other posts here the consistency is what makes the site valuable rather than any single piece, and a stop at bondlegacy extended that consistency observation, sites whose value lies in the ongoing pattern rather than in standout posts are sites I trust more deeply and this one has clearly built that kind of trust.

  42. Nice and clean, that is the best way to describe the writing here, no clutter and no wasted words, and a quick visit to goldenloammarket kept that going, I appreciate when a site treats its readers like people who can think for themselves without needing constant hand holding through every paragraph.

  44. Generally I do not leave comments but this post merits a small note, and a stop at northquillmarket 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.

  46. Reading this gave me a small mental break from the heavier reading I had been doing, and a stop at goldmarkbond extended that lighter feel, content that provides relief without becoming trivial is harder to produce than people realise and this site has clearly figured out how to be light without being shallow at all.

  47. I learned more from this short post than from longer articles I read earlier today, and a stop at moonpetalcollective added even more useful detail without going off topic, this site clearly knows how to keep things focused without sacrificing depth which is a hard balance to strike for any writer.

  49. Reading this gave me a small framework I expect to use going forward, and a stop at reliantbond extended that framework, content that produces transferable mental models rather than just specific facts is content with multiplicative value and this site is providing those models at a rate that justifies extra attention from me regularly.

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>