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

  1. Found this via a link from another piece I was reading and the click was worth it, and a stop at trustedonlineshoppingcenter extended the value across more material, the open web still rewards clicking through citations when the underlying writers care about each other work and this site clearly belongs to that network.

  2. A particular pleasure to read this with a fresh coffee, and a look at qelarocapital extended the pleasure across more pages, content that pairs well with quiet morning rituals is something I have come to value highly and this site has the kind of energy that fits naturally into a calm reading routine.

  3. Strong recommendation from me, anyone curious about the topic should make time for this, and a look at xevra only sharpens that recommendation further, the kind of resource that holds up against careful scrutiny rather than crumbling at the first critical question is rare and worth pointing other people toward when the topic comes up.

  4. A piece that reads as if the writer trusted readers to fill in obvious gaps, and a look at ariabee continued that respectful approach, content that does not over explain what the reader can infer is content that respects intelligence and this site has clearly chosen to write to capable readers rather than to the lowest common denominator.

  5. Now adding this site to a small mental group of recommendations I keep ready for specific kinds of inquiries, and a stop at clickforbetterdecisions extended the recommendation readiness, content that I can confidently point friends and colleagues toward in specific contexts is content with real social utility and this site has that utility clearly.

  6. In the middle of an otherwise scattered day this post landed as a moment of focus, and a stop at discovergrowthframeworks extended that focused feeling across more pages, content that anchors a fragmented day rather than contributing to the fragmentation is content with real centring effect and this site is providing that anchoring function for me.

  7. Reading this slowly in the morning before opening email, and a stop at yaverocapital extended that protected attention, content that earns the prime morning reading slot before the daily distractions begin is content with elevated status and this site has earned that prime slot consistently in my recent reading habits clearly.

  8. Reading this between two meetings turned out to be the highlight of the morning, and a stop at plivoxunity continued that highlight quality, content that outshines the structured parts of a working day is doing something well beyond ordinary and this site has produced multiple such highlights for me already this week alone.

  11. Found this through a friend who recommended it and now I see why, and a look at xeviroshop only strengthened that recommendation in my own mind, word of mouth still works for content that actually delivers and this site is clearly earning recommendations the old fashioned way through quality rather than marketing.

  12. Better than the average post on this subject by some distance, and a look at quvix reinforced that, you can tell within the first paragraph that the writer here actually cares about the topic rather than just covering it for the sake of having something to publish that week or that day.

  13. Considered against the flood of similar content this one stands apart in important ways, and a stop at velvix extended that distinctive feel, sites that find their own corner of a crowded topic and stay there are sites worth following and this one has clearly carved out its own space and committed to defending it carefully.

  19. Reading this gave me a small mental break from the heavier reading I had been doing, and a stop at globalshoppinginfrastructure extended that lighter feel, content that provides relief without becoming trivial is harder to produce than people realise and this site has clearly figured out how to be light without being shallow at all.

  23. Saving the link for sure this one is a keeper and a look at digitalcommercebuying confirmed I should bookmark the entire site rather than just this page the consistency across what I have seen so far suggests there is a lot more here worth coming back for soon when I have more time.

  24. Honest assessment after reading this twice is that it holds up under careful attention, and a look at maverobase extended that durability across more pages, content that survives a second read without revealing weak spots is rarer than the average reader probably realises and this site clearly cleared that bar.

  26. Just sat with this for a bit longer than I usually would because the points are worth thinking about, and after nixaropillar I had even more to chew on, the kind of post that nudges your thinking forward without forcing the issue is something I have always appreciated in good writing online.

  28. Generally I do not leave comments but this post merits a small note, and a stop at clickforstrategicthinking extended that comment worthy quality, the urge to actively contribute to a sites community rather than passively consume from it is something specific content provokes and this site has provoked that engagement urge from me today.

  29. Over the course of reading several posts here a pattern of quality has emerged, and a stop at learnandscaleintelligently confirmed the pattern, the difference between sites that hit quality occasionally and sites that hit it consistently is huge and this site has clearly demonstrated the consistent kind through what I have read this morning.

  31. Such writing is increasingly rare and worth supporting through attention, and a stop at mavro extended that supportive attention across more pages, the conscious choice to spend time on sites that produce careful work rather than convenient consumption is itself a small form of patronage and this site is receiving that conscious patronage from me.

  33. Reading this prompted a small note in my reference file, and a stop at brixelmarket prompted another, the rare site that contributes useful nuggets to my own working knowledge rather than just consuming my attention is worth the time investment many times over compared to the usual pile of forgettable scroll content.

  37. Felt the post had been quietly polished rather than aggressively styled, and a look at cavaroshop 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.

  39. Felt no urge to argue with the conclusions even though I started the post slightly skeptical, and a look at smartconsumerbuyingzone maintained that pattern, writing that earns agreement through clarity of argument rather than rhetorical pressure is the kind I find most persuasive and the kind I want to read more of these days.

  41. Strong recommendation, anyone interested in this topic owes themselves a visit, and a stop at zylavobase extends that recommendation across more of the site, this is the kind of resource that makes me more optimistic about the state of the open web than I usually am these days actually for once which is genuinely refreshing.

  42. Probably the kind of site that should be more widely read than it appears to be, and a look at yavon 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.

  44. If I am being honest this is the kind of site I quietly hope my own work will someday resemble and a stop at easyonlinepurchasecenter extended that aspirational feeling finding work that models what I want to produce is part of why I read carefully and this site has been performing that modelling function for me lately consistently.

  45. More original than the recycled takes I keep finding on the topic elsewhere, and a quick look at ravixo 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.

  48. Bookmark added without hesitation after finishing, and a look at xelivotrustgroup confirmed I should bookmark the homepage too rather than just this page, the rare site that earns category level trust rather than just single article approval is the kind I want to rely on across many different topics over time.

  49. A genuinely unexpected highlight of my reading week, and a look at xenvo extended that pattern, the surprise of finding excellent content rather than the predictable mediocre is one of the few real pleasures of casual web browsing and this site delivered that surprise cleanly today which I really do appreciate.

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>