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

  1. Found the writing surprisingly fresh for what is by now a well covered topic, and a stop at unitybridgebond kept that freshness going across the related pages, original perspective on familiar ground is hard to come by and this site has clearly earned its place in the conversation rather than just rehashing old ideas.

  2. Felt the post had been quietly polished rather than aggressively styled, and a look at smartgrowth confirmed the same understated polish, sites whose quality reveals itself slowly rather than announcing itself loudly are the kind I trust more deeply because the trust is not based on first impressions of marketing but actual substance.

  4. Just sat back at the end of the post and felt grateful that someone took the time to write it, and a look at capitalbondcraft extended that gratitude across more of the site, recognising effort behind quality work is part of what makes the open web a community rather than just a marketplace today.

  5. Useful enough to recommend to several people I know who would appreciate it, and a stop at bondedcircle 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.

  6. A piece that did not require external context to follow, and a look at findyourstyle maintained the same self contained quality, content that stands alone without forcing readers to chase prerequisites is more accessible and this site has clearly thought about how each piece can serve a fresh visitor rather than only existing members.

  8. Found something new in here that I had not seen explained this way before and a quick stop at directionalmap expanded the idea even further the kind of writing that nudges your thinking forward a bit without forcing the issue is exactly what I look for online today and rarely actually find anywhere.

  10. Now sitting with the thoughts the post triggered rather than rushing on to the next thing, and a stop at progressalignment extended that reflective pause, content that earns time for thought after closing the tab is content of higher value than the merely interesting and this site has clearly produced that lasting effect today.

  11. Solid value packed into a relatively short post, that takes skill, and a look at capitalheritage 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.

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

  14. Worth saying that the post fit naturally into a rhythm of careful reading, and a stop at impactanchor extended the same rhythm, content that pairs well with how I actually read rather than demanding a different mode is content well calibrated to its likely audience and this site has clearly thought about that consistently.

  15. Solid information that lines up with what I have been hearing from other reliable sources and after my visit to peaktrustbond I was even more certain of that this site checks out which is something I value highly when so many places online play loose with the facts to chase a quick click.

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

  19. Now appreciating the small but real way this post improved my afternoon, and a stop at steadfastlink extended that small improvement effect, content that produces measurable positive impact on the texture of a reading day is content with real value and this site is producing those small positive impacts at a sustainable rate apparently.

  20. Solid endorsement from me, the writing earns it, and a look at clutchchunk continues to earn it across the broader site too, the kind of operation that maintains quality across many pages rather than just one viral post is a sign of serious commitment and that is what I see here clearly across what I read.

  22. Reading this gave me a quiet moment of intellectual pleasure that I had not been expecting, and a stop at grandanchor extended that pleasure across more pages, the unexpected reward of stumbling into careful writing is one of the small ongoing pleasures of reading the open web and this site is delivering it reliably.

  23. The clarity here is something I really appreciate, especially compared to sites that pile on jargon for no reason, and a look at harborstone was the same, simple direct sentences that actually deliver information instead of dancing around the point for paragraphs at a time which wastes reader patience.

  24. Glad to have another reliable bookmark for this topic, and a look at bondedalliancehub suggested several more pages I will be marking too, building a personal library of trustworthy resources is one of the actual rewards of careful browsing and this site is earning a place on my permanent shortlist for the topic.

  28. Solid recommendation from me to anyone working in the area, the perspective here is grounded, and a look at assuredlink 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.

  29. online gambling in latin united states, casino offers no deposit
    usa and uk latest online casino, or big uk slot
    wins

    Also visit my web site; 2041 blackjack rd starkville ms – Hildred -

  30. Worth a slow read rather than the fast scan I usually default to, and a look at growthmovesbychoice earned the same slower pace from me, content that resets my reading speed downward is content with substance worth absorbing and this site has produced that effect on me multiple times now over the last week here.

  31. Now leaving a small mental note to recommend this when the topic comes up in conversation, and a look at focusshapesmotion extended that recommend ready feeling, content that arms me with shareable references for likely future conversations is content with social value and this site is providing that conversational ammunition consistently for me lately.

  34. A thoughtful piece that did not strain to be thoughtful, and a look at dreamvision 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.

  36. Quietly impressive in a way that does not announce itself, and a stop at actionguidesmovement extended that quiet impressiveness, the kind of quality that emerges through sustained attention rather than first impressions is the kind I trust more deeply and this site has been earning that deeper trust across multiple sessions over time consistently.

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

  40. Took something from this I did not expect to find, and a stop at claritybuildsvelocity 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.

  42. If you scroll past this site without looking carefully you will miss something, and a stop at anchortrust extended that mild warning, the surface of the site does not advertise its quality loudly which means careful attention is required to recognise what is being offered here which is itself a kind of editorial signal.

  44. If quality blog writing is dying as people sometimes claim then this site is one piece of evidence that it has not died yet, and a look at legacycapital extended that evidence, the broader cultural question about online writing has empirical answers in specific sites and this one is contributing to a more optimistic answer overall.

  45. Generally I am cautious about recommending sites on first encounter but this one warrants the exception, and a look at actionshapesdirection reinforced the exception making, the rare site that justifies breaking my normal cautious approach is the rare site worth flagging early and this one has prompted exactly that early flagging response from me.

  47. Glad I gave this fifteen minutes rather than the usual three minute skim, and a look at progressorchestrator earned the same investment, time spent on quality content is rarely wasted but the reverse is also true and learning which sites deserve which kind of attention is part of being a careful online reader.

  49. Saving this link for the next time someone asks me about this topic, and a look at bluechipbonding expanded what I will be sharing with them, this is the kind of resource that makes a real difference when you are trying to point a friend to something useful and reliable rather than generic marketing pages.

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>