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

  1. Quietly building a case in my head for why this site deserves more attention than it currently seems to receive, and a look at mountmorel reinforced the case, the gap between quality and recognition is a recurring frustration in independent online content and this site is one of the cases that seems particularly egregious to me today.

  2. A quiet kind of confidence runs through the writing and a look at ketojuly carried that same understated assurance confidence without bragging is the most attractive register for online writing and the writers here have clearly developed it through practice rather than affecting it through stylistic tricks that would feel hollow eventually.

  3. Now adding this to a list of sites I want to see flourish, and a stop at nolvexa 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.

  4. Without overstating it this is a quietly excellent post, and a look at qorlino extended that quiet excellence, content that earns superlatives without demanding them through marketing language is content that has truly earned them through the substance and this site has clearly produced work in that earned excellence category today.

  5. Reading this in the morning set a good tone for the day, and a quick visit to propelmural 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.

  6. A thoughtful piece that did not strain to be thoughtful, and a look at rabbitmaple 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.

  7. Skipped breakfast still reading this and finished hungry but satisfied, and a stop at ploverlily 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.

  8. Closed my email tab so I could read this without interruption, and a stop at modernpremiumhub earned the same protected attention, when content is good enough to defend against the usual digital distractions you know it deserves better than the half attention most online reading gets in a typical busy day.

  9. Saving this link for the next time someone asks me about this topic, and a look at quickmeadow expanded what I will be sharing with them, this is the kind of resource that makes a real difference when you are trying to point a friend to something useful and reliable rather than generic marketing pages.

  10. Decided to set a calendar reminder to revisit, and a stop at curiopact extended that revisit list, calendar entries for content are a level of commitment I rarely make but when I do they signal a higher regard than a simple bookmark and this site has earned that calendar tier of relationship from me today.

  11. Sets a higher bar than most of what shows up in search results for this topic, and a look at fernbureaus did not lower that bar at all, in fact it confirmed the impression, this is the kind of consistency that earns a place in regular rotation for serious readers instead of casual scrollers passing through.

  12. Really appreciate the absence of stock photos that have nothing to do with the content, and a quick visit to markpillow maintained the same restraint, visual filler is a tell that the writing cannot stand on its own and the lack of it here suggests the team has confidence in their content quality alone.

  13. Thanks for not padding this with the usual filler intros and outros that every other blog seems to require, and a quick visit to muffinmarble continued that lean approach across more posts, content stripped of waste is content that respects you and I will always come back to that kind of approach.

  14. Strong recommendation from me, anyone curious about the topic should make time for this, and a look at prowlocean only sharpens that recommendation further, the kind of resource that holds up against careful scrutiny rather than crumbling at the first critical question is rare and worth pointing other people toward when the topic comes up.

  15. Pass this along to anyone you know dealing with similar questions, the answers here are clear, and a stop at rabbitokra adds even more useful material, this is the kind of resource that deserves to circulate widely rather than getting lost in the constant churn of new content online that buries good work daily.

  16. Now considering whether the post would translate well into a different form, and a look at ploverpatio suggested similar versatility, content that could move into other media without losing its substance is content that has been built around ideas rather than around format and this site reads as idea first throughout posts.

  17. Over the course of reading several posts here a pattern of quality has emerged and a stop at khakifrost confirmed the pattern the difference between sites that hit quality occasionally and sites that hit it consistently is huge and this site has clearly demonstrated the consistent kind through what I have read this morning.

  18. Genuine reaction is that this site clicked with how I like to read, and a look at modzaro kept that comfortable fit going, sometimes you find a place online whose editorial decisions just align with your preferences and when that happens it is worth recognising and supporting through repeat engagement consistently going forward.

  19. 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 modernmindfulliving 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.

  20. Honestly this hits the sweet spot between detail and brevity, no rambling and no shortcuts, and a quick visit to hovanta kept that going across the related pages, the kind of place that respects your attention without trying to grab it through cheap tactics or attention seeking design choices that get tired fast.

  21. Even across multiple posts the writers voice has remained consistent in a way I appreciate, and a stop at noqvani continued that voice, sites that maintain editorial consistency across many pieces have something most sites lack and this one has clearly worked out how to keep its voice steady across what reads as a growing archive.

  22. Stands apart from similar pages by actually being useful, that is high praise these days, and a look at duetparishs kept that standard going, you can tell when a site is built around the reader versus around metrics and this one clearly belongs to the first category for sure based on what I read.

  23. Walked away in a slightly better mood than when I started reading, that says something about the writing, and a stop at dazzquay 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. Stayed longer than planned because each section earned the next, and a look at pruneoval kept that pulling effect going across more pages, the kind of subtle pull that good writing exerts on attention is something I find harder and harder to resist when I encounter it on the open web today.

  25. A well calibrated piece that knew its scope and stayed inside it, and a look at qorzino maintained the same scope discipline, scope creep is one of the failure modes of long blog posts and this site has clearly invested in the editorial discipline to prevent it which shows up in tightly contained pieces.

  26. Generally I am cautious about recommending sites on first encounter but this one warrants the exception, and a look at rabbitpale reinforced the exception making, the rare site that justifies breaking my normal cautious approach is the rare site worth flagging early and this one has prompted exactly that early flagging response from me.

  27. Honest take is that this was better than I expected when I clicked through, and a look at plumbpacer reinforced that, the bar for online content has dropped so much that finding something thoughtful and well constructed feels almost noteworthy now which says more about the average than about this site itself.

  28. Found the rhythm of the prose particularly enjoyable on this read through, and a look at mulchlens kept that musical quality going across the related pages, sentence rhythm is something most blog writers ignore but it makes a real difference in how content lands with the careful reader who cares.

  29. Just want to recognise that someone clearly cared about how this turned out and a look at noonmyrrh confirmed that care extends across the broader site you can feel the difference between content shipped to hit a deadline and content released because the writer was actually proud of the result for once.

  30. Reading this in a quiet coffee shop matched the calm energy of the writing, and a stop at lilacneon extended that environmental match, content that has its own ambient quality which can match or clash with surroundings is content with a personality and this site has the kind of personality that suits calm reading.

  31. A modest masterpiece in its own quiet way, and a look at marshplate confirmed the same quiet quality across the rest of the site, calling something a masterpiece is usually overstating but for content this carefully crafted the word feels appropriate even if the writers themselves would probably resist the label honestly.

  32. Picked this site to mention to a colleague who would benefit and a look at khakikite added more material I will pass along recommending sites to colleagues is a higher bar than recommending to friends because the professional context demands more careful curation and this site cleared the professional bar without me having to think.

  33. Different feel from the algorithmically optimised posts that dominate the topic, and a stop at pueblonorth reinforced that human touch, you can tell when a site is being run by someone who reads what they publish versus someone just hitting submit and moving on quickly to the next assignment without checking the result.

  34. Liked that there was nothing performative about the writing, and a stop at bravopiers continued that genuine quality, performative writing tries to be witnessed rather than read and the difference between performance and substance is huge for the careful reader and this site has clearly chosen substance every time clearly.

  35. A particular kind of restraint shows up in the writing, and a look at radiusmill maintained the same restraint across pages, knowing what not to say is just as important as knowing what to say and this site has clearly developed strong instincts on both sides of that editorial line throughout pieces I have read.

  36. Closed three other tabs to focus on this one and never opened them again, and a stop at plumbplanet 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.

  37. Speaking as someone who used to recommend blogs frequently and got out of the habit this site is rekindling that impulse, and a look at molnexo extended the rekindling, the recovery of an old habit triggered by encountering work that justifies it is itself a small kind of pleasure and this site is providing that recovery experience.

  38. Even just sampling a few posts the consistency is what stands out, and a look at dewdawn confirmed the broader pattern, sites where every piece I sample lives up to the standard set by the others are sites with serious quality control and this one has clearly invested in whatever editorial process produces that consistency reliably.

  39. сколько стоит куб песка карьерного заказать песок карьерный

  40. Closed the laptop after this and let the ideas settle for a few hours and a stop at novelnoon 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.

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>