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

  1. A piece that read smoothly because the writer understood how readers actually move through prose, and a look at xalirobuy maintained the same reader awareness, writers who think about the reading experience as much as the writing experience produce better work and this site has clearly made that shift in editorial approach.

  2. Genuinely good work, the kind that holds up over multiple readings without losing its appeal, and a stop at clicktofindstrategicoptions kept that going, definitely a site I will be returning to and probably mentioning to others who work in or care about this particular area of interest today and in coming weeks.

  5. Beyond the immediate post itself the editorial sensibility behind the site is what struck me, and a stop at learnandgrowprofessionally continued displaying that sensibility, content that reveals editorial choices through accumulated reading is content with structural quality and this site has clearly developed an underlying approach worth identifying through multiple sessions of reading.

  6. Glad the writer did not feel the need to argue with imaginary critics in the post itself, and a stop at globaldigitalshoppingmarket kept the same focused approach going, defensive writing wastes the reader time and confidence on positions that did not need defending and this post has clearly avoided that common failure.

  7. Big thanks to whoever wrote this, you saved me a lot of time hunting for the same info on other sites, and a stop at ulvirospace only added more useful detail without going off topic, that kind of focus is honestly hard to come across these days when most posts wander everywhere.

  8. Reading this confirmed a hunch I had been carrying about the topic without having articulated it, and a stop at cavlo extended the confirmation, content that gives shape to fuzzy intuitions is doing the rare work of making private thoughts public and this site is providing that articulating service consistently for me lately.

  12. Reading this site over the past week has changed how I evaluate content in this space, and a look at rixva extended that recalibration, the standards I bring to reading on the topic have shifted upward as a direct result of regular exposure to this kind of work and that shift will outlast any single reading session.

  14. Quiet confidence runs through the whole post no need to shout to make the points stick and a stop at nextgenonlinebuying 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.

  15. Started reading without much expectation and ended on a high note, and a look at onlineconsumerbuying continued that arc, content that builds rather than peaks early is a sign of a writer who knows how to structure a piece for sustained reader engagement rather than relying on a strong hook to do all the work.

  16. My reading list is short and selective and this site is now on it, and a stop at navirotrack confirmed the placement, the short list of sites I read deliberately rather than encounter accidentally is something I curate carefully and adding to it is a real act of trust which this site has earned today.

  18. Reading this gave me confidence to make a decision I had been putting off, and a stop at brixeltrustee 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.

  19. Worth bookmarking and sharing with anyone interested in the topic, that is my honest take, and a stop at trustedbusinessconnections reinforces that, the kind of generous resource that makes the open web feel worth defending against the constant pressure to retreat into walled gardens and curated feeds today everywhere I look across all my devices.

  20. Worth saying this site reads better than most paid newsletters I have tried and a stop at learnfrommarketleaders confirmed that comparison the bar for free content is often lower than for paid but this site clears the paid bar consistently and that says something about the editorial approach behind the work being published here regularly.

  25. Reading more of the archives is now on my plan for the weekend, and a stop at plixo confirmed the archive worth the time, the rare archive worth a dedicated reading session rather than just casual sampling is the rare archive of serious work and this site has clearly produced enough of that work to warrant the deeper exploration.

  26. Worth pointing out that the writing reads as confident without being defensive about it, and a look at strategicbusinessalliances 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.

  28. Highly recommend to anyone looking for a sensible take on this topic without the usual marketing nonsense, and a look at explorefuturedirections kept that grounded approach going, sites that stay focused on serving readers rather than monetising every click are rare and this is clearly one of those rare ones I really appreciate finding.

  29. Will be back, that is the simplest way to say it, and a quick visit to ardenbrisk reinforced the decision, this site has earned a spot in my regular rotation alongside a few other reliable places I check when I want something genuinely informative without all the usual modern web noise getting in the way.

  30. Hey! This is my 1st comment here so I just wanted to give a quick shout out and tell you I truly enjoy reading through your posts. Can you recommend any other blogs/websites/forums that deal with the same topics? Thanks a lot!

  32. 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 clickforbusinessinsights 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.

  33. 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 qavrix 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.

  34. Picked up a couple of new ideas here that I can actually try out, and after my visit to prixo I have even more notes saved, this is the kind of resource that pays you back for the time you spend on it which is rare to come across in this corner of the web.

  35. In the middle of an otherwise scattered day this post landed as a moment of focus, and a stop at velixobuy extended that focused feeling across more pages, content that anchors a fragmented day rather than contributing to the fragmentation is content with real centring effect and this site is providing that anchoring function for me.

  37. A genuinely unexpected highlight of my reading week, and a look at professionaltrustalliances extended that pattern, the surprise of finding excellent content rather than the predictable mediocre is one of the few real pleasures of casual web browsing and this site delivered that surprise cleanly today which I really do appreciate.

  38. Quality writing that respects the reader’s intelligence without overloading them, and a quick look at klyvo reflected that approach, a balanced thoughtful site that earns trust by being consistent rather than by shouting about how trustworthy it is which is the usual approach online sadly across most content categories.

  39. Glad the writer did not feel compelled to cover every possible angle of the topic, focus is a virtue, and a stop at plorix reflected the same disciplined scope, knowing what to leave out is half of what makes good writing good and this post has clearly been edited with that principle in mind.

  41. The examples really helped me grasp the points faster than abstract descriptions would have, and a stop at sustainablebusinesspartnerships added a few more practical illustrations that drove the message home, the kind of writing that knows its readers learn better through concrete situations rather than vague generalities is rare and worth recognising clearly.

  46. Felt the post had been written without looking over its shoulder, and a look at quixo continued that confident posture, content written for its own sake rather than against imagined critics has a different quality and this site reads as written from a place of confidence rather than defensive justification of every claim.

  47. Worth every minute of the time spent reading, and a stop at xeviroholdings extends that value across more pages, in a media environment where most content is engineered to waste attention this site stands out by treating reader time as something valuable rather than something to be exploited and stretched as far as possible.

  48. A piece that demonstrated competence without performing it, and a look at qelaroshop maintained the same self assured but unshowy register, the gap between competence and performance of competence is one I track and this site has clearly chosen to demonstrate rather than perform which I find much more persuasive as a reader.

  50. Just want to flag that this was useful and not bury the appreciation in caveats, and a look at xaneropact earned the same direct praise, recognising good work without hedging it with criticism is something I try to practice because over qualified compliments tend to read as backhanded and miss the point sometimes.

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>