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

  1. Started reading skeptically because the headline seemed overconfident, and the post earned the headline by the end, and a look at zavix continued that pattern of earning its claims, sites that can back up their headlines without overpromising are rare and this one has clearly developed editorial calibration on that front consistently.

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

  8. Honest opinion is that this is the kind of post that builds long term trust with readers, and a look at kavionpath reinforced that perception, the slow accumulation of trust through consistent quality is the only sustainable way to build a real audience and this site is clearly playing that long game.

  10. Came here from another site and ended up exploring much further than I planned, and a look at quvexacore only encouraged more exploration, the kind of place where one click leads to another not through manipulative design but through genuinely interesting content is rare and worth highlighting when found like this somewhere on the open internet.

  11. Reading this between meetings turned out to be the most useful thing I did all afternoon, and a stop at longtermvaluealliances kept that productivity feeling going, content can sometimes outperform actual work in terms of what gets accomplished mentally and this site managed that today which is genuinely a high bar to clear consistently.

  13. Loved the writing voice here, friendly without being fake and confident without being arrogant, and a stop at businessrelationshipnetwork carried the same tone forward, the kind of personality that makes a reader feel welcome rather than lectured at which is a balance plenty of writers struggle to find no matter how long they have been at it.

  14. Solid quality, the kind of work that holds up to a careful read rather than a quick skim, and a quick look at ravionstore 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.

  18. Honestly enjoyed not being sold anything for the entire duration of the post, and a look at businessunityplatform kept that pleasant absence going across more pages, content that exists for its own sake rather than as a funnel to a paid product is increasingly rare and worth supporting where I can find it.

  20. Once you start reading carefully here it is hard to go back to lower quality alternatives, and a stop at nolix reinforced that ratchet effect, the way good content raises standards is real over time and this site has clearly contributed to raising my expectations for what is possible in writing on the topic generally.

  21. Honest reaction is that this is the kind of writing I would defend in a conversation about good blog content, and a look at flexibledigitalshopping reinforced that, the rare site whose work I would actively recommend rather than just tolerate is the kind I want to support through return visits regularly.

  24. Came in confused about the topic and left with a much firmer grasp on it, and after onlinevaluepurchase I felt I could explain this to someone else without hesitation, that is the gold standard for any educational content and most sites simply fail to reach it ever which is unfortunate but true.

  25. Quietly building a case in my head for why this site deserves more attention than it currently seems to receive, and a look at androblink reinforced the case, the gap between quality and recognition is a recurring frustration in independent online content and this site is one of the cases that seems particularly egregious to me today.

  26. Took the time to read every paragraph rather than skimming for the punchline and a quick visit to trustedcorporateconnections earned the same careful attention from me that is the highest signal I can give about content quality because my default mode is rapid scanning rather than deliberate reading on most pages.

  27. If I were to recommend a starting point for the topic this site would be near the top of my list, and a stop at longtermbusinesspartnerships reinforced that recommendation status, the small list of starting point recommendations I keep for friends asking about topics is short and this site is now firmly on it.

  29. Skipped past the first paragraph thinking it was setup and had to come back when the rest referenced it, and a stop at professionalrelationshiphub similarly rewarded careful reading from the start, content where every paragraph carries weight is content I now know to read from the beginning rather than skipping ahead.

  32. Glad I clicked through from where I did because this turned out to be worth the time spent, and after axory 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.

  35. Ended up here on a wandering afternoon and was glad I stayed for the read, and a stop at tavro extended the wandering into a proper exploration of the site, the kind of place that rewards aimless clicking with something genuinely interesting rather than the shallow content that mostly populates the modern open web.

  37. Yesterday I was complaining about the state of online writing and today this site has temporarily fixed that complaint, and a look at yaverobonded extended that mood reversal, the short term mood improvement that comes from finding good content is real and this site has produced that improvement for me at a useful moment.

  40. Learned something from this without having to dig through layers of fluff, and a stop at xelvix 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.

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

  44. A welcome contrast to the loud takes that have dominated my feed lately, and a look at qulix extended that calm voice, content that arrives without yelling has become unusual in the modern attention economy and this site is one of the few places I have found that consistently delivers without raising its voice.

  45. Glad I clicked through from where I did because this turned out to be worth the time spent, and after professionalbondsolutions 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.

  46. A quiet piece that did not try to compete on volume, and a look at smartdealpurchasecenter maintained that selective approach, sites that publish less but better are increasingly rare in an environment that rewards volume and this one has clearly chosen quality cadence over quantity which is a brave editorial decision in current conditions.

  47. Skipped lunch to finish reading, which says something, and a stop at strategicgrowthalliances kept me at my desk longer than planned, when content beats the lunch impulse the writer has done something genuinely impressive in an attention environment full of immediately satisfying alternatives competing for the same finite block of reader time.

  48. Liked that the post resisted a sales pitch ending, and a stop at nolaroview maintained the no pitch approach, content that ends without trying to convert me into a customer or subscriber is content that has confidence in its own value and this site is clearly playing the long game on reader trust.

  49. Adding to the bookmarks now before I forget, that is how good this is, and a look at trivoxroute 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.

  50. Top tier post, the kind that makes you want to share the link with friends working in the same area, and a stop at qelarocircle only made me more confident in doing that, this site is one of the better resources I have seen on the topic recently across both new and older posts.

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>