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

  2. Just want to flag that this was useful and not bury the appreciation in caveats, and a look at vexaroplus earned the same direct praise, recognising good work without hedging it with criticism is something I try to practice because over qualified compliments tend to read as backhanded and miss the point sometimes.

  3. Looking at this from the perspective of someone tired of generic content the contrast is striking, and a look at businessrelationshipnetwork maintained that distinctive feel, sites with strong editorial identity stand out against the bland background of algorithmic content and this one has clearly developed an identity worth recognising through careful attention.

  4. Comfortable reading experience throughout, no jarring tone shifts and no awkward formatting, and a look at businessgrowthpartnerships kept that smooth feel going, the kind of editorial polish that goes unnoticed when present but glaring when absent is something this site has clearly invested in across the broader content as well which deserves recognition.

  5. Refreshing tone compared to the dry corporate posts on similar topics, and a stop at trustedshoppingplatform carried that personality through nicely, you can tell when a real person is behind the writing versus a content team chasing metrics and this site definitely falls into the former category clearly across what I have seen.

  7. Now feeling the quiet pleasure of finding writing that takes itself seriously without being self serious, and a stop at nolarostore extended that subtle pleasure, the gap between earnest and pretentious is fine and this site has clearly chosen to land on the earnest side without slipping over into pretentious which is impressive.

  9. I usually skim posts like these but this one held my attention all the way through, and a stop at customerfirstshopping did the same, that is a strong endorsement coming from me because I am usually quick to bounce when content gets repetitive or fails to deliver on its initial promise made in the headline.

  12. Refreshing to find writing that does not try to manipulate the reader into clicking onto the next page through cliffhangers and forced engagement, and a stop at modernshoppingecosystem continued in the same respectful way, this is what reader first design actually looks like in practice rather than just in marketing copy that sounds nice.

  14. Thank you for not assuming the reader already knows everything, the explanations meet me where I am, and a look at kavlo did the same, that consideration is what makes a site feel welcoming rather than gatekeepy which is sadly the default mood across the modern web today for most subjects covered.

  15. The overall feel of the post was professional without being stuffy, and a look at ulvionanchor kept that approachable expertise going, finding the right register for technical content is hard but this site has clearly figured out how to sound knowledgeable without slipping into that distant lecturing tone that loses readers in droves every time.

  16. Reading this prompted me to dig into a related topic later, and a stop at cavix 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.

  17. Reading the writers other posts after this one suggests the quality is consistent rather than peak and a stop at learnandadvanceonline 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.

  18. Now planning to share the link with a small group of readers I trust, and a look at builddigitalgrowthpaths 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.

  19. Thank you for not assuming the reader already knows everything, the explanations meet me where I am, and a look at yavlo did the same, that consideration is what makes a site feel welcoming rather than gatekeepy which is sadly the default mood across the modern web today for most subjects covered.

  20. Found the use of subheadings really helpful for scanning back through the post later, and a stop at customerfirstshoppinghub kept that reader friendly approach going, navigation is something many blog writers ignore but small structural choices make a noticeable difference for someone returning to find a specific point again days or weeks later.

  21. Found the use of subheadings really helpful for scanning back through the post later, and a stop at ardenbeach kept that reader friendly approach going, navigation is something many blog writers ignore but small structural choices make a noticeable difference for someone returning to find a specific point again days or weeks later.

  24. Honestly thank you to whoever wrote this because it scratched an itch I had not quite been able to articulate, and a stop at longtermstrategicalliances 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.

  26. Going to share this with a friend who has been asking the same questions for a while now, and a stop at zavirochain added a few more pages I will pass along too, this is the kind of generous information that earns a small thank you from me right now and again later this week.

  27. Granted my mood today might be elevating my reading experience but I still think this is genuinely good and a stop at securebusinessrelationships reinforced that even discounted assessment controlling for the mood adjustment that affects content perception this site still reads as substantively above average across multiple pieces I have read carefully today.

  30. Worth marking this site as one to come back to deliberately rather than by accident, and a stop at torivolink reinforced that intention, the difference between sites I find again by chance and sites I return to on purpose is meaningful and this one has clearly moved into the deliberate return category for me.

  32. A piece that built up gradually rather than front loading its main points, and a look at ravioncore maintained the same gradual structure, content that trusts the reader to reach conclusions through accumulating reasoning is more persuasive than content that announces conclusions and then defends them and this site uses the persuasive approach.

  33. 25 euro gokken online

    Feel free to visit my webpage … 500% stortingsbonus casino
    - Ina -

  34. Yesterday I was complaining about the state of online writing and today this site has temporarily fixed that complaint, and a look at nexlo 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.

  36. Now recognising that this site has earned a place in the small group of resources I treat as authoritative, and a stop at securebusinessbonding 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.

  37. Now noticing that the post avoided the temptation to be funny in places where humour would have undermined the substance, and a stop at clicktoexploremarketideas maintained the same restraint, knowing when to be serious is a rare editorial virtue and this site has clearly developed it through what I assume is careful editorial practice over years.

  39. Appreciate the thoughtful approach, the writer clearly took time to make this readable for someone who is not already an expert, and a look at easybuyingmarketplace kept that going nicely, easy on the eyes and easy on the brain which is always a winning combination when reading on a busy day.

  40. Glad I clicked through from where I did because this turned out to be worth the time spent, and after clickforactionableinsights I had a fuller picture, the kind of content that earns its visitors through delivering value rather than chasing them through aggressive advertising or constant pop ups appearing everywhere on the screen lately.

  41. casino chains uk, dollar 5 deposit online casino united states
    and new casinos online uk, or win real money online casino
    pronunciation in english [Bradly] for free usa

  44. Walked away with a clearer head than I had before reading this, and a quick visit to xelarionet only sharpened that, the writing has a way of cutting through the noise that surrounds most topics online which is something I will definitely remember the next time I am searching for an answer to anything.

  45. Now adjusting my expectations upward for the topic based on this post, and a stop at olvix continued that bar raising effect, content that resets what I think is possible on a subject is doing real work in shaping my standards and this site is providing those bar raising experiences at a notable rate during sessions.

  47. Reading this gave me a small sense of progress on a topic I have been slowly working through, and a stop at qunix added another step forward, learning happens in small increments across many sources and finding sources that consistently contribute is the actual practical value of careful curation in an information rich world.

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>