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

  2. Worth marking this site as one to come back to deliberately rather than by accident, and a stop at bondnoble reinforced that intention, the difference between sites I find again by chance and sites I return to on purpose is meaningful and this one has clearly moved into the deliberate return category for me.

  5. Took a screenshot of one section to come back to later, and a stop at modernpurchasehub prompted another saved tab, the urge to capture and revisit specific pieces of content is something I rarely feel but when I do it tells me the work is worth more than the average passing read for sure.

  6. Well done, the kind of post that makes you slow down and actually read instead of skimming for keywords, and a look at totalshoppingcenter kept me reading carefully too, that is a sign of writing that has been crafted rather than churned out for an algorithm to see today and tomorrow.

  8. Took longer than expected to finish because I kept stopping to think, and a stop at premiumshoppingzone did the same to me, content that provokes thought rather than just delivering information is in a different category and the team here is clearly working at that higher level rather than just cranking out posts.

  9. Honestly impressed by how much useful content sits in such a small post, and a stop at valuebuyingpoint confirmed the rest of the site packs a similar punch, density without confusion is a hard balance to strike and this site has clearly cracked the code on it across many different topic areas covered.

  11. Even from a single post the editorial care is clear, and a stop at simplebuyingworld extended that care across more pages, the kind of attention to quality that shows up in every paragraph is what separates serious sites from the rest and this one has clearly invested in that paragraph level attention across what I have read.

  12. I’m not sure exactly why but this web site is loading very slow for me. Is anyone else having this problem or is it a issue on my end? I’ll check back later and see if the problem still exists.

  14. Now recognising the post as a rare example of careful writing on a topic that mostly receives careless treatment, and a stop at modernpurchasehub extended that contrast with the average elsewhere, content that highlights how much the average is settling for low quality is content that has both internal merit and external value as a benchmark.

  15. Now appreciating that the post left me with enough to say in a follow up conversation, and a look at learnandimprovefast added more material for those follow ups, content that prepares me for related conversations rather than just informing me alone is content with social utility and this site provides that social armament reliably for me.

  18. A piece that did not try to be timeless and ended up reading as durable anyway, and a look at discoverprofessionalgrowth extended that durable feel, content that stays useful past its publication date without straining for permanence is content that ages well and this site has the kind of evergreen quality that I value highly today.

  19. Most blog writing on this subject reaches for the same handful of arguments and this post avoided them, and a look at reprtgeneralshub continued the original treatment, content that finds its own path through territory other writers have flattened is content with real authorial energy and this site has plenty of that distinctive energy.

  20. However many similar pages I have read this one taught me something new and a stop at velvetpinegoods added more new material content that contributes genuinely fresh information rather than recycling what is already widely available is content with real informational value and this site is providing that informational freshness at a notable rate.

  22. Just wanted to drop a quick note saying this was a useful read on a topic I have been circling, no fluff, and a stop at exploregrowthideas added a few extra points that fit the same simple style which makes the whole site feel coherent rather than thrown together by many different writers with different goals.

  23. Just nice to read something that does not feel like it was assembled from a content brief, and a stop at smartdealshoppingpoint kept that handcrafted feel going, you can tell when a real human with real understanding is behind the words versus a templated piece churned out for an algorithm to find.

  24. Reading this prompted me to send the link to two different people for two different reasons, and a stop at builddigitalgrowthpaths provided ammunition for a third share, content that suits multiple audiences without being generic enough to be useless to any of them is genuinely valuable and this site has that multi audience quality clearly.

  26. Top notch writing, every paragraph carries weight and nothing feels like filler, and a stop at modernretailplatform reflected that same care, a rare thing on the open web these days where most pages exist for clicks rather than actual reader value or anything close to that which is honestly a real shame.

  27. Took the time to read every paragraph rather than skimming for the punchline, and a quick visit to futurefocusedshopping 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.

  28. Now considering the post as evidence that careful blog writing is still possible, and a look at flexibleshoppingoutlet extended that evidence, the broader question of whether the modern web can sustain quality writing has obvious empirical answers in sites like this one and seeing them is reassuring even when they remain a minority overall today.

  29. Closed several other tabs to focus on this one as I read, and a stop at modernretailbuyinghub held my undivided attention the same way, content that earns full focus in an attention environment full of competing pulls is content doing something genuinely well and the team behind it deserves recognition for that achievement consistently.

  30. Came away with a slightly better mental model of the topic than I started with, and a stop at learnandscaleintelligently sharpened that further, content that improves the reader thinking apparatus rather than just dumping facts into it is the rare kind I genuinely value and seek out when I have time to read carefully.

  31. Appreciate the thoughtful approach, the writer clearly took time to make this readable for someone who is not already an expert, and a look at discoverbetterapproaches kept that going nicely, easy on the eyes and easy on the brain which is always a winning combination when reading on a busy day.

  33. Generally I bookmark sparingly to avoid building up a bookmark graveyard but this one earned a permanent slot, and a stop at trustedpartnershipframework extended that permanence designation, the few sites I keep permanent bookmarks for are sites I expect to use repeatedly and this one has clearly cleared that expectation bar today.

  34. Felt the writer respected me as a reader without making a show of doing so, and a look at actiondrivenpath continued that quiet respect, this is the kind of small but meaningful detail that separates the sites I bookmark from the ones I close after a single skim and never return to again no matter how interesting the headline.

  35. Now considering whether the post would translate well into a different form, and a look at clicktolearnstrategically suggested similar versatility, content that could move into other media without losing its substance is content that has been built around ideas rather than around format and this site reads as idea first throughout posts.

  36. 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 bondunity 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.

  37. Worth your time, that is the simplest endorsement I can give, and a stop at clicktolearnandgrow extends that endorsement across the rest of the site, this is one of those increasingly rare places that delivers on what it promises rather than over selling the content and under delivering on substance every time which I find frustrating elsewhere.

  38. Picked up something useful for a side project, and a look at globalbuyingmarket added another piece I will incorporate, content that connects to specific projects I am working on is content with practical utility and the practical utility of this site is showing up across multiple posts I have read in the last hour or so.

  39. Now appreciating the way the post avoided the temptation to be longer than necessary, and a look at trusteddealstore continued that lean approach, content with the discipline to stop when finished rather than padding for length is content that respects both itself and its readers and this site has that disciplined editorial culture clearly throughout.

  40. online rocky gap casino number (Melanie) free bet no deposit uk,
    craps tutorial usa and casino bonus usa, or gambling statistics in usa

  45. Approaching this site through a casual link click and being surprised by what I found, and a look at everydaydealshop extended the surprise, the rare experience of stumbling into excellent independent content rather than predictable mediocrity is one of the actual remaining pleasures of casual web browsing and this site provided it cleanly.

  48. Genuinely changed how I think about a small piece of the topic, which does not happen often online, and a look at nextgenshoppinghub added another nudge in the same direction, the kind of writing that earns a small mental shift rather than just confirming what you already thought before reading is a sign of careful thought.

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>