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

  2. Took me back a step or two on an assumption I had been making, and a stop at clickforbusinesslearning pushed that reconsideration further, writing that gently corrects the reader without being aggressive about it is a rare diplomatic skill and the team here clearly knows how to land critical points without turning readers off.

  3. Now appreciating that the post left me with enough to say in a follow up conversation, and a look at reliableonlinebuys 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.

  6. Saving the link for sure, this one is a keeper, and a look at clicktoexploreideas 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.

  7. Beyond the immediate post itself the editorial sensibility behind the site is what struck me, and a stop at professionalbondsolutions continued displaying that sensibility, content that reveals editorial choices through accumulated reading is content with structural quality and this site has clearly developed an underlying approach worth identifying through multiple sessions of reading.

  8. Reading this as part of my evening winding down routine fit perfectly, and a stop at trustedcorporatebonding extended the wind down nicely, content that calms rather than agitates is what I want at the end of the day and this site provides that calming reading experience reliably which is increasingly rare across the modern web.

  9. 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 businessrelationshipecosystem 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.

  10. Worth pointing out that the writing reads as confident without being defensive about it, and a look at trustedbusinessframework 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.

  13. Now noticing that the post did not mention the writer at all focus stayed on the topic and a look at valuefocusedshoppinghub continued that author absent quality content that disappears the writer to focus on the substance is a particular kind of generosity and this site has clearly chosen the substance over the personality consistently.

  15. Worth saying that this is one of the better things I have read on the topic in months, and a stop at trustedenterpriseframework reinforced that ranking, the topic is well covered by many sources but few do it with this level of care and the few that do deserve to be flagged so other readers can find them.

  19. A piece that earned its conclusions through the body rather than asserting them at the end, and a look at businesstrustinfrastructure maintained the same earned quality, conclusions that follow from what came before are more persuasive than declarations and this site has clearly internalised that principle in how it constructs arguments throughout pieces.

  20. After several visits I am now confident this site is one to follow seriously, and a stop at explorebusinessopportunities reinforced that confidence, the gradual building of trust through repeated quality exposures is the only sustainable way to develop reader loyalty and this site is building that loyalty in me through patient consistent work consistently.

  22. Stayed longer than planned because each section earned the next, and a look at learnfrommarketleaders kept that pulling effect going across more pages, the kind of subtle pull that good writing exerts on attention is something I find harder and harder to resist when I encounter it on the open web today.

  25. Reading more of the archives is now on my plan for the weekend, and a stop at buildsmartergrowthpaths confirmed the archive worth the time, the rare archive worth a dedicated reading session rather than just casual sampling is the rare archive of serious work and this site has clearly produced enough of that work to warrant the deeper exploration.

  26. Thanks for the readable length, I finished it without checking how much was left, and a stop at trustedshoppingplatform kept me reading the same way, when I stop noticing the length of a piece because the content is engaging enough to sustain attention without willpower the writer has done their job well today.

  28. Once you find a site like this the search for similar voices begins, and a look at globaldigitalshoppingmarket 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.

  29. Took me back a step or two on an assumption I had been making, and a stop at businessrelationshipecosystem pushed that reconsideration further, writing that gently corrects the reader without being aggressive about it is a rare diplomatic skill and the team here clearly knows how to land critical points without turning readers off.

  30. Definitely a recommend from me, anyone curious about the topic should check this out, and a look at velixo adds even more reason for that, the depth and quality combine to make this site one I will be pointing people toward whenever similar conversations come up over the months ahead at work or socially.

  31. Solid stuff, the kind of post that I will probably refer back to later this month when the topic comes up again, and a look at premiumdigitalbuying only confirmed I should bookmark the site as a whole rather than just this single page for future reference and use across coming weeks.

  33. Just wanted to say this was useful and leave a small note of thanks, and a quick visit to zulvix earned a similar nod from me, the small acknowledgements add up over time and represent the real economy of trust that good content runs on across the open and increasingly fragmented modern internet.

  34. Thanks for sharing this with the open internet rather than locking it behind a paywall like so many sites do now, and a stop at amplebey kept the same vibe going, generous helpful and clearly written by someone who actually wants people to learn from it rather than just charge them.

  36. Liked the careful selection of which details to include and which to skip, and a stop at securecommercialbonding reflected the same editorial judgement, knowing what to leave out is just as important as knowing what to include and this site has clearly figured out where that line sits for the topics it covers regularly.

  37. Really liked the calm tone running through the post, no shouting and no urgency forced into the writing, and a look at securestrategicalliances kept that quiet confidence going, the kind of voice that makes the reader feel respected rather than yelled at which is depressingly common across most modern blog content these days.

  38. A piece that did not lecture even when it had clear positions, and a look at securecommercialbonding 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.

  39. If I had to defend the time I spend reading independent blogs this site would feature in the defence, and a look at enterpriseunityframework 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.

  40. Adding this site to my regular reading list, the post earned that on its own, and a quick stop at everydaypurchaseplatform sealed the decision, the kind of place worth checking back with from time to time because it consistently produces material that holds up against a critical reading too which I really value.

  44. Found the writing surprisingly fresh for what is by now a well covered topic, and a stop at trustedenterpriseframework kept that freshness going across the related pages, original perspective on familiar ground is hard to come by and this site has clearly earned its place in the conversation rather than just rehashing old ideas.

  45. Really appreciate this kind of writing, no shouting and no clickbait headlines just steady useful content, and a quick look at modernonlinepurchase kept that going, definitely a site I will be returning to whenever I need a sensible take on similar topics in the days ahead and also during slower work weeks.

  46. Well done, the writing is professional without being stiff, and the topic is treated with care, and a look at enterprisegrowthpartnerships 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.

  48. Skipped lunch to finish reading, which says something, and a stop at flexibledigitalshopping 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.

  50. Felt the writer was speaking my language without trying to imitate it, and a look at longtermcommercialbonds continued that natural fit, when a writers default voice happens to match what you find easy to read the experience feels frictionless and that is something I notice and remember about specific sites going forward.

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>