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

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

  13. Reading this post made me realise I had been settling for lower quality elsewhere, and a look at modernflow extended that recalibration, content that exposes how much I had been accepting in adjacent sources is content with calibrating effect on my standards and this site is performing that calibration function across topics for me reliably.

  14. Now feeling confident that this site will continue producing work I will want to read, and a look at growthalignsforward 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.

  15. Now noticing that the post avoided the temptation to be funny in places where humour would have undermined the substance, and a stop at unityheritagebond 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.

  16. Came in skeptical and left mostly convinced, that is the highest praise I can offer, and a look at motionbuilder pushed me further in the same direction, content that survives a critical first read is rare and worth recognising because most blog posts crumble under any real scrutiny these days when you actually pay attention closely.

  17. Now planning a longer reading session for the archives, and a stop at forwardgrowthengine confirmed the archives are worth that longer commitment, sites with archives I want to read deliberately rather than just sample are rare and this one has clearly earned that level of interest based on the consistency of what I have already read.

  18. Beyond the immediate post itself the editorial sensibility behind the site is what struck me, and a stop at integrityaxis continued displaying that sensibility, content that reveals editorial choices through accumulated reading is content with structural quality and this site has clearly developed an underlying approach worth identifying through multiple sessions of reading.

  20. Honestly this was a good read, no jargon and no padding, and a short look at stylecorner 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.

  21. I really like the calm tone here, it does not push anything on the reader, and after I went through successchain I felt the same way, just steady useful content laid out without drama, which is exactly what someone trying to learn something quickly needs to find rather than aggressive marketing.

  22. A piece that ended with a clean landing rather than fading out, and a look at actionbuildsmomentum maintained the same crisp conclusions, endings that resolve rather than dissolve are a sign of careful structural thinking and this site has clearly invested in how its pieces conclude rather than letting them simply run out of energy.

  23. Picked up several practical tips that I plan to try out this week, and a look at ideasneedprecision added a few more I will be testing alongside, content with practical hooks that connect to my actual life is the kind that earns my repeat attention rather than the merely interesting that I forget within a day.

  24. A piece that built up gradually rather than front loading its main points, and a look at bondedvaluechain maintained the same gradual structure, content that trusts the reader to reach conclusions through accumulating reasoning is more persuasive than content that announces conclusions and then defends them and this site uses the persuasive approach.

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

  28. Without overstating it this is a quietly excellent post, and a look at claritymovesforward extended that quiet excellence, content that earns superlatives without demanding them through marketing language is content that has truly earned them through the substance and this site has clearly produced work in that earned excellence category today.

  29. Now noticing that the post avoided the temptation to be funny in places where humour would have undermined the substance, and a stop at growthfollowsdesign 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.

  30. Came in for one specific question and got answers to three I had not even thought to ask, and a look at trustedcapitalbond extended that bonus value pattern, the kind of resource that anticipates reader needs rather than just answering the literal question asked is the gold standard and this site reaches it.

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

  32. Probably worth setting aside a longer block to read more carefully than I can right now, and a stop at ideasfuelmovement confirmed the longer block plan, the impulse to schedule dedicated time for a sites archive is itself a measure of trust and this site has earned that scheduling impulse from me clearly today actually.

  33. Probably the kind of site that should be more widely read than it appears to be, and a look at primebondnetwork reinforced that quiet wish, the gap between a sites quality and its apparent reach is sometimes large and that gap exists for this site in a way that makes me want to mention it more.

  36. Skipped the related products section because there was none, and a stop at trendlyo also lacked any aggressive monetisation, content that is not constantly trying to convert me into a customer or subscriber is content that has confidence in its own value and that confidence shows up as a different reading experience.

  37. Useful information presented in a way that does not feel like a sales pitch, that is what I appreciated most, and a stop at trustnexus 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.

  38. Thank you for the genuine effort here, it shows in every paragraph and not just the headline, and after my visit to elitepartner I was sure this site cares about getting things right rather than chasing clicks, which is the main reason I will come back later this week to read more.

  39. A piece that left me thinking I had been undercaring about the topic, and a look at trendhub reinforced that mild concern, content that raises the appropriate weight of a subject without being preachy about it is doing important work and this site is providing that gentle elevation of attention for me consistently.

  40. Now noticing how rare it is to find a site that does not feel rushed, and a look at focusbuilder extended that calm pace, content produced without time pressure has a different quality than content shipped to meet a deadline and this site reads as written without urgency which produces a different and better experience for readers.

  41. Better signal to noise ratio than most places I check on this kind of topic, and a look at momentumstartswithfocus kept that going, every paragraph here carries something worth reading rather than padding out the page to hit some arbitrary length target that search engines reward but readers ignore as soon as they notice it.

  43. Worth every minute of the time spent reading, and a stop at capitalalliancebond extends that value across more pages, in a media environment where most content is engineered to waste attention this site stands out by treating reader time as something valuable rather than something to be exploited and stretched as far as possible.

  44. Considered alongside other sources I have been reading this one consistently rises to the top, and a stop at unitystronghold 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.

  45. Reading this felt easy in the best way, no friction and no confusion at any point, and a stop at clarityguidesdirection 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.

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

  49. Honestly slowed down to read this carefully which is not my default, and a look at directionactivation kept me in that careful reading mode, the kind of writing that demands attention by being worth attention is rare in a media environment full of content engineered to be skimmed not read with any real focus today.

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

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>