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:

13,207 thoughts on “JSIO Performance Results”

  1. Строительный журнал https://buildingtips.kyiv.ua для тех кто строит ремонтирует и обустраивает недвижимость. Полезные публикации о технологиях строительства дизайне интерьеров выборе подрядчиков и современных материалах.

  2. Мир автомобилей https://auto-club.pl.ua в одном месте: автоновости обзоры рейтинги советы по ремонту и обслуживанию. Следите за новинками автопрома узнавайте о характеристиках моделей и тенденциях автомобильного рынка.

  3. Все о современном https://dcsms.uzhgorod.ua доме: строительство ремонт интерьер и благоустройство. Экспертные статьи обзоры материалов и полезные рекомендации для создания комфортного пространства для жизни.

  5. Практический портал https://dsmu.com.ua о ремонте строительстве и обустройстве жилья. Реальные советы инструкции и обзоры помогут сократить расходы повысить качество работ и добиться отличного результата.

  6. Строительство без ошибок https://donbass.org.ua начинается здесь. Узнавайте о новых технологиях популярных строительных материалах особенностях ремонта и эффективных решениях для жилой и коммерческой недвижимости.

  7. A piece that handled the topic with appropriate weight without becoming portentous, and a look at auroracovemerchantgallery continued that calibrated seriousness, content that takes itself seriously without becoming pompous is something this site has clearly figured out and the balance shows up in every piece I have read across multiple sessions now.

  9. Worth your time, that is the simplest endorsement I can give, and a stop at ivoryridgemarketparlor extends that endorsement across the rest of the site, this is one of those increasingly rare places that delivers on what it promises rather than over selling the content and under delivering on substance every time which I find frustrating elsewhere.

  10. Most of the time I feel the open web is in decline and then I find a site like this, and a stop at cartwaymarket reinforced that mood lift, the cumulative effect of finding occasional excellent independent content versus the cumulative effect of finding mostly mediocre content is real for the long term reader maintaining web habits today.

  11. Genuinely well crafted writing, the kind that makes the topic look easier than it actually is, and a look at junipercovegoodsroom added even more depth, you can feel the experience behind every line which is something only writers who have been at this for a while can pull off with this level of grace.

  12. Came away with a small but real shift in perspective on the topic, and a stop at caramelcovemarkethall pushed that shift a bit further, the kind of subtle reframing that good writing does to a reader without making a big deal of it is something I always appreciate when it happens which is sadly not that often.

  13. Liked how the post handled an objection I was forming as I read, and a stop at dewdawn similarly anticipated where my thinking was going next, the rare writer who can predict reader concerns and address them in advance is doing something most online content fails to do despite that being basic editorial work.

  15. Good post, the kind that respects the reader by getting to the point quickly without skipping the details that matter, and a short look at advancewithclarity confirmed that approach is consistent across the site which is rare to find online these days, definitely a place I will return to soon.

  16. Once you start reading carefully here it is hard to go back to lower quality alternatives, and a stop at driftorchardvendorhall reinforced that ratchet effect, the way good content raises standards is real over time and this site has clearly contributed to raising my expectations for what is possible in writing on the topic generally.

  17. Highly recommend to anyone looking for a sensible take on this topic without the usual marketing nonsense, and a look at apricotharborcraftcollective 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.

  18. 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 epictrendcorner 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.

  22. Honestly impressed, did not expect to find this level of care on the topic, and a stop at growthwithdirection cemented the impression, you can tell within the first few paragraphs whether a site is going to be worth the time and this one delivered on that early promise nicely throughout the rest of what I read.

  23. Coming back to this one, definitely, and a quick visit to gingerbrookmarketfoundry only made me more sure of that, the kind of writing that makes you want to set aside time later rather than rushing through it now while distracted by everything else competing for attention on the screen today across so many tabs.

  24. Worth saying that the quiet confidence of the writing is what landed first and a look at growthneedsdirection 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.

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

  26. Generally I find the content on similar topics frustrating in specific ways and this post avoided all of them, and a look at growthbydesignthinking continued that frustration free experience, content that sidesteps the standard failure modes of its genre is content with editorial awareness and this site has clearly studied what fails elsewhere consistently.

  27. Bookmark folder reorganised slightly to make this site easier to find, and a look at cottonmeadowartisanexchange earned the same accessibility upgrade, the small organisational moves I make for sites I expect to return to often are themselves a signal of how much I trust them and this site triggered those moves naturally.

  28. Reading this slowly to absorb the structure, and the structure is doing real work alongside the words, and a look at explorefutureoptions maintained the same architectural quality, when sentence shapes and paragraph rhythms reinforce the meaning rather than just transporting words you know you are reading skilled work today.

  29. Did not expect much when I clicked through but ended up reading the whole thing carefully, and a stop at momentumthroughdirection 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.

  30. Pizza Venezia — Итальянская пицца в Москве https://pizza-venezia.ru быстрая доставка горячей пиццы пасты закусок и десертов. Свежие ингредиенты и классические рецепты.

  31. Проблемы со здоровьем? https://mdc-solnce.ru прием врачей различных специальностей точная диагностика профилактические обследования и индивидуальный подход к каждому пациенту. Забота о здоровье с использованием современных методов лечения.

  32. На нашем сайте доступны фильмы онлайн в хорошем качестве разных жанров и направлений – от свежих премьер до легендарных фильмов которые не теряют своей актуальности. Мы собрали в единой библиотеке тысячи фильмов сериалов и мультфильмов чтобы каждый пользователь мог легко подобрать интересный контент для отдыха. Большая часть контента доступна в высоком HD качестве а рекламы здесь минимум чтобы зрители могли наслаждаться кино без лишних помех. Мы постоянно обновляем библиотеку добавляя свежие премьеры и популярные проекты о которых часто упоминают поклонники кино.

  33. A quiet piece that did not try to compete on volume, and a look at claritydrivenmovement maintained that selective approach, sites that publish less but better are increasingly rare in an environment that rewards volume and this one has clearly chosen quality cadence over quantity which is a brave editorial decision in current conditions.

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

  35. Honest reaction is that I want to send this to a friend who would benefit from it, and a look at bayharborcommercegallery added more material I will pass along too, the impulse to share is the strongest signal I have for content quality and this site is generating that impulse cleanly across multiple posts.

  36. Reading this triggered a small change in how I think about the topic going forward, and a stop at dawnmeadowgoodsroom 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.

  37. Found the section structure particularly thoughtful, and a stop at growthsteeringhub suggested the same care across the broader site, structural choices guide the reader through the material in ways most people do not consciously notice but feel the absence of when those choices are made carelessly or not at all.

  38. Hello my friend! I want to say that this article is awesome, nice written and include almost all vital infos. I would like to see more posts like this.

  39. Thanks for keeping things clear and to the point, that is honestly hard to find online these days, and after reading through easyonlinepurchases the message stayed consistent which makes me trust the information being shared more than I usually do on similar pages that cover this same kind of topic.

  40. Glad the writer did not feel compelled to cover every possible angle of the topic, focus is a virtue, and a stop at clarityvector 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. Appreciate the thoughtful approach the writer clearly took time to make this readable for someone who is not already an expert and a look at visioncatalyst kept that going nicely easy on the eyes and easy on the brain which is always a winning combination when reading on a busy day.

  42. Liked that the post acknowledged complications rather than pretending they did not exist, and a stop at autumncovecraftcollective continued that honest framing, sites that handle complexity with care rather than papering it over with simplifying claims are doing real intellectual work and this one is clearly in that category based on what I have read.

  43. Worth every minute of the time spent reading, and a stop at bayharbortradehall 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.

  44. Going to come back when I have more time to read carefully, the post deserves more than a quick scan, and a stop at opalmeadowgoodsgallery reinforced that, this is the kind of site that rewards a slower read which is hard to find in this fast paced corner of the internet but really worthwhile.

  45. Skimmed first and then went back to read carefully, and the careful read paid off in places I had missed, and a stop at actionengineered 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.

  46. Came in confused about the topic and left with a much firmer grasp on it, and after fastgoodscorner 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.

  47. Halfway through I knew I would finish the post, and a stop at directioncreatestraction also held me through to the end, content that signals its quality early and then sustains it is content with real internal consistency and this site has clearly figured out how to maintain quality from opening sentence through to closing thought.

  48. Thanks for keeping things clear and to the point, that is honestly hard to find online these days, and after reading through autumncovemerchantgallery the message stayed consistent which makes me trust the information being shared more than I usually do on similar pages that cover this same kind of topic.

  49. Just wanted to drop a quick note saying this was a useful read on a topic I have been circling, no fluff, and a stop at executeideasnow added a few extra points that fit the same simple style which makes the whole site feel coherent rather than thrown together by many different writers with different goals.

  50. A modest masterpiece in its own quiet way and a look at directiondrivesexecution confirmed the same quiet quality across the rest of the site calling something a masterpiece is usually overstating but for content this carefully crafted the word feels appropriate even if the writers themselves would probably resist the label honestly.

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>