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:

14,794 thoughts on “JSIO Performance Results”

  3. Coming back to this one, definitely, and a quick visit to discoverandshop only made me more sure of that, the kind of writing that makes you want to set aside time later rather than rushing through it now while distracted by everything else competing for attention on the screen today across so many tabs.

  4. Now planning a longer reading session for the archives, and a stop at softwindstudio confirmed the archives are worth that longer commitment, sites with archives I want to read deliberately rather than just sample are rare and this one has clearly earned that level of interest based on the consistency of what I have already read.

  6. On reflection this is the kind of writing that improves my taste for what is possible in the format, and a look at staymotivateddaily continued raising that bar, content that elevates my expectations rather than lowering them is doing important work in calibrating my standards and this site is participating in that elevation reliably.

  7. Picked this up between two other things I was doing and got drawn in completely, and after fashionloversoutlet my original tasks were completely forgotten for a while, content that derails a workflow in a positive way by being more interesting than what you were already doing is rare and worth recognising clearly.

  14. Reading this between meetings turned out to be the most useful thing I did all afternoon, and a stop at naturerootstudio 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.

  16. Coming back tomorrow when I can give this a proper read, the post deserves better attention than I can give right now, and a look at boldswap suggests there is plenty more here that deserves the same treatment, definitely a site I will be exploring properly over the next few days when I can.

  17. Looking at this objectively the editorial quality is hard to deny even setting aside personal taste, and a stop at shopandsmilemore maintained the same objective quality, the gap between what I personally enjoy and what is objectively well crafted exists and this site clears both bars simultaneously which is rarer than it sounds.

  18. 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 discoverfashioncorner 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.

  25. Most of the time I bounce off similar pages within seconds, and a stop at freshgiftmarket held me longer than I would have predicted, the ability to convert a likely bouncing visitor into an engaged reader is a quality signal and this site has demonstrated that conversion ability across multiple visits where I expected to bounce.

  28. Left me wanting to read more rather than feeling burned out, that is a good sign, and a look at brightstyleoutlet confirmed there is plenty more here to explore, the kind of writing that builds appetite rather than killing it which is a rare quality on the modern open internet today across most categories of content.

  29. Reading this prompted a brief but useful conversation with a colleague who happened to walk by, and a stop at trendylivinghub extended that conversational seed, content that becomes a starting point for in person discussion rather than ending in solitary reading is content with social generative energy and this site has plenty of it apparently.

  30. Will be back, that is the simplest way to say it, and a quick visit to fullbloomdesigns reinforced the decision, this site has earned a spot in my regular rotation alongside a few other reliable places I check when I want something genuinely informative without all the usual modern web noise getting in the way.

  31. Reading this in the morning set a good tone for the day, and a quick visit to yourstylestore kept that good tone going, content can do that sometimes when it hits the right notes and finding sites that consistently strike that tone is something I have learned to recognise and reward with regular visits.

  33. Halfway through reading I knew this would be one to bookmark and a look at brightvaluehub confirmed that early intuition when bookmark intent forms before finishing a post you know the writing has cleared a quality bar that most content fails to clear and this site has cleared it on multiple visits already.

  34. Will share this on a forum I am part of where it will be appreciated by others working in the same area, and a look at middaymarketplace suggests there is more here worth passing along too, definitely a generous resource that deserves a wider audience than it probably has today across the open internet.

  35. Useful reading material, the kind I can hand off to someone newer to the topic without worrying about confusing them, and a quick look at shopandsmiletoday confirmed the same beginner friendly tone runs throughout the site which is great for sharing with people just starting their learning journey on this particular topic.

  36. Now saved this in a way that I will actually find again rather than the casual bookmark approach, and a stop at learnsomethingincredible earned the same careful saving, organising my reading bookmarks so that high quality sources rise to the top is something I should do more of and this site triggered that organisation today.

  37. Top tier post, the kind that makes you want to share the link with friends working in the same area, and a stop at freshfashionfinds 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.

  39. Going to come back when I have more time to read carefully, the post deserves more than a quick scan, and a stop at dartray reinforced that, this is the kind of site that rewards a slower read which is hard to find in this fast paced corner of the internet but really worthwhile.

  40. Worth your time, that is the simplest endorsement I can give, and a stop at fashiondailyhub 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.

  41. Genuinely changed how I think about a small piece of the topic, which does not happen often online, and a look at trendypurchasehub 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.

  43. Found something new in here that I had not seen explained this way before, and a quick stop at naturerailstore 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.

  44. Picked this up while looking for something else and ended up reading every paragraph because it was actually informative, and after softstoneemporium 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.

  46. This stands out compared to similar posts I have read recently, less noise and more substance, and a look at dailydealsplace kept that gap going, you can really feel the difference between content made by someone who cares versus content made to fill a publishing schedule for an algorithm trying to keep growing somehow.

  47. Felt this in a way I cannot quite explain the topic just hit different here and a stop at bestchoiceoutlet continued in that vein sometimes you find a site whose perspective lines up with how you have been thinking and reading their work feels like a small relief which I appreciated more than I expected.

  50. My friends would appreciate a few of these posts and I will be sending links accordingly, and a look at bestbuycorner added more pages to my share queue, content that earns shares to specific people in specific contexts is content with social utility and this site is generating those targeted shares from me consistently lately.

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>