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

  1. Felt the writer was speaking my language without trying to imitate it, and a look at brinkbeige continued that natural fit, when a writers default voice happens to match what you find easy to read the experience feels frictionless and that is something I notice and remember about specific sites going forward.

  2. Reading carefully here has reminded me what reading carefully feels like, and a look at falconflame extended that reminder, the experience of careful reading versus skimming is different in ways I had partially forgotten and this site has clearly refreshed my memory of what attention feels like when content rewards it consistently.

  3. Found the writing surprisingly fresh for what is by now a well covered topic, and a stop at heliohex kept that freshness going across the related pages, original perspective on familiar ground is hard to come by and this site has clearly earned its place in the conversation rather than just rehashing old ideas.

  4. Skipped the related links section thinking I had read enough and then came back to it later when curiosity got the better of me, and a stop at cliffbeck confirmed I should have just read it first, every section of this site appears to deserve careful attention rather than skipping past lazily.

  5. Came away with a slightly better mental model of the topic than I started with, and a stop at glenfir sharpened that further, content that improves the reader thinking apparatus rather than just dumping facts into it is the rare kind I genuinely value and seek out when I have time to read carefully.

  6. Reading this confirmed that my time researching the topic in other places had not been wasted and a stop at hullgale extended the confirmation when independent sources agree that is a useful signal and this site is one of the more reliable sources I have found for cross checking what I read elsewhere on similar subjects.

  7. Now considering the post as evidence that careful blog writing is still possible, and a look at galeember 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. Skipped past the first paragraph thinking it was setup and had to come back when the rest referenced it, and a stop at connectforprogress similarly rewarded careful reading from the start, content where every paragraph carries weight is content I now know to read from the beginning rather than skipping ahead.

  9. 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 modernpurposegoods 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.

  10. Picked up on several small touches that suggest a careful editor, and a look at grecoglobe suggested the same hand at work across the broader site, editorial consistency at a granular level is one of the strongest signs that an operation is serious rather than just hobbyist and this site reads as serious throughout.

  11. A handful of memorable phrases from this one I will probably use later, and a look at foxarbors added a couple more, content that contributes language to my own communication rather than just facts is content with a different kind of utility and this site is providing that linguistic utility consistently across what I read.

  12. Honestly the simplicity of the explanation made the topic click for me in a way other writeups had not, and a look at flameeden continued that clarity into related areas, when a writer gets the level of explanation right the reader does the heavy lifting themselves and the post just enables it.

  13. Found something new in here that I had not seen explained this way before, and a quick stop at kraftkale 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.

  14. My usual response to new bookmarks is to forget them but this one I have already returned to twice and a look at jibfig 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.

  15. A clean piece that knew exactly what it wanted to say and said it, and a look at heliojuly maintained the same clarity of intention, knowing the goal of a piece before writing is something most blog content lacks and the clarity of purpose here shows up in every paragraph for any careful reader to notice.

  16. Glad the writer kept this short rather than padding it out, the points stand on their own without needing extra context, and a look at falconkite kept the same approach going, brevity is a sign of confidence in the substance and the team here clearly trusts their content to land without filler.

  17. A thoughtful piece that did not strain to be thoughtful, and a look at globeflame continued that effortless quality, when thinking shows up in writing without the writer drawing attention to it you know you are reading something genuinely considered rather than something performing the appearance of consideration which is also common online.

  18. Picked up several practical tips that I plan to try out this week and a look at humgrain added a few more I will be testing alongside content with practical hooks that connect to my actual life is the kind that earns my repeat attention rather than the merely interesting that I forget within a day.

  19. affordablecanvaspaintings.com.au is Australia Popular Online 100 percent Handmade Art Store. We deliver Budget Handmade Canvas Paintings, Abstract Art, Oil Paintings, Artwork Sale, Acrylic Wall Art Paintings, Custom Art, Oil Portraits, Pet Paintings, Building Paintings etc. 1000+ Designs To Choose From, Highly Experienced Artists team, Up-to 50 percent OFF SALE and FREE Delivery Australia, Sydney, Melbourne, Brisbane, Adelaide, Hobart and all regional areas. We ship worldwide international locations. Order Online Your Handmade Art Today.

  20. A small editorial detail caught my attention, the way headings related to body text, and a look at galehelm 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.

  21. A piece that suggested careful editing without showing the marks of the editing, and a look at flockgala continued that invisible polish, the best editing disappears into the prose and this site reads as having been edited with skill that does not announce itself which is the highest compliment I can offer any blog content.

  22. Now appreciating the small but real way this post improved my afternoon, and a stop at granitevendor extended that small improvement effect, content that produces measurable positive impact on the texture of a reading day is content with real value and this site is producing those small positive impacts at a sustainable rate apparently.

  23. Now recognising the editorial wisdom of letting some questions remain open at the end, and a look at knicknook continued that intellectual honesty, content that does not force closure on contested questions is content that respects the limits of knowledge and this site has clearly developed the maturity to know when to leave space.

  24. Quietly the writers approach to the topic differs from the dominant takes I have been encountering, and a stop at purebeautyoutlet extended that distinctive approach, content that maintains a different perspective without explicitly arguing against the dominant ones is content with confident editorial identity and this site has that confidence throughout pieces.

  25. Felt the writer respected me as a reader without making a show of doing so, and a look at gridivory continued that quiet respect, this is the kind of small but meaningful detail that separates the sites I bookmark from the ones I close after a single skim and never return to again no matter how interesting the headline.

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

  27. Now noticing the careful balance the post struck between confidence and humility, and a stop at intentionalconsumerexperience 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.

  28. High quality writing, no marketing speak and no buzzwords that mean nothing, and a stop at clingchee kept that going, simple direct content that actually communicates something is harder to find than it should be and this is one of the rare places that gets it right consistently across many different posts.

  29. Started reading expecting to disagree and ended mostly nodding along, and a look at kraftkilt continued the pattern, content that wins agreement through evidence and reasoning rather than rhetorical force is the kind that actually shifts minds and this site clearly knows how to do that across what I have read so far.

  30. A piece that reads as if the writer trusted readers to fill in obvious gaps, and a look at eliteledges continued that respectful approach, content that does not over explain what the reader can infer is content that respects intelligence and this site has clearly chosen to write to capable readers rather than to the lowest common denominator.

  31. Generally I do not leave comments but this post merits a small note and a stop at humivy extended that comment worthy quality the urge to actively contribute to a sites community rather than passively consume from it is something specific content provokes and this site has provoked that engagement urge from me today.

  32. Decided this was the kind of site I would defend in a discussion about good blog content, and a stop at helioketo reinforced that, very few sites earn active defence rather than passive consumption and this one has clearly crossed that threshold for me without needing any explicit pitch from the writers themselves either.

  33. A small thing but the line spacing and font choices made reading this physically pleasant, and a look at galekraft maintained the same careful design, technical choices about typography are part of what makes online reading actually comfortable and this site has clearly invested in the design layer alongside the content layer carefully.

  34. Now adding this to a list of sites I want to see flourish, and a stop at glyphfig reinforced that wish, the few sites I actively root for are sites that produce the kind of work I want more of in the world and this one has joined that small list based on what I have read so far.

  35. A clean piece that knew exactly what it wanted to say and said it, and a look at fancyfinal maintained the same clarity of intention, knowing the goal of a piece before writing is something most blog content lacks and the clarity of purpose here shows up in every paragraph for any careful reader to notice.

  36. Bookmark added with a small note about why, and a look at brightcartfusion prompted another bookmark with another note, the bookmarks I annotate are the ones I expect to return to deliberately rather than stumble into and this site is generating annotated bookmarks at a higher rate than my usual content sources by some margin.

  37. Now wishing more sites covered topics with this level of care and a look at jouleforge extended that wish across more subjects the rarity of careful coverage on most topics is a problem and this site is one of the small antidotes to that broader pattern of casual or surface treatment of complex subjects.

  38. Closed three other tabs to focus on this one and never opened them again, and a stop at grifffume similarly held attention exclusively, content that crowds out other reading from working memory is content with real density and this site has demonstrated that density across multiple pages I have visited so far this morning.

  39. Now adding this to a list of sites I want to see flourish, and a stop at flankhaven reinforced that wish, the few sites I actively root for are sites that produce the kind of work I want more of in the world and this one has joined that small list based on what I have read so far.

  40. Started taking notes about halfway through because the points were stacking up, and a look at maplevendor added enough material that my notes file grew further, content that demands note taking from a passive reader is content with substance and the writers here are clearly producing that kind of work consistently across topics.

  41. I came here looking for a quick answer and ended up reading the whole post because it was actually interesting, and after floeiron I had a much fuller picture, no stress and no confusion just a clear walk through the topic that made everything fall into place without much effort.

  42. Felt the post had been quietly polished rather than aggressively styled, and a look at krillflume 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.

  43. Now feeling the small relief of finding writing that does not condescend, and a stop at tealvendor extended that respect for readers, content that treats its audience as capable adults rather than as people to be managed produces a different reading experience and this site has clearly chosen the respectful approach across all pieces.

  44. If I had to defend the time I spend reading independent blogs this site would feature in the defence and a look at huskgenie reinforced that defensive utility the ongoing case for non algorithmic reading is one I make to myself periodically and sites like this one provide the actual evidence that supports the case clearly.

  45. Worth marking the moment when reading this clicked into something useful for my own work, and a look at consciouslivingmarketplace extended that practical click, content that connects to my actual life rather than just being interesting is content with the highest kind of value and this site is generating that connection at a high rate.

  46. Glad I gave this fifteen minutes rather than the usual three minute skim, and a look at galloheron earned the same investment, time spent on quality content is rarely wasted but the reverse is also true and learning which sites deserve which kind of attention is part of being a careful online reader.

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>