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

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

  4. The depth of coverage felt about right for the format, neither shallow nor overwhelming, and a look at signaldrivenaction kept that calibration going, getting the depth right for blog format is genuinely difficult because too shallow loses experts and too deep loses beginners but this site nailed it nicely which I really do appreciate.

  5. Definitely returning here, that is decided, and a look at actioncreatestraction only made the case stronger, this is one of those rare websites that rewards regular visits rather than feeling stale after the first read which is something I cannot say about most of the places I bookmark today across all my topics.

  8. Now noticing that the post avoided the temptation to be funny in places where humour would have undermined the substance, and a stop at gentleparent maintained the same restraint, knowing when to be serious is a rare editorial virtue and this site has clearly developed it through what I assume is careful editorial practice over years.

  9. Reading this in my last reading slot of the day was a good way to end, and a stop at velvetglowhub provided a satisfying close to the reading session, content that ends a day well rather than agitating it before sleep is the kind I value increasingly and this site fits that role for me consistently now.

  10. Looking through the archives suggests this site has been doing this for a while at this level, and a look at chimneycargo confirmed the long term consistency, sites that have maintained quality across years rather than just a recent stretch are sites with serious editorial discipline and this one has clearly been at it for a while.

  11. Came away feeling slightly smarter than I was when I started, that is a real win, and a stop at eskimoarbor added a bit more to that, the rare site that actually transfers some of its knowledge to the reader in a way that sticks rather than just creating an illusion of learning briefly.

  12. Came in skeptical of the angle and left mostly persuaded, and a stop at talentnexus pushed me a bit further in the same direction, content that can move a critical reader by argument rather than rhetoric is rare and worth pointing out because it indicates real substance underneath the surface presentation here.

  13. Now wishing more sites covered topics with this level of care, and a look at brightcanvas 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.

  14. Got pulled in by the headline and stayed because the content actually delivered on the promise, and a stop at vibrantdaily kept that trust intact, when a site lives up to its own framing it earns the right to keep showing up in my browser tabs going forward indefinitely from here on out really.

  15. Now realising the post solved a small problem I had been carrying for weeks, and a look at growthpipeline extended that problem solving function, content that connects to specific unresolved questions in my own life rather than just providing general interest is content with real practical impact and this site is providing that practical value.

  16. online uk bingo reviews, best online gambling licence in india; Sal,
    live casino united states and new online slot sites uk, or cahuilla casino ausaa
    california

  17. A well calibrated piece that knew its scope and stayed inside it, and a look at trendgallery 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.

  18. Without overstating it this is a quietly excellent post, and a look at growwithprecision 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.

  21. Felt a small spark of recognition when the post named something I had been struggling to articulate, and a look at progresswithsignal produced more such moments, the rare service of giving readers language for fuzzy intuitions is one of the higher values that good writing can provide and this site offered several today instances.

  22. Better than most of the writing I have come across on this topic recently, simpler and more direct, and a look at quantumharbor continued in that same way, a real outlier in a crowded space full of repetitive content that says little while taking up a lot of reader time today which is unfortunate.

  23. Closed and reopened the tab three times before finally finishing and a stop at actionshapessuccess held my attention straight through sometimes content fights for time against my own distraction and the times it wins say something positive about its quality and this post clearly won that fight today afternoon for me.

  24. Picked something concrete from the post that I will use immediately, and a look at digitalhaven 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.

  25. Decent post that improved my afternoon a small amount, and a look at ideasneedalignment 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.

  26. Came in for one specific question and got answers to three I had not even thought to ask, and a look at intentionalforwardenergy extended that bonus value pattern, the kind of resource that anticipates reader needs rather than just answering the literal question asked is the gold standard and this site reaches it.

  28. Reading this felt productive in a way most internet reading does not, and a look at eskimobadge continued that productive feeling, sometimes the open web feels like a waste of time but sites like this remind me why I still bother to look around rather than retreating to old reliable sources for everything I need.

  29. Definitely returning here, that is decided, and a look at growththroughdesign only made the case stronger, this is one of those rare websites that rewards regular visits rather than feeling stale after the first read which is something I cannot say about most of the places I bookmark today across all my topics.

  31. Liked that the post landed without needing to manufacture controversy or take a contrarian stance for attention, and a stop at directionturnsideas continued that grounded approach, content that earns attention through quality rather than provocation is the kind that builds long term trust rather than burning it on quick wins.

  32. Skipped the social share buttons but might come back to actually use one later, and a stop at comicnexus extended that share urge, content that triggers genuine sharing impulses rather than performative ones is content that has actually moved me and not many posts in a typical week do that for me actually.

  33. Looking at this from the perspective of someone tired of generic content the contrast is striking, and a look at latinovista maintained that distinctive feel, sites with strong editorial identity stand out against the bland background of algorithmic content and this one has clearly developed an identity worth recognising through careful attention.

  34. Felt this in a way I cannot quite explain, the topic just hit different here, and a stop at buildclearoutcomes continued in that vein, sometimes you find a site whose perspective lines up with how you have been thinking and reading their work feels like a small relief which I appreciated more than I expected.

  36. A quiet kind of confidence runs through the writing, and a look at profitnexus 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.

  38. Летний языковой лагерь — отличная возможность совместить отдых и обучение. В YES Center дети не просто отдыхают а каждый день практикуют речь в живом общении с педагогами. Игры квесты и проекты помогают заговорить свободно. Записывайтесь на летнюю смену

  39. Came across this through a roundabout path and now it is on my regular rotation, and a stop at greenharvest sealed that decision, the open web still produces serendipitous discoveries when you let the citations and references guide you rather than relying purely on algorithmic feeds for new content recommendations always.

  43. Профессиональные курсы английского для детей от YES Center развивают речь память и уверенность ребёнка. Занятия проходят в игровой форме поэтому учиться интересно. Опытные преподаватели и небольшие группы помогают раскрыть способности каждого ученика.

  44. Glad I gave this fifteen minutes rather than the usual three minute skim, and a look at bloomhavenhub 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.

  45. Held my interest from the opening line through to the closing thought, and a stop at growthfollowsfocus did the same, content that earns sustained attention in an environment full of distractions is doing something right and this site is clearly doing several things right rather than just one or two which I really appreciate.

  47. Now feeling confident enough in this site to use it as a reference point for evaluating others on the same topic, and a look at nexoravision continued the comparison friendly quality, sites that serve as quality benchmarks for their topic are precious and this one has clearly become a benchmark for me on this particular subject area.

  48. Came in skeptical and left mostly convinced, that is the highest praise I can offer, and a look at buildclearprogress pushed me further in the same direction, content that survives a critical first read is rare and worth recognising because most blog posts crumble under any real scrutiny these days when you actually pay attention closely.

  49. Now realising this site has been quietly doing good work for longer than I knew, and a look at brightvertex suggested an archive worth exploring, sites with deep archives of consistent quality represent a different kind of resource than sites with viral hits and this one looks like the durable kind based on what I see.

  50. I do love the way you have framed this specific problem and it really does supply me some fodder for consideration. On the other hand, from what precisely I have observed, I simply just hope as the opinions pile on that people keep on point and in no way embark upon a tirade associated with some other news du jour. Still, thank you for this fantastic point and while I do not really agree with this in totality, I respect your standpoint.

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>