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

  1. Once I trust a site this much I tend to read everything they publish and that is the trajectory I am on with this one, and a stop at longtermvaluealliances confirmed the trajectory, the rare progression from interested reader to comprehensive reader is something only certain sites earn and this one is earning that progression rapidly.

  2. Will be coming back to this for sure, too much good content to absorb in one sitting, and a stop at globalvaluebuyingstore only added more pages I want to dig through, this site is going onto my regular rotation list because it consistently delivers something worth the visit lately rather than empty filler.

  3. Skipped past the first paragraph thinking it was setup and had to come back when the rest referenced it, and a stop at corporatetrustnetwork similarly rewarded careful reading from the start, content where every paragraph carries weight is content I now know to read from the beginning rather than skipping ahead.

  4. Liked the way the post handled the final paragraph, no neat bow but no abrupt cutoff either, and a stop at onlineconsumerbuying continued that thoughtful ending pattern, endings are hard and most blog writers either over engineer them or skip them entirely and this site has clearly figured out a sustainable middle approach.

  5. Speaking from the perspective of having read widely on the topic this site offers something distinct, and a look at globaltrustrelationshipnetwork reinforced that distinctness, the rare site that contributes something genuinely original to a saturated topic is the rare site worth following carefully and this one has demonstrated that original contribution capability today.

  6. Closed it feeling slightly more competent in the topic than I started, and a stop at longtermcommercialbonds reinforced that competence boost, real learning is rare in casual online reading but it does happen sometimes and this site managed to make it happen for me today which is genuinely worth pausing to acknowledge.

  7. Now planning to share the link with a small group of readers I trust, and a look at explorefuturedirections suggested more material to share with the same group, recommending content into a curated circle requires confidence in the recommendation and this site is making me confident in those personal recommendations on multiple separate occasions now.

  9. Came away with a slightly better mental model of the topic than I started with, and a stop at strategicunitypartnerships sharpened that further, content that improves the reader thinking apparatus rather than just dumping facts into it is the rare kind I genuinely value and seek out when I have time to read carefully.

  10. Now appreciating that the post did not require me to agree with the writer to find it valuable, and a look at trustedpurchaseexperience maintained the same useful regardless of agreement quality, content that informs even when it does not convince is content with broader utility and this site reads as useful even when I disagree.

  11. A memorable post for me on a topic I had thought I was tired of, and a look at discoverbetterapproaches 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.

  12. Really grateful for content like this, it does not waste my time and it does not insult my intelligence either, and a quick look at globalretailcommercehub was the same, balanced respectful writing that makes a person feel welcome rather than rushed through pages of forced engagement just to keep clicking around.

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

  15. Thanks again for the post, I learned a couple of things I can actually use later this week, and after I went over learnsomethinguseful the rest of the site looked equally promising, definitely going to spend more time here when I get a free moment over the weekend to read more carefully.

  17. Worth saying that this is one of the better things I have read on the topic in months, and a stop at clickforbetterdecisions reinforced that ranking, the topic is well covered by many sources but few do it with this level of care and the few that do deserve to be flagged so other readers can find them.

  18. However selective I am about new bookmarks this one made it past my filter, and a look at buildlongtermvision confirmed the bookmark was worth the slot, the precious slots in my permanent bookmark folder are difficult to earn and this site earned one without making me think twice about whether the slot was justified by the quality.

  20. Thanks for taking the time to write this, it is clear that some thought went into how each point would land, and after I went through strategicgrowthpartnerships I had a better grip on the topic, real value without the usual marketing noise people have to put up with online when searching for answers.

  21. Pleasant surprise, the post delivered more than the headline promised, and a stop at simpleecommercesolutions continued that pattern of under promising and over delivering, the rarest combination on the modern web where most content does the opposite by promising the world and delivering thin recycled summaries instead each time you click on something interesting.

  24. Excellent execution from start to finish, the post never loses its rhythm and the points stay sharp, and a quick stop at trustedenterpriseframework 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.

  25. Thank you for not assuming the reader already knows everything, the explanations meet me where I am, and a look at strategicunitypartners did the same, that consideration is what makes a site feel welcoming rather than gatekeepy which is sadly the default mood across the modern web today for most subjects covered.

  27. Well crafted post, the structure flows naturally from one point to the next without forcing transitions, and a stop at explorelongtermopportunities kept the same flow going, you can tell when a writer has thought about how their content reads rather than just what it contains and this is one of those examples.

  28. The depth of coverage felt about right for the format, neither shallow nor overwhelming, and a look at amidbull 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.

  29. Solid value for anyone willing to read carefully, and a look at nextgenonlinebuying extends that value across the rest of the site, this is the kind of place that rewards return visits rather than offering everything in a single splashy post and then leaving readers nothing to come back for later which is unfortunately common.

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

  32. Reading this slowly and letting each paragraph land before moving on, and a stop at modernretailbuyinghub earned the same patient approach, content that rewards slow reading rather than speed is content with real density and the writers here are clearly producing work that benefits from the careful eye rather than the rushed scan.

  33. Worth recognising the specific care that went into how this post ended, and a look at trustedenterprisealliances maintained the same careful conclusions, endings are where most blog content falls apart and this site has clearly invested in the closing stretches of its pieces rather than letting them simply trail off when energy fades.

  35. Now considering writing a longer note about the post somewhere, and a look at longtermvaluepartnership added more material for that note, content that prompts me to write rather than just consume is content with generative energy and this site is producing that generative effect for me at a higher rate than most sources.

  37. Now adjusting my mental list of reliable sites for this topic, and a stop at clicktoadvanceknowledge 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.

  38. Bookmark added in three places to make sure I do not lose the link, and a look at trustedmarketalliances got the same redundant treatment, sites I am afraid to lose are the rare keepers and this is clearly one of them based on what I have read so far across this and a couple of related posts.

  39. Took a chance on the headline and was rewarded, and a stop at learnandadvanceonline 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.

  43. Glad the writer did not feel the need to argue with imaginary critics in the post itself, and a stop at simpleecommercesolutions 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.

  44. Now considering carefully how to share this site with the right audience rather than broadcasting widely, and a look at businessrelationshipecosystem extended that careful sharing impulse, content worth sharing carefully rather than spamming is content that has earned a higher kind of recommendation and this site has earned that careful shareability throughout pieces.

  47. Quality writing that respects the reader’s intelligence without overloading them, and a quick look at exploreprofessionaldevelopment 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.

  49. Worth saying that the quiet confidence of the writing is what landed first, and a look at reliablebusinessrelationships continued that quiet quality, confident writing without the loud display of confidence is a rare combination and this site has clearly developed both the knowledge and the editorial restraint to land that combination consistently.

  50. Reading this slowly and letting each paragraph land before moving on, and a stop at strategicbusinessalliances earned the same patient approach, content that rewards slow reading rather than speed is content with real density and the writers here are clearly producing work that benefits from the careful eye rather than the rushed scan.

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>