JSIO Performance Results

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:

14,264 thoughts on “JSIO Performance Results

  1. Beyond the immediate post itself the editorial sensibility behind the site is what struck me, and a stop at pipmyrrh continued displaying that sensibility, content that reveals editorial choices through accumulated reading is content with structural quality and this site has clearly developed an underlying approach worth identifying through multiple sessions of reading.

  2. Useful read, especially because the writer did not assume too much background from the reader, and a quick look at fumefig continued in the same way, a thoughtful site that meets people where they are which is something the modern web could use a lot more of for both casual and serious readers.

  3. Skipped the comments section but might come back to read it, and a stop at elffleet hinted at a quality reader community, sites where the comments are worth reading separately from the post are increasingly rare and signal a particular kind of audience that has grown around the editorial vision over time gradually.

  4. Looking at the surface design and the substance together this site has both right, and a look at trendvani reinforced that integrated quality, sites where presentation and content reinforce each other rather than fighting are sites with full editorial coherence and this one has clearly invested in both layers in a balanced way.

  5. Bookmark earned and folder updated to track this site separately, and a look at rangerorca confirmed the folder upgrade was the right call, organising my reading list so that good sites do not get lost in a sea of casual bookmarks is something I do more carefully now and this site warranted its own spot.

  6. Picked up a couple of new ideas here that I can actually try out, and after my visit to savennkga I have even more notes saved, this is the kind of resource that pays you back for the time you spend on it which is rare to come across in this corner of the web.

  7. A quiet piece that did not try to compete on volume, and a look at lakepeach maintained that selective approach, sites that publish less but better are increasingly rare in an environment that rewards volume and this one has clearly chosen quality cadence over quantity which is a brave editorial decision in current conditions.

  8. Adding this site to my regular reading list the post earned that on its own and a quick stop at neonmotel sealed the decision the kind of place worth checking back with from time to time because it consistently produces material that holds up against a critical reading too which I really value.

  9. A piece that took its time without dragging, and a look at duetparish 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.

  10. Really appreciate the confidence to make a clear point rather than hedging everything, and a quick visit to quarkpivot maintained the same direct stance, writing that takes positions rather than equivocating is more useful even when the positions are debatable because at least the reader has something to react to clearly.

  11. Magnificent beat ! I would like to apprentice while you amend your web site, how could i subscribe for a blog website? The account helped me a acceptable deal. I had been tiny bit acquainted of this your broadcast provided bright clear idea

  12. Reading this between two meetings turned out to be the highlight of the morning, and a stop at tavmixo 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.

  13. Closed the laptop and walked away thinking about the post for a good twenty minutes, and a stop at palmmill produced similar lingering thoughts, content that survives the closing of the browser tab is content that has actually entered the mind rather than just decorating the screen for the duration of the reading.

  14. Decided to write a short note to the author if there is contact info anywhere, and a stop at knackpacts extended that intention, the urge to thank the writer directly is a strong signal of content quality and this site has triggered that urge in me today which is a fairly rare event for my reading.

  15. Top tier post, the kind that makes you want to share the link with friends working in the same area, and a stop at pansyoboe only made me more confident in doing that, this site is one of the better resources I have seen on the topic recently across both new and older posts.

  16. Will be back, that is the simplest way to say it, and a quick visit to odelatte reinforced the decision, this site has earned a spot in my regular rotation alongside a few other reliable places I check when I want something genuinely informative without all the usual modern web noise getting in the way.

  17. Really appreciate that the writer did not assume I would read every other related post first, and a look at macrolush kept that self contained feel going where each piece can stand alone, accessibility for new readers is a sign of generous editorial thinking and this site has clearly invested in that approach.

  18. Liked the careful word choice throughout, every term seemed picked for a reason rather than thrown in casually, and a stop at darebulb continued that precise style, this kind of attention to small details is what separates careful writing from the usual rushed content that dominates blog spaces today across pretty much every topic I follow.

  19. Liked everything about the experience, from the opening through to the closing notes, and a stop at zalqino extended that into more pages, finding a site where the editorial vision shows through every choice rather than feeling random is an increasingly rare experience and one I am glad to have today during this particular reading session.

  20. Appreciated how the post felt complete without overstaying its welcome, and a stop at primpivot confirmed that economical approach runs across the site, knowing when to stop is a skill many writers never develop but here the discipline is obvious and welcome from the perspective of a busy reader trying to learn things efficiently.

  21. Coming back tomorrow when I can give this a proper read, the post deserves better attention than I can give right now, and a look at mavtoro suggests there is plenty more here that deserves the same treatment, definitely a site I will be exploring properly over the next few days when I can.

  22. This actually answered the question I had been searching for, and after I checked zirqiro I had a few more pieces I had not realised I needed, that is the sign of a site that knows what its readers want before they even know how to ask it which is impressive.

  23. Now setting this aside as a model of how to write thoughtfully on the topic, and a stop at dealrova extended that model status, content that becomes a reference for how a kind of writing should be done is content with influence beyond its own readership and this site is reaching that level for me clearly today.

  24. A small thank you note from me to the team behind this work, the post earned it, and a stop at pippierce suggested more thanks would be in order over time, recognising the people who do good writing online is something I try to remember to do because the alternative is silence and silence rewards mediocrity unfortunately.

  25. Felt the writer was being honest with the reader which is rare enough that I want to acknowledge it, and a look at mirthlinnet continued that honest feel, content built on actual knowledge rather than aggregated summaries is something I value highly and rarely come across in regular searches on the open internet these days.

  26. Now feeling something close to gratitude for the fact this site exists, and a look at premiumdesignandliving extended that gratitude, the rare site that produces this kind of response is the rare site worth defending in conversations about whether the modern internet is still capable of producing genuinely valuable independent content for serious adults.

  27. Thanks for a post that does not try to be funny when it is not the moment for it and a stop at nervemuscat maintained the same appropriate seriousness knowing when humour helps and when it just signals desperation for engagement is a sign of editorial maturity that many blogs have not developed yet.

  28. Now noticing that the post benefited from being neither too short nor too long for its content, and a look at vanquro continued that calibration of length, sites that match length to content rather than padding to hit some target are sites that respect both their material and their readers and this site does both.

  29. Even from a single post the editorial care is clear, and a stop at realmmercy extended that care across more pages, the kind of attention to quality that shows up in every paragraph is what separates serious sites from the rest and this one has clearly invested in that paragraph level attention across what I have read.

  30. If patience for careful reading is rare these days finding sites that reward it is rarer still, and a stop at lanellama extended that rare reward, the diminishing returns on shallow content reading have made me more selective about where to spend reading time and this site is meeting the higher selectivity bar consistently.

  31. Took a quick scan first and then went back to read properly because the post deserved it and a stop at kelpgrip kept me reading carefully too the kind of writing that earns a slower second pass rather than getting skimmed and forgotten is something I value highly when I happen to find it.

  32. A clear cut above the usual noise on the subject, and a look at nexmixo only made that gap wider in my view, the kind of place that earns its visitors through quality rather than through aggressive marketing or sponsored placements which is increasingly the only way most sites stay afloat across the modern web.

  33. Worth recognising the specific care that went into how this post ended, and a look at fernbureau maintained the same careful conclusions, endings are where most blog content falls apart and this site has clearly invested in the closing stretches of its pieces rather than letting them simply trail off when energy fades.

  34. Reading this in the morning set a good tone for the day, and a quick visit to quaymicro kept that good tone going, content can do that sometimes when it hits the right notes and finding sites that consistently strike that tone is something I have learned to recognise and reward with regular visits.

  35. Closed the tab and immediately reopened it ten minutes later because I wanted to reread a part, and a stop at uniquegiftcorner drew the same return, content that pulls you back after closing it is doing something well beyond the average and worth marking as exceptional in my mental catalogue of reliable sites.

  36. Useful reading material, the kind I can hand off to someone newer to the topic without worrying about confusing them, and a quick look at fumefinch confirmed the same beginner friendly tone runs throughout the site which is great for sharing with people just starting their learning journey on this particular topic.

  37. Reading this on a phone at a coffee shop and finding it perfectly suited to that context, and a stop at pantheroffer continued the comfortable mobile experience, content that works across reading conditions without compromising on substance is increasingly important and this site has clearly thought about the whole reader experience here.

  38. A piece that ended with a clean landing rather than fading out, and a look at qivnaro maintained the same crisp conclusions, endings that resolve rather than dissolve are a sign of careful structural thinking and this site has clearly invested in how its pieces conclude rather than letting them simply run out of energy.

  39. The lack of unnecessary jargon made the post accessible without sacrificing accuracy, and a look at modrova continued in the same accessible style, technical topics often hide behind specialised vocabulary but here the writer trusts the reader to keep up with plain language and that trust pays off nicely throughout the entire post.

  40. Found this through a search that was generic enough I did not expect quality results, and a look at tavnero continued the surprisingly good experience, search engines occasionally still surface excellent independent content if you scroll past the obvious paid and high authority results which is reassuring to remember sometimes.

  41. A satisfying piece in the way that good meals are satisfying rather than just filling, and a look at prismplanet extended that satisfaction, the metaphor between content and meals is one I find useful and this site reads as a satisfying meal rather than the empty calories that most content provides for casual readers.

  42. Worth saying that the post fit naturally into a rhythm of careful reading, and a stop at zarqiro 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.

  43. Different in a good way from the cookie cutter content that fills most blogs covering this area, and a stop at melqavo kept showing me why, original thoughtful writing exists if you know where to look and this site has earned a place on my short list of those rare exceptions worth defending.

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>