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

  3. Picked something concrete from the post that I will use immediately, and a look at focuslane added another concrete piece, content that produces immediately useful output rather than just abstract appreciation is content that earns its place in my regular rotation without needing any further evaluation from me at this point honestly.

  4. Really like that the writer trusts the reader to follow simple logic without restating every previous point, and a stop at focusguidesgrowth kept that respect going, treating an audience as capable adults rather than as people who need constant hand holding makes a noticeable difference in the reading experience for me.

  5. Decided to subscribe to the RSS feed if there is one, and a stop at trustaxis confirmed that decision, content that I want delivered to me proactively rather than just remembered when I have time is content that has earned a higher level of commitment from me as a reader looking for reliable sources.

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

  8. Really appreciate the absence of stock photos that have nothing to do with the content, and a quick visit to trustedharborbond maintained the same restraint, visual filler is a tell that the writing cannot stand on its own and the lack of it here suggests the team has confidence in their content quality alone.

  9. Better than the average post on this subject by some distance, and a look at clarityfollowsfocus 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.

  10. Found a couple of useful angles in here I had not considered before reading carefully, and a quick stop at signalcreatesfocus added more, this is one of those sites where the value compounds the more you read rather than peaking at one viral post and then offering nothing else of substance afterwards which is common.

  11. Now appreciating the way the post avoided the temptation to be longer than necessary, and a look at ideasunlockvelocity 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.

  14. Useful enough to recommend to several people I know who would appreciate it, and a stop at signalactivatesdirection added more material I will pass along too, the kind of writing that earns word of mouth is the kind that actually delivers on its promises which is what this site does without any drama or fanfare attached.

  18. Now sitting back and recognising that this was a small but real win in my reading day, and a stop at bondedconnections extended that quiet win, the cumulative effect of small reading wins versus the cumulative effect of small reading losses is real over time and this site is contributing to the wins side of that ledger.

  19. A piece that read smoothly because the writer understood how readers actually move through prose, and a look at clutchbulb maintained the same reader awareness, writers who think about the reading experience as much as the writing experience produce better work and this site has clearly made that shift in editorial approach.

  22. Beats most of the alternatives on the topic by a noticeable margin, and a look at creativepath 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.

  23. Liked everything about the experience, from the opening through to the closing notes, and a stop at progresssystem extended that into more pages, finding a site where the editorial vision shows through every choice rather than feeling random is an increasingly rare experience and one I am glad to have today during this particular reading session.

  24. A genuine pleasure to find a site that publishes at a sustainable cadence rather than chasing the daily content treadmill and a look at highlandbond confirmed the careful publication rhythm sites that prioritise quality over frequency are rare and this one has clearly chosen the slower pace which I appreciate as a reader.

  25. Now feeling confident enough in this site to use it as a reference point for evaluating others on the same topic, and a look at clarityconstructor continued the comparison friendly quality, sites that serve as quality benchmarks for their topic are precious and this one has clearly become a benchmark for me on this particular subject area.

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

  27. Reading carefully here has reminded me what reading carefully feels like, and a look at motionoptimizer extended that reminder, the experience of careful reading versus skimming is different in ways I had partially forgotten and this site has clearly refreshed my memory of what attention feels like when content rewards it consistently.

  29. Better than most of the writing I have come across on this topic recently, simpler and more direct, and a look at bondedprime continued in that same way, a real outlier in a crowded space full of repetitive content that says little while taking up a lot of reader time today which is unfortunate.

  30. Really appreciate this kind of writing, no shouting and no clickbait headlines just steady useful content, and a quick look at bondedpath kept that going, definitely a site I will be returning to whenever I need a sensible take on similar topics in the days ahead and also during slower work weeks.

  31. Walked away in a slightly better mood than when I started reading, that says something about the writing, and a stop at navisbond kept that going, content that leaves you feeling more capable rather than overwhelmed is the kind I keep coming back to again and again over the years and across many topics.

  32. Picked this up between two other things I was doing and got drawn in completely, and after steadfastnetwork my original tasks were completely forgotten for a while, content that derails a workflow in a positive way by being more interesting than what you were already doing is rare and worth recognising clearly.

  33. Now placing this in the small category of sites whose updates I would actually want to know about, and a stop at growthunfoldsforward confirmed that placement, the difference between sites I want to follow and sites I just consume from is real and this one has crossed into the active follow category from the casual consumption side.

  36. Picked up two new ideas that I expect will come up in conversations this week, and a look at trustharvest added another, content that arms me with talking points rather than just filling time is the kind that provides ongoing value beyond the moment of reading and this site is generating that kind of ongoing value.

  37. Different feel from the algorithmically optimised posts that dominate the topic, and a stop at strategicbonding 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.

  38. Really like that there are no exclamation marks or all caps shouting throughout the post, and a quick visit to directionfuelsmotion maintained the same calm voice, restraint in punctuation signals confidence in the content and this site clearly trusts its substance to do the persuading rather than relying on typographic emphasis.

  39. Felt the writer respected the topic without being precious about it, and a look at claritypowersprogress continued that respectful but unfussy treatment, finding the right register for serious topics is hard and this site has clearly figured out how to take the topic seriously while still being readable for casual visitors regularly.

  40. Recommended without hesitation if you care about careful coverage of this topic, and a stop at bondedalliancenetwork reinforced the recommendation, the bar I set for unhesitating recommendations is fairly high and this site has cleared it through the cumulative weight of multiple consistently good pieces rather than through any single standout post which is meaningful.

  41. Coming back to this one, definitely, and a quick visit to forwardmotionclarity only made me more sure of that, the kind of writing that makes you want to set aside time later rather than rushing through it now while distracted by everything else competing for attention on the screen today across so many tabs.

  42. Reading this slowly to give it the attention it deserved, and a stop at progressneedsdirection 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.

  44. Really grateful for content like this, it does not waste my time and it does not insult my intelligence either, and a quick look at momentumvector was the same, balanced respectful writing that makes a person feel welcome rather than rushed through pages of forced engagement just to keep clicking around.

  45. Decided I would read the archives over the weekend, and a stop at claritycreatesmomentum confirmed that the archives would be worth the time, very few sites have archives I would actively read through but this one has earned that level of interest based on the consistent quality across what I have sampled so far.

  46. Liked the way the post balanced confidence and humility, and a stop at solidtrustbond maintained the same balance, knowing when to assert and when to acknowledge uncertainty is a sign of mature thinking and the writers here have clearly developed that calibration through what I assume is years of careful work on their craft.

  47. Now thinking I want more sites built on this kind of editorial foundation, and a stop at cliffbeck extended that wish into a broader hope, sites built on substance and care rather than on metrics and growth are the kind of sites I want to see more of and this one is a small example worth supporting.

  48. Now feeling confident enough in this site to use it as a reference point for evaluating others on the same topic, and a look at growthmoveswithsignal continued the comparison friendly quality, sites that serve as quality benchmarks for their topic are precious and this one has clearly become a benchmark for me on this particular subject area.

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>