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

  2. Just enjoyed the experience without needing to think about why and a look at dearsparrows kept that effortless feeling going sometimes the best content is invisible in the sense that you forget you are reading until you reach the end and realise time has passed without you noticing it pass naturally.

  5. Granted my mood today might be elevating my reading experience but I still think this is genuinely good, and a stop at ShopWhatTheFreak 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.

  6. Now considering the post as evidence that careful blog writing is still possible, and a look at 34crooke 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.

  8. Found this useful, the points line up well with what I have been thinking about lately, and a stop at neviroroot added some angles I had not considered yet, definitely walking away with more than I came for which is the best outcome from time spent reading online for any kind of topic.

  9. Reading this gave me a small sense of progress on a topic I have been slowly working through, and a stop at missionsaveher 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.

  11. Skipped breakfast still reading this and finished hungry but satisfied, and a stop at muralspotting kept me past breakfast time, content that displaces basic biological needs is content with serious attentional pull and the writers here are clearly capable of producing that level of engagement which is genuinely impressive these days.

  14. Liked that the post acknowledged complications rather than pretending they did not exist, and a stop at quvexaline continued that honest framing, sites that handle complexity with care rather than papering it over with simplifying claims are doing real intellectual work and this one is clearly in that category based on what I have read.

  18. Appreciated how the post felt complete without overstaying its welcome, and a stop at christmasintheparkuk 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.

  20. Now setting this aside as a model of how to write thoughtfully on the topic, and a stop at bigprintnewspapers 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.

  21. Reading this prompted a small note in my reference file, and a stop at douglasand55 prompted another, the rare site that contributes useful nuggets to my own working knowledge rather than just consuming my attention is worth the time investment many times over compared to the usual pile of forgettable scroll content.

  24. 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 DividedHeartsOfAmericaFilm 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.

  25. Thanks for putting in the work to make this approachable, plenty of sites cover the same ground but most do it badly, and a quick visit to tahwla confirmed this one stands apart, simple language and useful examples without anyone trying to sell me anything along the way which I really appreciated.

  26. Found this through a search that was generic enough I did not expect quality results, and a look at myvetcoach 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.

  29. Halfway through reading I knew this would be one to bookmark, and a look at ChristmasAtTheWindmill confirmed that early intuition, when bookmark intent forms before finishing a post you know the writing has cleared a quality bar that most content fails to clear and this site has cleared it on multiple visits already.

  31. The structure of the post made it easy to follow without losing track of where I was, and a look at albanysuperducks kept the same logical flow going, this site clearly understands that organisation is half the battle in keeping readers engaged from the first line to the last across any kind of post.

  33. Thanks for laying this out in a way that someone newer to the topic can follow, and a stop at velro kept that accessibility going, writing that meets readers at different experience levels without condescending is hard to do well and the writers here have clearly thought about who they are writing for.

  34. Took a screenshot of one section to come back to later, and a stop at mcctheatercampaign prompted another saved tab, the urge to capture and revisit specific pieces of content is something I rarely feel but when I do it tells me the work is worth more than the average passing read for sure.

  35. Once I had read three posts the editorial pattern was clear, and a look at loftsonlex confirmed the pattern from a fourth angle, sites where the underlying approach reveals itself through accumulated reading rather than being announced are sites with real depth and this one has that quality clearly visible across multiple pieces consistently.

  37. Now planning a longer reading session for the archives, and a stop at clickforstrategicplanning confirmed the archives are worth that longer commitment, sites with archives I want to read deliberately rather than just sample are rare and this one has clearly earned that level of interest based on the consistency of what I have already read.

  39. Worth observing that the post landed without needing a flashy headline to hook attention and a stop at skyigolf did the same content that earns engagement through substance rather than packaging is the kind I trust more deeply and this site has clearly chosen substance as the primary lever for reader engagement throughout.

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

  41. Reading this prompted me to dig out an old reference book related to the topic, and a stop at nolaroholdings extended that connection to other sources, content that connects me back to my own existing knowledge rather than asking me to forget it is content with continuity and this site has that continuous quality.

  42. Thanks for a post that does not try to be funny when it is not the moment for it, and a stop at catherinewburton 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.

  43. Quiet confidence runs through the whole post, no need to shout to make the points stick, and a stop at findbrynjack carried that same restrained voice forward, content that respects the reader by trusting its own substance rather than dressing it up in theatrical language is what I look for online and rarely actually find these days.

  47. Adding to the bookmarks now before I forget, that is how good this is, and a look at neighborsforrandy confirmed the rest of the site is worth saving too, this is one of those rare finds that justifies the time spent searching the web for once which is a relief in the current environment.

  48. A satisfying piece in the way that good meals are satisfying rather than just filling, and a look at jestraproperties 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.

  49. Bookmark folder reorganised slightly to make this site easier to find, and a look at invernesscraftsman earned the same accessibility upgrade, the small organisational moves I make for sites I expect to return to often are themselves a signal of how much I trust them and this site triggered those moves naturally.

  50. Will recommend this to a couple of friends who have been asking about this exact topic, and after mimastrollers 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.

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>