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

  1. Better signal to noise ratio than most places I check on this kind of topic, and a look at cloudriftboutique kept that going, every paragraph here carries something worth reading rather than padding out the page to hit some arbitrary length target that search engines reward but readers ignore as soon as they notice it.

  2. Reading this in a quiet hour and finding it suited the quiet, and a stop at whitestonebond extended the quiet reading mood, content that matches its own optimal reading conditions rather than fighting them is content that has been thoughtfully calibrated and this site reads as having a particular reading mood in mind throughout.

  4. Honest assessment is that this is one of the better short reads I have had this week, and a look at capitalfusion reinforced that, the bar for short content is low because most of it sacrifices substance for brevity but this site manages both at once which is harder than it sounds for most writers attempting it.

  5. Liked the natural conversational tone throughout, never stiff and never overly casual either, and a stop at bondedgrowth kept that comfortable middle ground going, finding a tone that respects the reader without becoming distant or overly familiar is harder than it sounds and this site nails that balance consistently across many different pieces.

  6. Probably worth setting aside a longer block to read more carefully than I can right now, and a stop at brassfieldemporium confirmed the longer block plan, the impulse to schedule dedicated time for a sites archive is itself a measure of trust and this site has earned that scheduling impulse from me clearly today actually.

  7. A piece that took its time without dragging, and a look at apextrustline kept the same patient pace, the difference between unhurried and slow is a fine editorial distinction and this site has clearly found the unhurried side without slipping into the slow side which would have lost me as a reader quickly otherwise.

  8. A relief to read something where I did not have to fact check every claim mentally, and a look at pathfinderbond continued that reliable feeling, sites where I can lower my guard and trust the content are rare and this one is earning that trust paragraph by paragraph through consistent careful work behind the scenes.

  10. Now recognising that this site has earned a place in the small group of resources I treat as authoritative, and a stop at firstpillar confirmed that placement, the difference between resources I trust and resources I just consume is real and this site has clearly moved into the trusted category through consistent quality over time.

  11. A slim post with substantial content per word, and a look at bondedcapitalnet maintained the same density, the content per word ratio is something I track informally and this site scores high on that ratio compared to most sources I read regularly which is a quiet indicator of careful editorial work behind the scenes.

  16. Glad I stumbled across this post, the explanations actually make sense without needing background knowledge to follow along, and after a stop at bondednorth the same was true there, no assumptions about the reader just clear writing that anyone can understand from the first line right through to the end.

  17. Yesterday I was complaining about the state of online writing and today this site has temporarily fixed that complaint, and a look at lighthousefinds extended that mood reversal, the short term mood improvement that comes from finding good content is real and this site has produced that improvement for me at a useful moment.

  20. A relief to read something where I did not have to fact check every claim mentally, and a look at intentionalclarity continued that reliable feeling, sites where I can lower my guard and trust the content are rare and this one is earning that trust paragraph by paragraph through consistent careful work behind the scenes.

  23. Worth pointing out the careful word choice in this post, no buzzwords and no jargon, and a look at trustedhorizon continued that disciplined vocabulary, sites that resist the pull of trendy language are sites that will read well in five years and this one is clearly built for that kind of long durability.

  25. Walked away in a slightly better mood than when I started reading, that says something about the writing, and a stop at unitycapitalflow kept that going, content that leaves you feeling more capable rather than overwhelmed is the kind I keep coming back to again and again over the years and across many topics.

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

  27. Reading this prompted a brief but useful conversation with a colleague who happened to walk by, and a stop at growthengine 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.

  29. A memorable post for me on a topic I had thought I was tired of, and a look at cocoablue suggested the same site can refresh other tired topics, sites that can revive my interest in subjects I had written off as exhausted are doing rare work and this one is clearly doing that for me today.

  32. Thanks for the clean writing, no broken sentences and no awkward translations like some other sites have, and a quick stop at cornerstoneunity kept that polish going nicely, it really does make a difference when a reader can move through a page without tripping on every line or going back to reread.

  35. The clarity here is something I really appreciate, especially compared to sites that pile on jargon for no reason, and a look at sunspireboutique was the same, simple direct sentences that actually deliver information instead of dancing around the point for paragraphs at a time which wastes reader patience.

  36. Yesterday I was complaining about the state of online writing and today this site has temporarily fixed that complaint, and a look at crimsonmeadow extended that mood reversal, the short term mood improvement that comes from finding good content is real and this site has produced that improvement for me at a useful moment.

  37. Just want to say thank you for putting this together, posts like these make searching online actually worth it sometimes, and a quick look at nexabond kept that going, useful and easy to read without any of the tricks that ruin most blog comment sections lately on the wider open web.

  40. Skipped to a specific section because I knew that was the question I had, and the answer was clean, and a stop at riftstoneoutlet similarly delivered targeted answers without burying them, content engineered for readers who arrive with specific needs rather than open ended browsing is increasingly valuable in a search heavy reading environment.

  41. Reading this gave me confidence to make a decision I had been putting off, and a stop at ideasbecomemomentum reinforced that confidence, content that translates into action in my own life rather than just informing it is content with the highest practical value and this site is generating that action level utility for me lately.

  42. Reading this slowly to give it the attention it deserved, and a stop at claritypowersaction earned the same slow read, choosing to read slowly is a small act of respect for content quality and very few sites earn that respect from me but this one did so without any explicit ask which is the cleanest way.

  43. The way the post stayed on topic throughout without going on tangents was really refreshing, and a look at focusdrivesoutcomes kept that focused approach going, discipline like this in writing is rare and worth recognising because most writers cannot resist wandering off into related subjects that dilute their main point and confuse readers along the way.

  44. Came here from another site and ended up exploring much further than I planned, and a look at unifiedanchor only encouraged more exploration, the kind of place where one click leads to another not through manipulative design but through genuinely interesting content is rare and worth highlighting when found like this somewhere on the open internet.

  45. 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 capitalharbor 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.

  46. Thanks for not padding this with the usual filler intros and outros that every other blog seems to require, and a quick visit to mutualstrengthbond continued that lean approach across more posts, content stripped of waste is content that respects you and I will always come back to that kind of approach.

  47. Worth recognising that the post did not pretend to be the final word on the topic, and a stop at fidelitylink continued that humility, content that admits its own scope and limits is more trustworthy than content that overreaches and this site has clearly developed the editorial maturity to know what it can and cannot claim well.

  48. Took me back a step or two on an assumption I had been making, and a stop at covebeck 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.

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

  50. Now wishing I had found this site sooner, and a look at emberwildstore extended that mild regret, the calculation of how many years of good content I missed by not finding the right sources earlier is one I try not to make too often but it does come up sometimes when I find sites this good.

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>