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

  1. A nicely understated post that does not shout for attention, and a look at trustedonlineshoppingcenter maintained the same quiet quality, understatement is a stylistic choice that distinguishes serious writing from attention seeking writing and this site has clearly committed to the understated approach as a core editorial value rather than just a phase.

  2. Liked the natural conversational tone throughout, never stiff and never overly casual either, and a stop at qelix 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.

  5. Now understanding why someone recommended this site to me a while back, and a stop at premiumonlinebuyinghub explained the recommendation, sometimes recommendations make sense only after experience and this site has finally clicked into place as the kind of resource I now understand was being recommended for sound editorial reasons by my friend.

  11. Genuinely changed how I think about a small piece of the topic, which does not happen often online, and a look at ariabrawn added another nudge in the same direction, the kind of writing that earns a small mental shift rather than just confirming what you already thought before reading is a sign of careful thought.

  13. Really nice to see things explained without overcomplicating the topic, the words flow naturally and stay easy to follow, and a short visit to zavro only added to that experience because the same simple approach is used across the rest of the page too without any change in tone.

  14. Bookmark added without hesitation after finishing, and a look at renoprovisions 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.

  17. Reading this slowly and letting each paragraph land before moving on, and a stop at cavarobase earned the same patient approach, content that rewards slow reading rather than speed is content with real density and the writers here are clearly producing work that benefits from the careful eye rather than the rushed scan.

  18. Now considering the post as evidence that careful blog writing is still possible, and a look at kivurc extended that evidence, the broader question of whether the modern web can sustain quality writing has obvious empirical answers in sites like this one and seeing them is reassuring even when they remain a minority overall today.

  19. Considered alongside other sources I have been reading this one consistently rises to the top, and a stop at xelariotrust maintained that top ranking, the informal ongoing comparison between sources is something I do whenever reading on a topic and this site keeps coming out near the top of those comparisons over many sessions.

  20. One of the more honest takes on the topic I have seen lately, no spin and no oversell, and a stop at reliableonlinecommerce kept that going, the kind of voice the open web could use a lot more of rather than the endless echo chamber of recycled opinions floating around every social platform these days.

  21. Bookmark earned and shared the link with one specific person who would care, and a look at securestrategicalliances got the same targeted share, sharing carefully rather than broadcasting is a discipline I try to maintain and this site is generating shares from me at a sustainable rate rather than the spam rate of viral content.

  22. Honestly impressed by the consistency of voice across what I have read so far, and a quick visit to nixra continued that consistent feel, when a site reads like one careful person rather than a committee the experience is more rewarding for the reader who notices these subtle editorial details over time.

  26. 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 clicktoexplorefutures 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.

  28. Took a few notes from this post, the points are easy to remember without needing to come back and check, and a look at dietzmann added a couple more, the kind of place that sticks in the memory long after the browser tab has been closed for the day which says a lot really.

  29. Now adjusting my mental list of reliable sites for this topic, and a stop at naviroshop reinforced the adjustment, the small ongoing curation work of maintaining trusted sources is one of the actual practical activities of careful reading and this site has earned a permanent place on my list for this particular subject.

  30. Reading this prompted me to subscribe to my first newsletter in months, and a stop at zorivogroup 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.

  31. Walked away with a clearer head than I had before reading this, and a quick visit to enterprisepartnershipsolutions 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.

  32. Probably going to mention this site in a write up I am working on later this month, and a stop at pelixomarket provided more material for that potential mention, content worth referencing in my own published work rather than just personal reading is content with the highest endorsement level and this site has earned that endorsement.

  34. Now noticing the careful balance the post struck between confidence and humility, and a stop at xalor maintained the same balance, finding the line between asserting and admitting is hard and this site has clearly developed the calibration to walk that line consistently which produces a more persuasive reading experience for me.

  37. Quietly enjoying that I have found a new site to follow for the topic, and a look at qavon reinforced the small pleasure of the find, the discovery of new high quality sources is one of the more durable pleasures of careful internet reading and this site has been generating that discovery pleasure at multiple points already today.

  38. Closed the laptop after this and let the ideas settle for a few hours, and a stop at ulvix similarly rewarded reflective time, content that benefits from sitting with rather than racing past is the kind I want more of and the kind that this site appears to consistently produce week after week here.

  41. More substantial than most of what I find searching for this topic online and a stop at zavik kept that quality consistent this is one of those sites where the writing actually rewards careful reading rather than punishing the patient reader with empty filler stretched out across long paragraphs that say very little.

  42. Looking through other posts here the consistency is what makes the site valuable rather than any single piece, and a stop at morixostore extended that consistency observation, sites whose value lies in the ongoing pattern rather than in standout posts are sites I trust more deeply and this one has clearly built that kind of trust.

  43. My usual response to new bookmarks is to forget them but this one I have already returned to twice, and a look at raviontrustline pulled me back a third time, the actual return rate to bookmarked sites is the real measure of value and this one is clearing that measure at a notable rate already.

  44. Reading this between two meetings turned out to be the highlight of the morning, and a stop at manilatakeout continued that highlight quality, content that outshines the structured parts of a working day is doing something well beyond ordinary and this site has produced multiple such highlights for me already this week alone.

  46. Started reading and ended an hour later without realising the time had passed, and a look at qorla 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.

  47. Now feeling mildly impressed in a way I do not quite remember feeling about a blog in a while, and a stop at nevrix extended that mild impression, content that produces specific positive emotional responses rather than just neutral information transfer is content with extra dimensions and this site has those extra dimensions clearly.

  50. Started reading and ended an hour later without realising the time had passed, and a look at strategicunitypartners 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.

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>