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:

21,701 thoughts on “JSIO Performance Results

  1. If patience for careful reading is rare these days finding sites that reward it is rarer still and a stop at growthpath extended that rare reward the diminishing returns on shallow content reading have made me more selective about where to spend reading time and this site is meeting the higher selectivity bar consistently.

  2. Now realising the post solved a small problem I had been carrying for weeks, and a look at ideaclarity extended that problem solving function, content that connects to specific unresolved questions in my own life rather than just providing general interest is content with real practical impact and this site is providing that practical value.

  3. The tone stayed consistent across the whole post which is harder than it looks for longer pieces, and a look at pianoledge continued the same voice, this kind of editorial consistency is a sign of either a single careful writer or a tightly run team and either is impressive today across the broader media environment.

  4. Honestly thank you to whoever wrote this because it scratched an itch I had not quite been able to articulate, and a stop at idearouting kept that satisfying feeling going, the kind of writing that meets unspoken needs is special and this site clearly has writers who understand their readers more than most do today.

  5. I like the helpful info you provide in your articles. I?ll bookmark your weblog and check again here frequently. I am quite certain I will learn many new stuff right here! Best of luck for the next!

  6. Refreshing change from the usual sites covering this topic, no clickbait and no padding, and a stop at crustcleve confirmed the difference, this place clearly has its own voice rather than copying the formulas everyone else uses to chase clicks online which is becoming increasingly rare these days across nearly every popular subject.

  7. Worth observing that the post landed without needing a flashy headline to hook attention, and a stop at chordbase did the same, content that earns engagement through substance rather than packaging is the kind I trust more deeply and this site has clearly chosen substance as the primary lever for reader engagement throughout.

  8. Bookmark added without hesitation after finishing, and a look at bauxauras confirmed I should bookmark the homepage too rather than just this page, the rare site that earns category level trust rather than just single article approval is the kind I want to rely on across many different topics over time.

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

  10. A piece that did not lecture even when it had clear positions, and a look at bitvent maintained the same teaching without preaching tone, finding the line between informing and lecturing is hard and most sites land on the wrong side of it but this one has clearly figured out how to inform without becoming preachy.

  11. Going to share this with a friend who has been asking the same questions for a while now, and a stop at navmixo added a few more pages I will pass along too, this is the kind of generous information that earns a small thank you from me right now and again later this week.

  12. Now adding the homepage to my regular check rotation rather than waiting for individual links to find me, and a stop at executionlane confirmed the rotation upgrade, the move from passive discovery to active checking is a vote of confidence in a sites ongoing quality and this site has earned that active engagement clearly.

  13. Started forming counter examples to test the claims and the post handled most of them implicitly, and a look at signalclarifiesaction 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.

  14. Generally I bookmark sparingly to avoid building up a bookmark graveyard but this one earned a permanent slot, and a stop at muscatlumen extended that permanence designation, the few sites I keep permanent bookmarks for are sites I expect to use repeatedly and this one has clearly cleared that expectation bar today.

  15. 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 nervemuscat 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.

  16. Quietly building a case in my head for why this site deserves more attention than it currently seems to receive, and a look at businessconnectionhub reinforced the case, the gap between quality and recognition is a recurring frustration in independent online content and this site is one of the cases that seems particularly egregious to me today.

  17. Started thinking about my own writing differently after reading, and a look at zenvaxo 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.

  18. Recommended to anyone working in or curious about this area, the depth and clarity combine well, and a look at claritysequence 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.

  19. Honestly this was a good read, no jargon and no padding, and a short look at momentumplanning kept that same feel going which I really appreciated, the writer clearly knows the topic well enough to explain it without hiding behind big words or filler that often gets used to seem clever.

  20. Now realising the post has been quietly doing important work in my mind for the past hour, and a stop at molzino extended that quiet processing, content that continues to do work after I close the tab is content with afterlife in the mind and this site is producing those long lived effects at a meaningful rate.

  21. Now setting this aside as a model of how to write thoughtfully on the topic, and a stop at clarityinitiator extended that model status, content that becomes a reference for how a kind of writing should be done is content with influence beyond its own readership and this site is reaching that level for me clearly today.

  22. Just want to record that this site is entering my regular reading list, and a look at novelnoon confirmed it deserves the spot, my regular reading list is short and well curated and adding to it requires meeting a fairly high quality bar that this site has clearly cleared without much effort apparently.

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

  24. Reading this gave me confidence to make a decision I had been putting off, and a stop at directionsetsvelocity reinforced that confidence, content that translates into action in my own life rather than just informing it is content with the highest practical value and this site is generating that action level utility for me lately.

  25. Worth flagging this post as worth a careful read rather than a casual skim, and a stop at forwardintentions 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.

  26. Liked the balance between depth and brevity, never too shallow and never too long, and a stop at clarityroutehub kept the same balance going across the rest of the site, this is one of the harder skills in writing and the team here clearly has it figured out very well indeed across every page.

  27. Solid little post, the kind that does not need to be flashy because the substance is doing the work, and a look at coilcolt kept that quiet confidence going across the site, this is what writing looks like when the writer trusts the content to land on its own without theatrics or unnecessary attention seeking behaviour.

  28. Approaching this with the usual skepticism I bring to new sites and being slowly persuaded, and a stop at clamable continued that gradual persuasion, the careful path from skeptical reader to genuine fan is the only one I trust and this site has walked me along that path through patient consistent quality across pieces.

  29. The post made the topic feel approachable without making it feel trivial, that is a fine balance, and a stop at chordcircle maintained the same balance, finding the middle ground between welcoming and serious is genuinely difficult and the writers here have clearly figured out how to consistently hit it well across many different posts.

  30. After reading several posts back to back the consistent voice across them is impressive, and a stop at boundcoil continued that voice consistency, sites that maintain a single coherent voice across many pieces by potentially many writers represent serious editorial discipline and this one has clearly developed the institutional consistency needed for that.

  31. The use of plain language without dumbing down the topic was really well done, and a look at growthlogic continued in that same accessible style, this is something many technical writers fail at because they either confuse their readers or condescend to them but here neither problem appears at all which is impressive really.

  32. Found the use of subheadings really helpful for scanning back through the post later, and a stop at cultbotany kept that reader friendly approach going, navigation is something many blog writers ignore but small structural choices make a noticeable difference for someone returning to find a specific point again days or weeks later.

  33. Glad I stumbled across this post, the explanations actually make sense without needing background knowledge to follow along, and after a stop at navqiro the same was true there, no assumptions about the reader just clear writing that anyone can understand from the first line right through to the end.

  34. Bookmark earned and folder updated to track this site separately, and a look at actionframework confirmed the folder upgrade was the right call, organising my reading list so that good sites do not get lost in a sea of casual bookmarks is something I do more carefully now and this site warranted its own spot.

  35. Thank you for being clear and direct, that simple approach saves so much frustration on the reader’s end, and a stop at pillownebula only made me more sure of it, the rest of the content seems to follow the same pattern which is a great sign of consistent editorial care behind the scenes.

  36. Appreciate the practical examples they made the abstract points easier to grasp and a stop at ideaprocessing 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.

  37. A thoughtful read in a week that has been mostly noisy, and a look at bauxbee carried that thoughtful quality across more pages, finding pockets of considered writing in a week of distractions is one of the small wins of careful curation and this site is providing those pockets at a sustainable rate.

  38. 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 progressmovespurposefully 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.

  39. Reading this in three sittings because the day was fragmented, and the piece survived the fragmentation, and a stop at norqavo held up under similar reading conditions, content engineered for continuous attention is fragile in modern conditions and this site reads as durable across the realistic ways people consume content today.

  40. Solid recommendation from me to anyone working in the area, the perspective here is grounded, and a look at mutelion adds even more useful angles, the kind of site that becomes a reference rather than just a one time read which is a higher bar than most blogs ever reach today on the modern web.

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

  42. Now feeling that this site is the kind I want to make sure does not disappear, and a look at ideaexecutionhub reinforced that quiet protective feeling, the rare sites whose disappearance would actually matter to me are the sites I want to support through return visits and recommendations and this one has joined that small protected list.

  43. A small editorial detail caught my attention, the way headings related to body text, and a look at amploom maintained that careful relationship, structural details like that show up to readers who notice them and the writers here have clearly thought about every level of the piece rather than just the words.

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>