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

  2. Now feeling the quiet pleasure of finding writing that takes itself seriously without being self serious, and a stop at trustedmarketrelationship extended that subtle pleasure, the gap between earnest and pretentious is fine and this site has clearly chosen to land on the earnest side without slipping over into pretentious which is impressive.

  3. Closed three other tabs to focus on this one and never opened them again, and a stop at discovernewmarketangles similarly held attention exclusively, content that crowds out other reading from working memory is content with real density and this site has demonstrated that density across multiple pages I have visited so far this morning.

  4. Solid quality, the kind of work that holds up to a careful read rather than a quick skim, and a quick look at plavo kept that standard going strong, content that rewards attention rather than punishing it is something I appreciate more and more these days online across nearly every topic I follow.

  5. If the topic interests you at all this is a place to spend time and a look at reliablepurchasehub reinforced that recommendation the broader question of where to invest topical reading time is one this site answers convincingly through the consistent quality across multiple pieces I have sampled during the current reading session today.

  6. Will be back, that is the simplest way to say it, and a quick visit to plavix reinforced the decision, this site has earned a spot in my regular rotation alongside a few other reliable places I check when I want something genuinely informative without all the usual modern web noise getting in the way.

  9. Excellent execution from start to finish, the post never loses its rhythm and the points stay sharp, and a quick stop at findyournextdirection kept the same level going, consistency like this across a site is the marker of a serious operation rather than a casual side project running on autopilot somewhere else.

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

  13. Found the use of subheadings really helpful for scanning back through the post later, and a stop at buildyourstrategicfuture 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.

  14. A nicely understated post that does not shout for attention, and a look at xavro maintained the same quiet quality, understatement is a stylistic choice that distinguishes serious writing from attention seeking writing and this site has clearly committed to the understated approach as a core editorial value rather than just a phase.

  17. Closed three other tabs to focus on this one and never opened them again, and a stop at learnsomethingmeaningful similarly held attention exclusively, content that crowds out other reading from working memory is content with real density and this site has demonstrated that density across multiple pages I have visited so far this morning.

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

  20. Honestly slowed down to read this carefully which is not my default, and a look at trustedenterpriseconnections 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.

  21. Reading this on a difficult day was a small bright spot, and a stop at modernpurchaseplatform extended that brightness, content that improves a hard day is content that has earned a particular kind of place in my reading habits and this site is occupying that uplifting role for me today which I appreciate clearly.

  29. Decided to subscribe to the RSS feed if there is one, and a stop at trustedpurchaseexperience 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.

  31. Reading this brought back the satisfaction I used to get from blogs ten years ago, and a stop at buildyournextstrategy kept that nostalgic quality alive, sites that capture what was good about an earlier era of internet writing are increasingly precious and this one is doing that without feeling like a deliberate throwback at all.

  32. Appreciated the way each section connected smoothly to the next without abrupt jumps, and a stop at clickforpracticalsolutions kept that flow going nicely, transitions are something most blog writers ignore but the difference is huge for the reader who is trying to follow a sustained line of thought today across many different topics.

  34. Honestly the simplicity of the explanation made the topic click for me in a way other writeups had not, and a look at smartpurchaseecosystem continued that clarity into related areas, when a writer gets the level of explanation right the reader does the heavy lifting themselves and the post just enables it.

  35. A quiet kind of confidence runs through the writing, and a look at longtermbusinesspartnerships carried that same understated assurance, confidence without bragging is the most attractive register for online writing and the writers here have clearly developed it through practice rather than affecting it through stylistic tricks that would feel hollow eventually.

  36. Honestly this kind of writing is why I still bother to read independent sites, and a look at amplebuff extended that broader reflection, the few sites that justify continued attention to non algorithmic content are sites like this one and finding them periodically is enough to keep my reading habits oriented toward independent rather than aggregated content.

  38. One of the more honest takes on the topic I have seen lately, no spin and no oversell, and a stop at everydayonlinepurchase kept that going, the kind of voice the open web could use a lot more of rather than the endless echo chamber of recycled opinions floating around every social platform these days.

  39. Now appreciating that the post did not require external context to follow, and a look at strategictrustsolutions maintained the same self contained quality, content that respects new visitors by being readable without prerequisites is content with broader accessibility and this site has clearly invested in keeping each piece reader friendly for fresh arrivals.

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

  42. A piece that read as the work of someone who reads carefully themselves, and a look at pexra continued that informed feel, writers who are also serious readers produce work with a different quality and this site reads as the product of someone steeped in good writing rather than just generating content for an audience.

  43. The conclusions felt earned rather than tacked on at the end like an afterthought, and a look at globalbusinessunity kept that careful structure going, you can tell when a writer has thought about the shape of their post versus just letting it ramble out and hoping for the best at the end which most do.

  44. Really appreciate that the writer did not stretch the post to hit some target word count, the points end when they are made, and a stop at reliableonlinecommerce reflected the same discipline, brevity is generosity in disguise and this site has clearly figured that out far better than most blog operations have.

  45. Honestly this kind of writing is why I still bother to read independent sites, and a look at krixa extended that broader reflection, the few sites that justify continued attention to non algorithmic content are sites like this one and finding them periodically is enough to keep my reading habits oriented toward independent rather than aggregated content.

  46. Worth every minute of the time spent reading, and a stop at zentrik 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.

  47. A thoughtful piece that did not strain to be thoughtful, and a look at clickforpracticalsolutions continued that effortless quality, when thinking shows up in writing without the writer drawing attention to it you know you are reading something genuinely considered rather than something performing the appearance of consideration which is also common online.

  48. Will be passing this along to a few people who would benefit from the perspective shared here and a stop at valuebasedshoppingonline only added to what I will be sharing this kind of generous content deserves to circulate widely rather than getting buried in some search engine algorithm tweak that pushes it down the rankings.

  49. Decided to read this site for a while before forming a verdict, and the verdict after several pages is positive, and a stop at trivoxtrust continued that pattern, judging a site requires more than one post and giving sites a fair sample is something I try to do for promising candidates rather than rushing to dismiss.

  50. Decided to subscribe to the RSS feed if there is one, and a stop at buildyournextstrategy 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.

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>