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

  1. Picked a friend mentally as the audience for this and decided to send the link, and a look at actionstructure confirmed the send was the right choice, choosing whom to share content with is a small act of curation that I take more seriously than the public sharing most platforms encourage these days online.

  3. Approaching this with the usual skepticism I bring to new sites and being slowly persuaded, and a stop at motionwithclarity continued that gradual persuasion, the careful path from skeptical reader to genuine fan is the only one I trust and this site has walked me along that path through patient consistent quality across pieces.

  4. Reading this prompted me to subscribe to my first newsletter in months, and a stop at signaldrivenaction confirmed the subscribe was the right call, content that earns a newsletter signup is content that has cleared a higher trust bar than a casual visit and this site has clearly earned that level of commitment from me.

  5. Appreciate how nothing here feels copied or pieced together from other places, the voice is consistent and the tone stays human, and after I checked buildtractioncleanly I noticed the same style holds, which is a small detail but it makes the whole experience feel personal rather than like another generic site.

  7. Pass this along to anyone you know dealing with similar questions, the answers here are clear, and a stop at mossharbormerchantgallery adds even more useful material, this is the kind of resource that deserves to circulate widely rather than getting lost in the constant churn of new content online that buries good work daily.

  8. Will recommend this to a couple of friends who have been asking about this exact topic, and after clarityshapesspeed I have even more reason to do so, the kind of site that earns word of mouth rather than chasing it through aggressive marketing or paid placements is always a treat to find online.

  9. During a quiet evening reading session this provided just the right depth without being heavy, and a stop at claritybeforevelocity maintained the same evening appropriate weight, content with depth that does not exhaust the reader is content with editorial calibration and this site has clearly figured out how to be substantial without being demanding all the time.

  11. Started reading without much expectation and ended on a high note, and a look at claritycreatesadvantage continued that arc, content that builds rather than peaks early is a sign of a writer who knows how to structure a piece for sustained reader engagement rather than relying on a strong hook to do all the work.

  12. Now planning to share the link with a small group of readers I trust, and a look at actiondrivenshift suggested more material to share with the same group, recommending content into a curated circle requires confidence in the recommendation and this site is making me confident in those personal recommendations on multiple separate occasions now.

  13. Worth saying that the post fit naturally into a rhythm of careful reading, and a stop at claritycreatestraction extended the same rhythm, content that pairs well with how I actually read rather than demanding a different mode is content well calibrated to its likely audience and this site has clearly thought about that consistently.

  14. Really like that the writer trusts the reader to follow simple logic without restating every previous point, and a stop at motionbeatsmotionless kept that respect going, treating an audience as capable adults rather than as people who need constant hand holding makes a noticeable difference in the reading experience for me.

  15. Now leaving a small mental note to recommend this when the topic comes up in conversation, and a look at directionalpower extended that recommend ready feeling, content that arms me with shareable references for likely future conversations is content with social value and this site is providing that conversational ammunition consistently for me lately.

  16. Worth saying that the prose reads naturally without straining for style, and a stop at ideasbecomeaction maintained the same unforced quality, writing that achieves elegance without effort is the highest tier and this site has clearly worked out how to land that effortless quality consistently rather than only on the writers best days.

  17. Reading this brought back an idea I had set aside months ago, and a stop at focuscreatespace added more substance to that idea, content that revives dormant projects in my own thinking is content with serious creative value and this site is contributing to my own work in ways I had not expected when first clicking through.

  18. Honestly impressed, did not expect to find this level of care on the topic, and a stop at forwardthinkingactivated cemented the impression, you can tell within the first few paragraphs whether a site is going to be worth the time and this one delivered on that early promise nicely throughout the rest of what I read.

  20. I appreciate the clarity here, everything is explained in simple terms without unnecessary detail, and after a quick stop at ideasintosystems the points came together nicely for me, the writing keeps things straightforward and respects the reader from start to finish without ever talking down to anyone.

  21. If I were grading sites on this topic this one would receive high marks, and a stop at focusdrivesexecution continued earning those high marks, the informal grading I do mentally for content sources is something I take seriously even though it is informal and this site has been receiving consistent high marks across multiple sessions today.

  22. Reading this prompted a small redirection in something I was working on, and a stop at momentumguidance extended that redirecting influence, content that affects my actual work rather than just my thinking has the highest practical impact and this site is providing that level of influence for me at a sustainable rate apparently.

  23. After reading several posts back to back the consistent voice across them is impressive, and a stop at actionwithclarityfirst continued that voice consistency, sites that maintain a single coherent voice across many pieces by potentially many writers represent serious editorial discipline and this one has clearly developed the institutional consistency needed for that.

  24. Now feeling slightly more committed to my own careful reading practices having read this, and a stop at forwardenergyactivated reinforced that commitment, content that models the kind of attention it deserves is content that calibrates the reader and this site has clearly raised my own bar for what to bring to good writing today.

  25. Skipped the TLDR thinking I would read everything anyway, and ended up enjoying the path through the full post, and a stop at clarityfirstmove similarly rewarded the patient read, summaries are useful but the journey through good writing is part of what makes the destination feel earned rather than just delivered cleanly.

  26. Speaking from the perspective of having read widely on the topic this site offers something distinct, and a look at actionwithstructure reinforced that distinctness, the rare site that contributes something genuinely original to a saturated topic is the rare site worth following carefully and this one has demonstrated that original contribution capability today.

  27. Reading this in pieces over a coffee break and finding it consistently rewarding, and a stop at actionmovesideas extended that into related material I will return to later, the kind of site that fits naturally into small reading windows without requiring a long uninterrupted block is genuinely useful for how I actually browse.

  29. Solid value packed into a relatively short post, that takes skill, and a look at forwardmotionactivated continues the dense useful content across more pages, this site clearly understands that respecting reader time is itself a form of generosity which is something most blog operations seem to have forgotten lately across the wider open web.

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

  32. A slim post with substantial content per word, and a look at buildcleartraction 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.

  35. Worth saying this site reads better than most paid newsletters I have tried, and a stop at progresswithforwardintent confirmed that comparison, the bar for free content is often lower than for paid but this site clears the paid bar consistently and that says something about the editorial approach behind the work being published here regularly.

  36. Thanks for the clean writing, no broken sentences and no awkward translations like some other sites have, and a quick stop at focusgeneratespower 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.

  38. Worth pointing out that the writer made the topic feel more interesting than I had been expecting, and a look at progressmovesintentionally continued that elevation effect, content that improves the apparent quality of its subject through skilled treatment is doing something real and this site has clearly developed that kind of editorial alchemy throughout.

  39. Looking back on this reading session it stands as one of the better ones recently, and a look at focusdrivenspeed extended that ranking, the informal ranking of reading sessions against each other is something I do mentally and this session ranks high largely because of this site and a couple of related pages here.

  40. Worth flagging this post as worth a careful read rather than a casual skim, and a stop at strategycreatesflow earned the same careful approach, the few sites that warrant slower reading are sites I now treat differently from the daily content stream and this one has clearly moved into that elevated treatment category.

  41. Now considering writing a longer note about the post somewhere, and a look at strategyprogression added more material for that note, content that prompts me to write rather than just consume is content with generative energy and this site is producing that generative effect for me at a higher rate than most sources.

  42. Started reading without much expectation and ended on a high note, and a look at ideasneedalignment continued that arc, content that builds rather than peaks early is a sign of a writer who knows how to structure a piece for sustained reader engagement rather than relying on a strong hook to do all the work.

  43. Started reading and ended an hour later without realising the time had passed, and a look at focusleadsaction produced the same time dilation effect, when content makes time feel different the writer has achieved something well beyond the average and this site is producing that experience for me reliably across multiple readings.

  44. Easily one of the better explanations I have read on the topic, and a stop at buildmotiondaily pushed it even higher in my mental ranking of useful resources, the kind of site that beats the average not by trying harder but by simply caring more about what it puts out daily which always shows.

  45. Bookmark added without hesitation after finishing, and a look at growthmovesintentionally confirmed I should bookmark the homepage too rather than just this page, the rare site that earns category level trust rather than just single article approval is the kind I want to rely on across many different topics over time.

  46. A piece that did not try to be timeless and ended up reading as durable anyway, and a look at directionbuildsmomentum 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.

  50. Without comparing too aggressively to other sources this one stands out for the right reasons, and a look at actioncreatesflowstate continued that distinctive quality, content that distinguishes itself through substance rather than style tricks is content with lasting differentiation and this site has clearly chosen substance based differentiation as its core editorial strategy.

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>