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

  1. Quietly enjoying that I have found a new site to follow for the topic, and a look at growthforward reinforced the small pleasure of the find, the discovery of new high quality sources is one of the more durable pleasures of careful internet reading and this site has been generating that discovery pleasure at multiple points already today.

  2. Bookmark earned and shared the link with one specific person who would care, and a look at silkroadfinds got the same targeted share, sharing carefully rather than broadcasting is a discipline I try to maintain and this site is generating shares from me at a sustainable rate rather than the spam rate of viral content.

  3. Most attempts at writing on this topic feel like they are missing something and this post finally identified what was missing, and a look at legacyvector extended that diagnostic clarity, content that names what is wrong with adjacent treatments while doing better itself is content with both critical and constructive value and this site has both.

  4. Really like that there are no exclamation marks or all caps shouting throughout the post, and a quick visit to summittrustline maintained the same calm voice, restraint in punctuation signals confidence in the content and this site clearly trusts its substance to do the persuading rather than relying on typographic emphasis.

  10. Reading the writers other posts after this one suggests the quality is consistent rather than peak, and a stop at dependablecapital confirmed the consistent quality reading, sites that hold the same level across many pieces rather than peaking on a few are sites with sustainable editorial discipline and this one has clearly developed that.

  12. Liked everything about the experience, from the opening through to the closing notes, and a stop at veritascapital 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.

  14. Skipped to a specific section because I knew that was the question I had, and the answer was clean, and a stop at bondedpartners similarly delivered targeted answers without burying them, content engineered for readers who arrive with specific needs rather than open ended browsing is increasingly valuable in a search heavy reading environment.

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

  16. Decided this was the best thing I had read all morning, and a stop at forwardtractionbuilt kept that ranking intact, ranking my reading is something I do mentally throughout the day and the top rank is competitive and not easily won but this site won it without needing to overstate its claims for that.

  18. 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 craterbase kept that same memorable quality going, certain writing leaves a residue in the mind in a way most content simply does not manage.

  19. Reading this brought back the satisfaction I used to get from blogs ten years ago, and a stop at actionfuelsmomentum kept that nostalgic quality alive, sites that capture what was good about an earlier era of internet writing are increasingly precious and this one is doing that without feeling like a deliberate throwback at all.

  21. Walked away with a clearer head than I had before reading this, and a quick visit to driftpineemporium only sharpened that, the writing has a way of cutting through the noise that surrounds most topics online which is something I will definitely remember the next time I am searching for an answer to anything.

  22. Reading this gave me confidence to make a decision I had been putting off, and a stop at signalcreatesprogress reinforced that confidence, content that translates into action in my own life rather than just informing it is content with the highest practical value and this site is generating that action level utility for me lately.

  23. Granted I am giving this site more credit than I usually give new finds, and a look at actiondrivesvelocity 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.

  25. Many thanks for sharing these kind of wonderful blogposts. In addition, an excellent travel and also medical insurance program can often eliminate those fears that come with traveling abroad. Any medical crisis can shortly become too expensive and that’s bound to quickly slam a financial problem on the family finances. Setting up in place the best travel insurance program prior to setting off is definitely worth the time and effort. Thanks a lot

  27. If I were grading sites on this topic this one would receive high marks, and a stop at mossandmaple continued earning those high marks, the informal grading I do mentally for content sources is something I take seriously even though it is informal and this site has been receiving consistent high marks across multiple sessions today.

  28. Worth pointing out that the writing reads as confident without being defensive about it, and a look at oakstonebond extended that secure tone, content that does not pre emptively argue against imagined critics has a different quality from defensive writing and this site reads as written from a place of real ease.

  30. Really liked the calm tone running through the post, no shouting and no urgency forced into the writing, and a look at copperpetalshop 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.

  31. Reading this prompted me to dig out an old reference book related to the topic, and a stop at durablecapital 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.

  34. Really appreciate the confidence to make a clear point rather than hedging everything, and a quick visit to trustwaypoint 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.

  35. A piece that did not require external context to follow, and a look at steadfastalliance maintained the same self contained quality, content that stands alone without forcing readers to chase prerequisites is more accessible and this site has clearly thought about how each piece can serve a fresh visitor rather than only existing members.

  36. Took a few notes from this post, the points are easy to remember without needing to come back and check, and a look at thistleandstone added a couple more, the kind of place that sticks in the memory long after the browser tab has been closed for the day which says a lot really.

  37. Now planning to write about the topic myself eventually using this post as a reference, and a look at securecapitalbond would also serve in that future piece, content that becomes raw material for my own writing rather than just informing my reading is content with multiplicative value and this site is generating that multiplicative effect.

  38. Found something quietly useful here that I expect to return to, and a stop at everbloomemporium added more of the same, content with quiet utility ages well in a way that flashy hot takes do not and I have learned to weight quiet utility much higher when deciding what to bookmark for later use.

  39. Probably this is one of the better quiet successes on the open web at the moment, and a look at petalandember reinforced that quiet success quality, sites that are doing well without making a noise about doing well are the sites I most respect and this one has clearly chosen the quiet success path consistently throughout.

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

  45. Beats most of the alternatives on the topic by a noticeable margin, and a look at enduringcapital did not change that at all, this is one of the better corners of the open internet for this kind of content and I am glad I clicked through rather than skipping past quickly like I usually do.

  46. Better signal to noise ratio than most places I check on this kind of topic, and a look at indigoharborstore kept that going, every paragraph here carries something worth reading rather than padding out the page to hit some arbitrary length target that search engines reward but readers ignore as soon as they notice it.

  47. Reading this triggered a small change in how I think about the topic going forward, and a stop at wildharborcollective reinforced that subtle shift, the rare content that actually moves my thinking rather than just confirming or filling it is the kind I most value and this site is providing that kind of impact today.

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

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>