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

  2. A piece that handled a controversial angle without becoming heated, and a look at directionsharpensfocus continued that calm engagement, content that can address contested topics without inflaming them is doing rare diplomatic work and this site has clearly developed the editorial maturity to handle sensitive material with the appropriate temperature of writing throughout.

  3. Probably this is one of the better quiet successes on the open web at the moment, and a look at actionpoweredgrowth reinforced that quiet success quality, sites that are doing well without making a noise about doing well are the sites I most respect and this one has clearly chosen the quiet success path consistently throughout.

  4. canadian approved online casinos, canadian slot machines online and arcade slot machines for sale uk, or is online poker coming back to united
    states

    Have a look at my webpage winstar casino live play; Ezequiel,

  5. Skipped a meeting reminder to finish the post, and a stop at momentumovernoise held me past another reminder, when content beats meetings the writer is doing something extraordinary because meetings have institutional support behind them and yet good writing can still occasionally win that competition for attention which I find heartening today.

  6. Thanks for the honest framing without exaggerated claims that the topic will change my life, and a stop at clarityguidesmotion kept the same modest tone, restraint in marketing language signals trustworthiness and the writers here are clearly playing the long game by building credibility rather than chasing immediate clicks through hyperbole.

  7. Felt the writer was being honest with the reader which is rare enough that I want to acknowledge it, and a look at agavebarley continued that honest feel, content built on actual knowledge rather than aggregated summaries is something I value highly and rarely come across in regular searches on the open internet these days.

  8. Liked everything about the experience, from the opening through to the closing notes, and a stop at directionalactivation extended that into more pages, finding a site where the editorial vision shows through every choice rather than feeling random is an increasingly rare experience and one I am glad to have today during this particular reading session.

  9. Came in tired from a long day and the writing held my attention anyway, and a stop at growthmovesforward 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.

  10. Adding to the bookmarks now before I forget, that is how good this is, and a look at actionintoprogress confirmed the rest of the site is worth saving too, this is one of those rare finds that justifies the time spent searching the web for once which is a relief in the current environment.

  11. Quietly the writers approach to the topic differs from the dominant takes I have been encountering, and a stop at buildwithmotion extended that distinctive approach, content that maintains a different perspective without explicitly arguing against the dominant ones is content with confident editorial identity and this site has that confidence throughout pieces.

  12. If you asked me to point to a recent positive sign for the open web this site would be near the top, and a stop at growthwithoutnoise reinforced that designation, the few sites that serve as evidence the web can still produce quality independent content are precious and this one has clearly become one for me.

  13. A piece that built up gradually rather than front loading its main points, and a look at focuspowersmovement 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.

  15. Picked this site to mention to a colleague who would benefit, and a look at ideasintoresultsnow added more material I will pass along, recommending sites to colleagues is a higher bar than recommending to friends because the professional context demands more careful curation and this site cleared the professional bar without me having to think.

  16. Now thinking the topic is more interesting than I had given it credit for, and a stop at idearoute continued that elevated interest, content that revives my curiosity about subjects I had set aside is doing genuine work in the structure of my interests and this site is providing that revivifying effect today actually.

  17. Thanks for expressing your ideas here. The other matter is that any time a problem appears with a laptop or computer motherboard, people should not take the risk of repairing the item themselves for if it is not done correctly it can lead to irreparable damage to the whole laptop. It is usually safe just to approach the dealer of that laptop for the repair of the motherboard. They’ve got technicians who’ve an competence in dealing with pc motherboard difficulties and can carry out the right diagnosis and execute repairs.

  18. Looking through the archives suggests this site has been doing this for a while at this level, and a look at actionplanner confirmed the long term consistency, sites that have maintained quality across years rather than just a recent stretch are sites with serious editorial discipline and this one has clearly been at it for a while.

  19. Came here from a search and stayed for the side links because they were that interesting, and a stop at copperharborcommercegallery took me even further into the site, the kind of organic exploration that good content invites is something most sites kill through aggressive interlinking and pushy navigation choices rather than relying on quality.

  21. Skipped the related products section because there was none, and a stop at ideasbecomemovement 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.

  22. Glad I gave this a chance rather than scrolling past, and a stop at directionenergizesaction confirmed I made the right call, sometimes the best content is hidden behind unassuming headlines that do not scream for attention and learning to slow down and check those out has paid off many times now across years of reading.

  23. During my morning reading slot this fit perfectly into the routine, and a look at directionanchorsmotion extended that perfect fit into the rest of the routine, content that matches the rhythm of how I actually read rather than demanding accommodation from my schedule is content well calibrated to its likely audience and this site has it.

  26. Reading this with a fresh mind in the morning brought out details I might have missed in the afternoon, and a stop at focuscreatesleverage earned the same fresh attention, content that rewards being read at full attention rather than at energy lows is content with real density and this site has that density consistently.

  27. More original than the recycled takes I keep finding on the topic elsewhere, and a quick look at focusbuildsvelocity confirmed it, the kind of site that has its own voice rather than echoing whatever is trending which makes it stand out as a refreshing change from the usual rotation of generic content I see daily.

  28. Thanks for the honest framing without exaggerated claims that the topic will change my life, and a stop at claritymeetsaction kept the same modest tone, restraint in marketing language signals trustworthiness and the writers here are clearly playing the long game by building credibility rather than chasing immediate clicks through hyperbole.

  29. Skipped the related products section because there was none, and a stop at momentumwithmeaning 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.

  30. Really like that the writer trusts the reader to follow simple logic without restating every previous point, and a stop at focusunlockspath kept that respect going, treating an audience as capable adults rather than as people who need constant hand holding makes a noticeable difference in the reading experience for me.

  32. Reading this in pieces over a coffee break and finding it consistently rewarding, and a stop at moveideasforwardclean extended that into related material I will return to later, the kind of site that fits naturally into small reading windows without requiring a long uninterrupted block is genuinely useful for how I actually browse.

  33. Thanks for laying this out in a way that someone newer to the topic can follow, and a stop at moveideaswithpurpose kept that accessibility going, writing that meets readers at different experience levels without condescending is hard to do well and the writers here have clearly thought about who they are writing for.

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

  35. Will be sharing this with a couple of people who care about the topic, and a stop at growthneedsalignment added more material worth passing along, the kind of site that is generous with quality content and does not make you jump through hoops to access it which is appreciated more than the team probably realises.

  36. Genuinely good work, the kind that holds up over multiple readings without losing its appeal, and a stop at growthsteering kept that going, definitely a site I will be returning to and probably mentioning to others who work in or care about this particular area of interest today and in coming weeks.

  38. Glad the writer did not feel compelled to cover every possible angle of the topic, focus is a virtue, and a stop at actiondrive reflected the same disciplined scope, knowing what to leave out is half of what makes good writing good and this post has clearly been edited with that principle in mind.

  39. Appreciated the way each section connected smoothly to the next without abrupt jumps, and a stop at moveideascleanly 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.

  41. Glad I gave this a chance rather than scrolling past, and a stop at growthtrajectory confirmed I made the right call, sometimes the best content is hidden behind unassuming headlines that do not scream for attention and learning to slow down and check those out has paid off many times now across years of reading.

  43. Picked this up while looking for something else and ended up reading every paragraph because it was actually informative, and after growthinmotion I was sure I would come back, that does not happen often when most sites bury the useful parts under endless ads and pop ups today and across most categories online.

  44. Quiet confidence runs through the whole post, no need to shout to make the points stick, and a stop at clarityfirstaction carried that same restrained voice forward, content that respects the reader by trusting its own substance rather than dressing it up in theatrical language is what I look for online and rarely actually find these days.

  46. Worth recognising the absence of the usual blog tropes here, and a look at growthacceleratesforward continued that fresh quality, sites that avoid the standard moves of the medium read as more original even when the content is on familiar topics and this one has clearly chosen its own path through the conventional terrain skilfully.

  47. Solid information that lines up with what I have been hearing from other reliable sources, and after my visit to actioncreatesdirection 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.

  48. 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 actionoverhesitation 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.

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>