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

  1. Reading this site over the past week has changed how I evaluate content in this space, and a look at creativepulse extended that recalibration, the standards I bring to reading on the topic have shifted upward as a direct result of regular exposure to this kind of work and that shift will outlast any single reading session.

  2. Closed the post with a small satisfied sigh, and a stop at bondedoutlook produced the same gentle exhale, content that ends well is content that respects the rhythm of reading and the writers here have clearly thought about how their pieces close rather than just trailing off when they run out of things to say.

  6. Halfway through I knew I would finish the post, and a stop at trustbonded also held me through to the end, content that signals its quality early and then sustains it is content with real internal consistency and this site has clearly figured out how to maintain quality from opening sentence through to closing thought.

  7. Now adding this to a short list of sites I would defend in a conversation about the modern web, and a look at bondedtrustcore reinforced that defence list, the few sites that serve as evidence the web can still produce good things are precious and this one has clearly joined that small list of exemplary sites.

  8. Now planning to come back when I have the right kind of attention to read carefully, and a stop at clarityremovesfriction reinforced that plan, choosing the right moment to read certain content is a quiet form of respect for the work and this site is generating those careful planning behaviours from me consistently as a reader.

  11. Glad I stumbled across this post, the explanations actually make sense without needing background knowledge to follow along, and after a stop at forwardmotionclarified 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.

  12. Honestly impressed by the consistency of voice across what I have read so far, and a quick visit to motionstrategy 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.

  14. Granted I am giving this site more credit than I usually give new finds, and a look at trustanchorpoint continued earning that credit, the calibration of how much trust to extend after limited exposure is something I do carefully and this site has earned more trust on shorter exposure than most due to consistent quality across.

  15. A nicely understated post that does not shout for attention, and a look at clovebow 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.

  17. This post creates a very active discussion because the ideas are presented in a easy-to-follow and balanced way that makes the content pleasant and comfortable for different readers to follow online. dog video

  19. Started imagining how I would explain the topic to someone else after reading, and a look at anchorunity gave me more material for that imagined explanation, content that improves my own ability to discuss a topic is content that has actually transferred knowledge rather than just decorating my screen for a few minutes.

  20. Just wanted to say this was useful and leave a small note of thanks, and a quick visit to bondedgrowthcircle 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.

  21. Found something new in here that I had not seen explained this way before, and a quick stop at actioncreatesresultsnow expanded the idea even further, the kind of writing that nudges your thinking forward a bit without forcing the issue is exactly what I look for online today and rarely actually find anywhere.

  22. Walked away in a slightly better mood than when I started reading, that says something about the writing, and a stop at progresswithclaritynow 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.

  24. Closed it feeling slightly more competent in the topic than I started, and a stop at progressbuildsmomentum reinforced that competence boost, real learning is rare in casual online reading but it does happen sometimes and this site managed to make it happen for me today which is genuinely worth pausing to acknowledge.

  29. Felt the post had been quietly polished rather than aggressively styled, and a look at directionalmap confirmed the same understated polish, sites whose quality reveals itself slowly rather than announcing itself loudly are the kind I trust more deeply because the trust is not based on first impressions of marketing but actual substance.

  31. A small editorial detail caught my attention, the way headings related to body text, and a look at mutualaxis maintained that careful relationship, structural details like that show up to readers who notice them and the writers here have clearly thought about every level of the piece rather than just the words.

  32. Really appreciate the lack of pop ups modals cookie banners stacking on top of each other and a quick visit to impactbonding confirmed the same clean approach across the rest of the site technical decisions about user experience are part of what makes content actually pleasant to engage with for sure.

  33. Liked that the post landed without needing to manufacture controversy or take a contrarian stance for attention, and a stop at clarityengine continued that grounded approach, content that earns attention through quality rather than provocation is the kind that builds long term trust rather than burning it on quick wins.

  34. Quality work here, the post reads cleanly and the points stay focused throughout, and a stop at claritybridge kept the standard high, you can tell the writer cares about the final result rather than just hitting publish for the sake of having something new on the page to feed the search engines.

  35. Now adding this to a short list of sites I would defend in a conversation about the modern web, and a look at focusdrivenclarity reinforced that defence list, the few sites that serve as evidence the web can still produce good things are precious and this one has clearly joined that small list of exemplary sites.

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

  37. Really liked the calm tone running through the post, no shouting and no urgency forced into the writing, and a look at trustsynergy 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. Picked a single sentence from this post to remember, and a look at signalthefuture gave me another to keep, content that produces memorable lines is doing more than just transferring information and the small selection of sentences I keep from each reading session is one of the actual returns I get from reading carefully.

  39. Appreciated that the writer trusted the reader to follow along without constant restating of earlier points, and a look at clarityactivation continued that respect for the reader, treating an audience as capable adults rather than as people to be hand held through every paragraph is something I notice and value highly across the open internet today.

  40. If I had to summarise the editorial sensibility of this site in a few words it would be careful and human, and a look at clevebound extended that summary feeling, capturing the essence of a sites approach in brief is hard but this site has a clear enough identity that the summary comes naturally enough.

  41. Honestly impressed by how much useful content sits in such a small post, and a stop at progressbuildsforward confirmed the rest of the site packs a similar punch, density without confusion is a hard balance to strike and this site has clearly cracked the code on it across many different topic areas covered.

  43. Honest take is that I will probably forget most of what I read online today but this post is one I will remember, and a stop at claritydrivesprogress kept that same memorable quality going, certain writing leaves a residue in the mind in a way most content simply does not manage.

  44. The tone stayed consistent across the whole post which is harder than it looks for longer pieces, and a look at sharedpath continued the same voice, this kind of editorial consistency is a sign of either a single careful writer or a tightly run team and either is impressive today across the broader media environment.

  47. Just one of those reads that left me feeling slightly more capable rather than overwhelmed, and a look at bondedcore kept that empowering feel going, the difference between content that builds the reader up and content that intimidates them is huge and this site clearly knows which side of that line to stand.

  48. Left me wanting to read more rather than feeling burned out, that is a good sign, and a look at trustvault confirmed there is plenty more here to explore, the kind of writing that builds appetite rather than killing it which is a rare quality on the modern open internet today across most categories of content.

  49. Honestly the simplicity is what makes this work, the topic is not buried under filler words or overly complex examples, and a quick look at visionmapping showed the same sensible style, I left with what I came for and no headache from over reading which is a real win these days.

  50. Worth bookmarking and sharing with anyone interested in the topic, that is my honest take, and a stop at trustfoundry reinforces that, the kind of generous resource that makes the open web feel worth defending against the constant pressure to retreat into walled gardens and curated feeds today everywhere I look across all my devices.

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>