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

  1. Worth recognising that the post handled a familiar topic without reaching for any of the obvious hot takes, and a stop at claritycreatestraction continued that fresh treatment, sites that find new angles on subjects others have exhausted are sites worth following carefully and this one has clearly developed that exploratory instinct through patient practice.

  2. Everything for Minecraft topminecraftworldseeds com in one place: mods skins maps texture packs and the best seeds for survival creativity and adventure. Collections of popular add-ons installation instructions updates and secure downloads for different versions of the game.

  3. Learned something from this without having to dig through layers of fluff, and a stop at growthfindsclarity added a bit more context that helped tie things together for me, definitely a useful corner of the internet for anyone who wants real information without the usual marketing nonsense around it that often ruins similar pages.

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

  5. Just want to say thank you for putting this together, posts like these make searching online actually worth it sometimes, and a quick look at buildmomentumwisely kept that going, useful and easy to read without any of the tricks that ruin most blog comment sections lately on the wider open web.

  6. Probably one of the more reliable sources I have found for this kind of careful coverage, and a look at focustrajectory reinforced the reliability, the small group of sources I would describe as reliable for a given topic is curated carefully and this site has earned a place in that small group through consistent performance.

  7. Found this via a link from another piece I was reading and the click was worth it, and a stop at clarityfirstgrowth extended the value across more material, the open web still rewards clicking through citations when the underlying writers care about each other work and this site clearly belongs to that network.

  8. Glad I clicked through from where I did because this turned out to be worth the time spent, and after chestnutharbormerchantgallery I had a fuller picture, the kind of content that earns its visitors through delivering value rather than chasing them through aggressive advertising or constant pop ups appearing everywhere on the screen lately.

  9. A clear case of writing that does not try to do too much in one post, and a look at growthneedsmomentum maintained the same scoped discipline, posts that try to cover too much end up covering nothing well and this site has clearly chosen scope discipline as a core editorial principle which shows up clearly in what I read.

  10. Decided not to skim despite my usual habit and was rewarded for the discipline, and a stop at growthpipeline earned the same patient approach, training myself to recognise sites that warrant slower reading is part of being a careful online reader and this site is the kind that helps me practice that skill regularly.

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

  12. Thanks for putting in the work to make this approachable, plenty of sites cover the same ground but most do it badly, and a quick visit to visionframework confirmed this one stands apart, simple language and useful examples without anyone trying to sell me anything along the way which I really appreciated.

  13. Reading this gave me material for a conversation I needed to have anyway, and a stop at buildtractioncleanly added even more talking points, content that connects to upcoming social or professional needs rather than just being interesting in the abstract is the kind that earns priority placement in my attention these days routinely.

  14. If I am being honest this is the kind of site I quietly hope my own work will someday resemble, and a stop at moveforwardintentionally extended that aspirational feeling, finding work that models what I want to produce is part of why I read carefully and this site has been performing that modelling function for me lately consistently.

  17. Decided this was the best thing I had read all morning, and a stop at signaldrivenmomentum kept that ranking intact, ranking my reading is something I do mentally throughout the day and the top rank is competitive and not easily won but this site won it without needing to overstate its claims for that.

  18. Reading this in segments because the day was busy and the post survived the fragmented attention well and a stop at dylbray 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.

  19. Thanks for the readable length, I finished it without checking how much was left, and a stop at ideaswithoutnoise kept me reading the same way, when I stop noticing the length of a piece because the content is engaging enough to sustain attention without willpower the writer has done their job well today.

  20. Probably going to mention this site in a write up I am working on later this month, and a stop at agatebrindle provided more material for that potential mention, content worth referencing in my own published work rather than just personal reading is content with the highest endorsement level and this site has earned that endorsement.

  21. Useful information presented in a way that does not feel like a sales pitch, that is what I appreciated most, and a stop at clarityfirstmove was the same, no upsell and no fake urgency just steady content laid out properly for someone trying to actually learn from it rather than just be sold to.

  23. Took a few notes from this post, the points are easy to remember without needing to come back and check, and a look at focusshapesresults added a couple more, the kind of place that sticks in the memory long after the browser tab has been closed for the day which says a lot really.

  24. A particular kind of restraint shows up in the writing, and a look at buildmomentumintelligently maintained the same restraint across pages, knowing what not to say is just as important as knowing what to say and this site has clearly developed strong instincts on both sides of that editorial line throughout pieces I have read.

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

  26. A piece that did not waste any of its substance on sales or promotion, and a look at strategyandclarity continued that pure content focus, sites that resist the urge to monetise every paragraph are increasingly rare and this one has clearly made the editorial choice to keep the writing clean from commercial intrusion which I value highly.

  27. Appreciate the work that went into laying this out so clearly, every section earns its place without filler, and a look at focusdrivesexecution confirmed the same care, definitely the kind of place that deserves a return visit when the topic comes up again later in the future or for any related question.

  28. Found the post genuinely useful for something I was working on this week, and a look at ideasneedmomentum added more material I will reference, content that connects to my actual life and work rather than just being interesting in the abstract is the kind I will pay attention to and return to repeatedly.

  29. Decent post that improved my afternoon a small amount, and a look at forwardenergyflow added a bit more to that, sometimes the small wins online add up over time and a useful site like this one is the kind of place that contributes consistently to those small wins for me lately across many different topics I follow.

  30. Solid value packed into a relatively short post, that takes skill, and a look at forwardtractioncreated 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. Came in tired from a long day and the writing held my attention anyway, and a stop at motionarchitect kept that going, content that can engage a fatigued reader is doing something right because most online reading happens in suboptimal conditions like that one and quality content adapts to it without complaint.

  32. The pacing of the post was just right, never rushed and never dragged out unnecessarily, and a look at buildforwardtraction maintained the same rhythm, you can tell the writer has experience because the difficult skill of pacing is something only practiced writers manage to handle well in long form content over time and across formats.

  33. Just wanted to drop a quick note saying this was a useful read on a topic I have been circling, no fluff, and a stop at ideasgaintraction added a few extra points that fit the same simple style which makes the whole site feel coherent rather than thrown together by many different writers with different goals.

  34. Most attempts at writing on this topic feel like they are missing something and this post finally identified what was missing, and a look at claritybridge extended that diagnostic clarity, content that names what is wrong with adjacent treatments while doing better itself is content with both critical and constructive value and this site has both.

  35. Glad I gave this a chance instead of bouncing on the headline and after dylcane I was certain I had made the right call snap judgements based on titles miss a lot of good content and this is a reminder to slow down and check things out before scrolling past in a hurry.

  36. Now noticing that the post avoided the temptation to be funny in places where humour would have undermined the substance, and a stop at coppercovemerchantgallery maintained the same restraint, knowing when to be serious is a rare editorial virtue and this site has clearly developed it through what I assume is careful editorial practice over years.

  37. Strong recommendation, anyone interested in this topic owes themselves a visit, and a stop at agaveamber extends that recommendation across more of the site, this is the kind of resource that makes me more optimistic about the state of the open web than I usually am these days actually for once which is genuinely refreshing.

  38. Considered alongside other sources I have been reading this one consistently rises to the top, and a stop at ideasneedvelocity maintained that top ranking, the informal ongoing comparison between sources is something I do whenever reading on a topic and this site keeps coming out near the top of those comparisons over many sessions.

  39. Took something from this I did not expect to find, and a stop at forwardthinkingcore added another unexpected useful piece, content that exceeds expectations rather than just meeting them is the kind that builds enthusiasm and earns repeat visits without any explicit ask from the writer or platform behind the work being read.

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

  42. Now feeling slightly more optimistic about the state of independent writing online, and a stop at clarityactivatorhub extended that quiet optimism, sites like this one are the reason I have not given up on the open web entirely and finding them occasionally renews the case for paying attention to non algorithmic content sources today.

  43. Started smiling at one paragraph because the writing was just nice, and a look at clarityoveractivity 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.

  45. Now feeling the post has earned a proper recommendation rather than a casual mention, and a stop at intentionalprogression reinforced the recommendation strength, the difference between mentioning and recommending is a small editorial distinction I observe in my own conversations and this site has earned the upgraded recommendation level from me confidently today.

  47. Thanks for the clean writing, no broken sentences and no awkward translations like some other sites have, and a quick stop at progresswithforwardintent kept that polish going nicely, it really does make a difference when a reader can move through a page without tripping on every line or going back to reread.

  49. Felt a small spark of recognition when the post named something I had been struggling to articulate, and a look at focusacceleration produced more such moments, the rare service of giving readers language for fuzzy intuitions is one of the higher values that good writing can provide and this site offered several today instances.

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>