JSIO Performance Results

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

  1. Now realising this site has been quietly doing good work for longer than I knew, and a look at brightacademy suggested an archive worth exploring, sites with deep archives of consistent quality represent a different kind of resource than sites with viral hits and this one looks like the durable kind based on what I see.

  2. Just sat back at the end of the post and felt grateful that someone took the time to write it, and a look at velvetorbit extended that gratitude across more of the site, recognising effort behind quality work is part of what makes the open web a community rather than just a marketplace today.

  3. Reading this gave me a small mental break from the heavier reading I had been doing, and a stop at urbanmarket 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.

  4. Now adding the writer to a small mental list of voices I want to follow and a look at clarityactivates reinforced that follow intention the few writers whose work I actively track are writers who have demonstrated sustained quality and this writer has clearly demonstrated that sustained quality across the pieces I have sampled here today.

  5. Started reading expecting to disagree and ended mostly nodding along, and a look at visiondirection continued the pattern, content that wins agreement through evidence and reasoning rather than rhetorical force is the kind that actually shifts minds and this site clearly knows how to do that across what I have read so far.

  6. Came away with a slightly better mental model of the topic than I started with, and a stop at fitnessnexus 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.

  7. Following a few of the internal links revealed more posts of similar quality, and a stop at buildforwardtraction added more to that growing pile, sites where internal links lead to more good content rather than to more of the same recycled material are sites with depth and this one has clearly built that depth carefully.

  8. Nice to see a post that does not try to overcomplicate the basics for the sake of looking smart, and once I looked at fudgebrindle the same direct tone was there too, which honestly makes a difference when you are short on time and want answers without long pointless intros.

  9. Once you find a site like this the search for similar voices begins, and a look at urbanlatino extended the search energy, finding a high quality reference point makes the gap between it and adjacent sources visible in a way it was not before and this site has provided that high reference point across multiple recent visits.

  10. Now thinking about how this post will age over the coming years, and a stop at growthwithintent suggested the same durability, content built to age well rather than to capture the attention of the moment is content with a different kind of value and this site has clearly chosen the long horizon over the short one.

  11. A piece that respected the reader by not over explaining the obvious, and a look at riderzenith continued that calibrated approach, finding the right level of explanation is one of the harder editorial calls and this site has clearly thought carefully about what readers will already know versus what they need help with consistently.

  12. Big thanks to whoever wrote this, you saved me a lot of time hunting for the same info on other sites, and a stop at actionwithsignal only added more useful detail without going off topic, that kind of focus is honestly hard to come across these days when most posts wander everywhere.

  13. A piece that prompted a small mental rearrangement of how I order related ideas, and a look at moveideaswithpurpose extended that rearranging effect, content that affects the structure of my thinking rather than just adding to it is content with the deepest kind of impact and this site is reaching that depth for me today.

  14. Reading this in the gap between work projects was a small but meaningful break, and a stop at pathwaytoaction extended that gentle reset, content that provides genuine refreshment rather than just distraction during work breaks is content with a particular kind of utility and this site fits that role for me reliably during work days.

  15. Liked the way the post handled the final paragraph, no neat bow but no abrupt cutoff either, and a stop at modernvertex continued that thoughtful ending pattern, endings are hard and most blog writers either over engineer them or skip them entirely and this site has clearly figured out a sustainable middle approach.

  16. Now planning to recommend this site in a context where my recommendations are taken seriously, and a stop at pixelgallery confirmed I should make that recommendation soon, the small but real act of recommending content into spaces where my taste matters is something I take seriously and this site is worth the recommendation.

  17. Well done, the writing is professional without being stiff, and the topic is treated with care, and a look at darkvoyager reflected that approach, the kind of site I would point a colleague to if they asked for a reliable starting point on this topic in the future without any hesitation at all.

  18. Considered as a whole this site has developed a coherent point of view that comes through in individual pieces, and a look at socialcircle continued displaying that coherence, sites with a unified perspective rather than a grab bag of takes are sites with editorial maturity and this one has clearly developed that maturity through years of work.

  19. Loved the writing voice here, friendly without being fake and confident without being arrogant, and a stop at motionwithmeaning 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.

  20. Liked how the writer used real examples instead of theoretical ones to make the points stick, and a stop at claritycreatesadvantage added even more concrete examples, this is the kind of practical approach that respects readers who actually want to apply what they learn rather than just nodding along passively without doing anything useful.

  21. The whole experience of reading this was pleasant from start to finish, no pop ups and no annoying interruptions, and a look at rapidcourier continued that clean experience, technical choices about page design matter for the reader and this site clearly cares about the small details that add up to comfort across multiple visits.

  22. Liked the way the post got out of its own way, and a stop at activehorizon extended that invisible craft, the best writing you barely notice while reading because it is doing its work without drawing attention to itself and this site has clearly mastered that disappearing act across the pieces I have read.

  23. Reading this prompted a small note in my reference file, and a stop at goldenbarrel 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.

  24. Now feeling the small relief of finding writing that does not condescend, and a stop at executionpathway extended that respect for readers, content that treats its audience as capable adults rather than as people to be managed produces a different reading experience and this site has clearly chosen the respectful approach across all pieces.

  25. My reading list is short and selective and this site is now on it, and a stop at digitaljournal confirmed the placement, the short list of sites I read deliberately rather than encounter accidentally is something I curate carefully and adding to it is a real act of trust which this site has earned today.

  26. A piece that did exactly what it promised in the headline without overshooting or underdelivering, and a look at bisonfudge continued that calibration, alignment between promise and delivery is a basic editorial virtue that many sites fail at and this site has clearly mastered the matching of expectation and substance throughout pieces.

  27. http://www.factorytapestry.com is a Trusted Online Wall Hanging Tapestry Store. We are selling online art and decor since 2008, our digital business journey started in Australia. We sell 100 made-to-order quality printed soft fabric tapestry which are just too perfect for decor and gifting. We offer Up-to 50 percent OFF Storewide Sale across all the Wall Hanging Tapestries. We provide Fast Shipping USA, CAN, UK, EUR, AUS, NZ, ASIA and Worldwide Delivery across 100+ countries.

  28. Picked this site to mention to a colleague who would benefit, and a look at inkedvoyager 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.

  29. Honest take is that I will probably forget most of what I read online today but this post is one I will remember and a stop at growwithprecision kept that same memorable quality going certain writing leaves a residue in the mind in a way most content simply does not manage.

  30. Genuinely useful read, the points are practical and easy to apply right away, and a quick look at pyxedge confirmed that this site is consistent in that approach, looking forward to digging through the rest of it when I get the chance to sit down properly later in the week or this weekend.

  31. A piece that did not lecture even when it had clear positions, and a look at intentionalprogression maintained the same teaching without preaching tone, finding the line between informing and lecturing is hard and most sites land on the wrong side of it but this one has clearly figured out how to inform without becoming preachy.

  32. Reading this on the train into work was a better use of the commute than my usual choices, and a stop at agatebrindle extended that commute reading well, content that improves transit time rather than just filling it is content with practical benefit and this site has earned its place in my morning commute reading rotation.

  33. Worth pointing out that the writing reads as confident without being defensive about it, and a look at focuscreatesleverage extended that secure tone, content that does not pre emptively argue against imagined critics has a different quality from defensive writing and this site reads as written from a place of real ease.

  34. Thanks for treating the topic with the seriousness it deserves without becoming pompous about it, and a stop at clarityshift continued that balanced treatment, the gap between earnest and self serious is huge and writers who can stay on the right side of it earn my respect when I find them online today.

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

  36. Well done, the kind of post that makes you slow down and actually read instead of skimming for keywords, and a look at clarityturnskeys 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.

  37. Decent post that improved my afternoon a small amount, and a look at mysticgiant added a bit more to that, sometimes the small wins online add up over time and a useful site like this one is the kind of place that contributes consistently to those small wins for me lately across many different topics I follow.

  38. Reading the writers other posts after this one suggests the quality is consistent rather than peak, and a stop at strategylaunchpad confirmed the consistent quality reading, sites that hold the same level across many pieces rather than peaking on a few are sites with sustainable editorial discipline and this one has clearly developed that.

  39. Now recognising the specific pleasure of reading writing that shows real care for sentence shapes, and a look at clarityguidesmotion extended that craft pleasure, sentence level writing quality is something most blog content ignores entirely and this site has clearly invested in the prose layer alongside the substance which is rare today.

  40. Really like the way the post resists reaching for cliches that would have made it feel generic, and a quick visit to humorvertex kept that fresh feel going, original phrasing and unexpected metaphors are signs that the writer is actually thinking rather than just stitching together familiar phrases into the appearance of content.

  41. Now thinking about whether the writer might publish a longer form work I would buy, and a look at visualharbor suggested the same depth would translate, content that makes me want to pay for related work in other formats is content that has earned commercial trust as well as attention trust and this site has both clearly.

  42. If I had to defend the time I spend reading independent blogs this site would feature in the defence, and a look at happyvoyager reinforced that defensive utility, the ongoing case for non algorithmic reading is one I make to myself periodically and sites like this one provide the actual evidence that supports the case clearly.

  43. Now realising the topic deserved better treatment than it has been getting elsewhere, and a look at strategyforwardpath extended that broader recognition, content that exposes the gap between actual quality and average quality elsewhere is doing the quiet work of raising standards and this site is contributing to that elevation in its own corner.

  44. Felt the writer was being honest with the reader which is rare enough that I want to acknowledge it, and a look at primevoyager 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.

  45. Reading this prompted me to dig into a related topic later, and a stop at forwardenergyactivated provided some of the starting points for that follow up reading, content that triggers further exploration rather than satisfying curiosity completely is content with real generative energy and this site has plenty of that energy throughout it.

  46. Honestly thank you to whoever wrote this because it scratched an itch I had not quite been able to articulate, and a stop at clickvoyager kept that satisfying feeling going, the kind of writing that meets unspoken needs is special and this site clearly has writers who understand their readers more than most do today.

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>