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:

21,869 thoughts on “JSIO Performance Results

  1. Thanks for treating the topic with the seriousness it deserves without becoming pompous about it, and a stop at timekeeperhub continued that balanced treatment, the gap between earnest and self serious is huge and writers who can stay on the right side of it earn my respect when I find them online today.

  2. I appreciate the clarity here, everything is explained in simple terms without unnecessary detail, and after a quick stop at forwardthinkingnow the points came together nicely for me, the writing keeps things straightforward and respects the reader from start to finish without ever talking down to anyone.

  3. Now feeling confident that this site will continue producing work I will want to read, and a look at gardenvertex extended that confidence into the future, projecting forward from current quality to expected future quality is something I do for sites I genuinely follow and this one has earned that forward looking trust clearly today.

  4. Reading this slowly in the morning before opening email, and a stop at ideapathfinder extended that protected attention, content that earns the prime morning reading slot before the daily distractions begin is content with elevated status and this site has earned that prime slot consistently in my recent reading habits clearly.

  5. Found the rhythm of the prose particularly enjoyable on this read through, and a look at brightcanvas 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.

  6. Took a chance on the headline and was rewarded, and a stop at legendseeker kept the rewards coming as I clicked through, the kind of place where every link leads somewhere worth the click is a small luxury on the modern web where so many sites are mostly empty calories disguised as content.

  7. If you asked me to point to a recent positive sign for the open web this site would be near the top, and a stop at luxuryseconds reinforced that designation, the few sites that serve as evidence the web can still produce quality independent content are precious and this one has clearly become one for me.

  8. Bookmark earned and shared the link with one specific person who would care, and a look at executeprogress 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.

  9. My friends would appreciate a few of these posts and I will be sending links accordingly, and a look at flaxermine added more pages to my share queue, content that earns shares to specific people in specific contexts is content with social utility and this site is generating those targeted shares from me consistently lately.

  10. Worth flagging that this approach to the topic is fresh without being contrarian, and a stop at herojourneyhub extended the same fresh angle, finding original perspective on familiar subjects is rare and this site has clearly developed its own way of seeing rather than echoing the dominant takes from elsewhere consistently.

  11. The overall feel of the post was professional without being stuffy, and a look at walnutcovemerchantgallery kept that approachable expertise going, finding the right register for technical content is hard but this site has clearly figured out how to sound knowledgeable without slipping into that distant lecturing tone that loses readers in droves every time.

  12. Good quality through and through, no rough edges and no signs of being rushed, and a quick look at runnervertex kept the same polish going, the kind of site that respects its own brand by maintaining consistency across pages which is something I always appreciate as a reader looking for trustworthy information online today.

  13. Different in a good way from the cookie cutter content that fills most blogs covering this area, and a stop at moveforwardintentionally 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.

  14. Appreciated that the writer trusted the reader to follow along without constant restating of earlier points, and a look at nightlifehub continued that respect for the reader, treating an audience as capable adults rather than as people to be hand held through every paragraph is something I notice and value highly across the open internet today.

  15. Top quality material, deserves more attention than it probably gets, and a look at progresswithpurpose reflected the same effort across the site, a hidden gem in the modern web where most attention goes to whoever shouts loudest rather than whoever actually delivers the best content for their readers without much marketing fanfare.

  16. Excellent execution from start to finish, the post never loses its rhythm and the points stay sharp, and a quick stop at buildforwardlogic kept the same level going, consistency like this across a site is the marker of a serious operation rather than a casual side project running on autopilot somewhere else.

  17. Bookmark added with a small mental note that this is a site to keep, and a look at ideasneedvelocity reinforced the keep status, the verb keep rather than visit captures something about how I think about this kind of site and it is a higher tier of relationship than I have with most places online today.

  18. Now adjusting my mental list of reliable sites for this topic and a stop at strategylaunchpad reinforced the adjustment the small ongoing curation work of maintaining trusted sources is one of the actual practical activities of careful reading and this site has earned a permanent place on my list for this particular subject.

  19. Found a small mental shift after reading this, the framing here is just a bit different from the standard takes online, and a look at wavevoyager extended that fresh perspective across more material, the rare site whose voice actually changes how you think about something rather than just confirming existing beliefs.

  20. Thanks for sharing this with the open internet rather than locking it behind a paywall like so many sites do now, and a stop at strategyinplay kept the same vibe going, generous helpful and clearly written by someone who actually wants people to learn from it rather than just charge them.

  21. Pass this along to colleagues if the topic comes up, the framing here is sensible, and a stop at ukurban adds more useful angles to share, the kind of content that improves conversations rather than just feeding them is what makes a resource genuinely valuable in professional contexts going forward over time and across project boundaries too.

  22. This stands out compared to similar posts I have read recently, less noise and more substance, and a look at wisdomvertex kept that gap going, you can really feel the difference between content made by someone who cares versus content made to fill a publishing schedule for an algorithm trying to keep growing somehow.

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

  24. Really appreciate that the writer did not assume I would read every other related post first, and a look at profitnexus 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.

  25. Picked this for my morning read because the topic seemed worth the time, and a look at marineharbor confirmed the choice was right, my morning reading slot is precious and giving it to this site felt like a good investment rather than a waste which is a higher endorsement than I usually offer for content.

  26. Now adding this site to a small mental group of recommendations I keep ready for specific kinds of inquiries, and a stop at flintbunting extended the recommendation readiness, content that I can confidently point friends and colleagues toward in specific contexts is content with real social utility and this site has that utility clearly.

  27. Honestly this hits the sweet spot between detail and brevity, no rambling and no shortcuts, and a quick visit to sailorvertex 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.

  28. Appreciated the way each section connected smoothly to the next without abrupt jumps, and a stop at motorzenith kept that flow going nicely, transitions are something most blog writers ignore but the difference is huge for the reader who is trying to follow a sustained line of thought today across many different topics.

  29. A piece that read as the work of someone who reads carefully themselves, and a look at laughingnova continued that informed feel, writers who are also serious readers produce work with a different quality and this site reads as the product of someone steeped in good writing rather than just generating content for an audience.

  30. Closed it feeling I had taken something away rather than just consumed something, and a stop at glamourvista extended that taking away feeling, the difference between content I extract value from and content I just pass through is something I track informally and this site is consistently in the value extraction column for me.

  31. A memorable post for me on a topic I had thought I was tired of, and a look at modernhorizon suggested the same site can refresh other tired topics, sites that can revive my interest in subjects I had written off as exhausted are doing rare work and this one is clearly doing that for me today.

  32. Learned something from this without having to dig through layers of fluff, and a stop at waveharborcommercegallery added a bit more context that helped tie things together for me, definitely a useful corner of the internet for anyone who wants real information without the usual marketing nonsense around it that often ruins similar pages.

  33. Came in confused about the topic and left with a much firmer grasp on it, and after flaxgourd I felt I could explain this to someone else without hesitation, that is the gold standard for any educational content and most sites simply fail to reach it ever which is unfortunate but true.

  34. Now planning to come back when I have the right kind of attention to read carefully, and a stop at actionmapsuccess reinforced that plan, choosing the right moment to read certain content is a quiet form of respect for the work and this site is generating those careful planning behaviours from me consistently as a reader.

  35. Picked something concrete from the post that I will use immediately, and a look at clarityfirstgrowth added another concrete piece, content that produces immediately useful output rather than just abstract appreciation is content that earns its place in my regular rotation without needing any further evaluation from me at this point honestly.

  36. Glad to have another reliable bookmark for this topic, and a look at actionoverhesitation suggested several more pages I will be marking too, building a personal library of trustworthy resources is one of the actual rewards of careful browsing and this site is earning a place on my permanent shortlist for the topic.

  37. Did not expect much when I clicked through but ended up reading the whole thing carefully, and a stop at buildwithmotion kept that engagement going, sometimes the unassuming sites turn out to deliver more than the flashy ones which is something I have learned to look out for over time online lately and across topics.

  38. Honestly impressed by how much useful content sits in such a small post, and a stop at savingharbor confirmed the rest of the site packs a similar punch, density without confusion is a hard balance to strike and this site has clearly cracked the code on it across many different topic areas covered.

  39. If I had to summarise the editorial sensibility of this site in a few words it would be careful and human, and a look at actiondrivenoutcomes extended that summary feeling, capturing the essence of a sites approach in brief is hard but this site has a clear enough identity that the summary comes naturally enough.

  40. Decent post that improved my afternoon a small amount, and a look at urbanbartender added a bit more to that, sometimes the small wins online add up over time and a useful site like this one is the kind of place that contributes consistently to those small wins for me lately across many different topics I follow.

  41. Skimmed first and then went back to read carefully, and the careful read paid off in places I had missed, and a stop at progressmapping got the same treatment, the rare site whose content rewards a second pass is content I want more of in my regular rotation rather than disposable single read articles.

  42. 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 discountnexus 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.

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>