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:

14,972 thoughts on “JSIO Performance Results

  1. Reading this brought back an idea I had set aside months ago, and a stop at findyourinspiration added more substance to that idea, content that revives dormant projects in my own thinking is content with serious creative value and this site is contributing to my own work in ways I had not expected when first clicking through.

  2. Thanks again for the post, I learned a couple of things I can actually use later this week, and after I went over seoglide 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.

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

  4. Beyond the immediate post itself the editorial sensibility behind the site is what struck me, and a stop at connectsharegrow 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.

  5. Closed the laptop and walked away thinking about the post for a good twenty minutes and a stop at adhatch produced similar lingering thoughts content that survives the closing of the browser tab is content that has actually entered the mind rather than just decorating the screen for the duration of the reading.

  6. Found the writing surprisingly fresh for what is by now a well covered topic, and a stop at purechoicehub kept that freshness going across the related pages, original perspective on familiar ground is hard to come by and this site has clearly earned its place in the conversation rather than just rehashing old ideas.

  7. Honestly this was a good read, no jargon and no padding, and a short look at rankimpact kept that same feel going which I really appreciated, the writer clearly knows the topic well enough to explain it without hiding behind big words or filler that often gets used to seem clever.

  8. Bookmark added in three places to make sure I do not lose the link, and a look at trendybuycenter 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.

  9. Reading carefully this time rather than scanning, and the depth shows up in places I missed first time around, and a look at linkrally rewarded the same careful approach, content that holds up to multiple reads is content I want more of in my regular rotation rather than disposable scroll fodder daily.

  10. Came here from another site and ended up exploring much further than I planned, and a look at silkseasidegoodsmarket only encouraged more exploration, the kind of place where one click leads to another not through manipulative design but through genuinely interesting content is rare and worth highlighting when found like this somewhere on the open internet.

  11. A piece that did not waste any of its substance on sales or promotion, and a look at leadladder continued that pure content focus, sites that resist the urge to monetise every paragraph are increasingly rare and this one has clearly made the editorial choice to keep the writing clean from commercial intrusion which I value highly.

  12. During a reading session that included several other sources this one stood out, and a look at quickcartworld continued the standout quality, the side by side comparison of sources during research is a useful exercise and this site has been winning those comparisons for me consistently across multiple research sessions during the last week.

  13. Skipped the related products section because there was none, and a stop at rapidbuymarket also lacked any aggressive monetisation, content that is not constantly trying to convert me into a customer or subscriber is content that has confidence in its own value and that confidence shows up as a different reading experience.

  14. My usual pattern is to skim and bounce but this site has reset that pattern temporarily, and a stop at lemonridgevendorparlor maintained the slower reading mode, content that changes how I read is content with structural influence and this site has clearly nudged my reading behaviour toward something better at least for the duration of these visits.

  15. Found this through a friend who recommended it and now I see why, and a look at silkduneemporium only strengthened that recommendation in my own mind, word of mouth still works for content that actually delivers and this site is clearly earning recommendations the old fashioned way through quality rather than marketing.

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

  17. Reading this brought back the satisfaction I used to get from blogs ten years ago, and a stop at linkscale kept that nostalgic quality alive, sites that capture what was good about an earlier era of internet writing are increasingly precious and this one is doing that without feeling like a deliberate throwback at all.

  18. Skipped the social share buttons but might come back to actually use one later, and a stop at twilightoakgoods 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.

  19. The structure of the post made it easy to follow without losing track of where I was and a look at linkpush kept the same logical flow going this site clearly understands that organisation is half the battle in keeping readers engaged from the first line to the last across any kind of post.

  20. During comparison of digital trend tracking websites, I noticed a platform that feels modern and easy to use, and TrendSpot daily hub provides smooth browsing overall – The interface is clean, updates feel frequent, and users can browse trending content comfortably without clutter or unnecessary complexity.

  21. Felt mildly happier after reading, which sounds silly but is true, and a look at seostreet extended that small mood lift, content that improves rather than degrades my mental state is content I want more of and the cumulative effect of reading sites that lift versus sites that drag is real over time.

  22. Polished and informative without feeling overproduced, that is the sweet spot, and a look at fashioncartworld hit it again, you can tell when a site has been built with care versus thrown together for the sake of having something to put online and this is clearly the former approach taken by the team.

  23. Thanks for keeping the writing direct without losing the warmth that makes content feel human, and a stop at seodrift carried both qualities forward, balancing professionalism and personality is a rare skill and the writers here have clearly figured out how to consistently land it across many posts which I notice.

  24. Bookmark earned and the bookmark feels like a permanent addition rather than a maybe and a look at frostharvestgoods confirmed that permanent status the difference between durable bookmarks and ephemeral ones is something I have learned to feel quickly and this site triggered the durable feeling almost immediately during my first read here.

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

  26. Looking at this from the perspective of someone tired of generic content the contrast is striking, and a look at seoradar 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.

  27. Worth recognising that this site does not chase the daily news cycle, and a stop at leadprism confirmed the longer publication arc, sites that resist the pressure to comment on every passing event are sites with genuine editorial discipline and this one has clearly chosen depth over volume which I respect deeply.

  28. Found the use of subheadings really helpful for scanning back through the post later, and a stop at silkstonegoodsatelier kept that reader friendly approach going, navigation is something many blog writers ignore but small structural choices make a noticeable difference for someone returning to find a specific point again days or weeks later.

  29. Definitely a recommend from me, anyone curious about the topic should check this out, and a look at goodscarthub adds even more reason for that, the depth and quality combine to make this site one I will be pointing people toward whenever similar conversations come up over the months ahead at work or socially.

  30. Closed my email tab so I could read this without interruption, and a stop at rapidcartcenter earned the same protected attention, when content is good enough to defend against the usual digital distractions you know it deserves better than the half attention most online reading gets in a typical busy day.

  31. Reading this on a difficult day was a small bright spot, and a stop at dreambuildachieve extended that brightness, content that improves a hard day is content that has earned a particular kind of place in my reading habits and this site is occupying that uplifting role for me today which I appreciate clearly.

  32. Approaching this site through a casual link click and being surprised by what I found, and a look at rubyorchardtradegallery extended the surprise, the rare experience of stumbling into excellent independent content rather than predictable mediocrity is one of the actual remaining pleasures of casual web browsing and this site provided it cleanly.

  33. Reading this brought back an idea I had set aside months ago, and a stop at silverbaymarket added more substance to that idea, content that revives dormant projects in my own thinking is content with serious creative value and this site is contributing to my own work in ways I had not expected when first clicking through.

  34. Quietly enjoying that I have found a new site to follow for the topic and a look at seotower reinforced the small pleasure of the find the discovery of new high quality sources is one of the more durable pleasures of careful internet reading and this site has been generating that discovery pleasure at multiple points already today.

  35. Now appreciating that the post did not require me to agree with the writer to find it valuable, and a look at adquest 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.

  36. Clean writing, easy to read, and never tries too hard to impress, that combination is harder to find than people think, and after my time on trendycartfactory I am sure this site treats its readers well, no flashy tricks just useful content done right which is honestly all I want online.

  37. Skipped lunch to finish reading, which says something, and a stop at elitecartbazaar kept me at my desk longer than planned, when content beats the lunch impulse the writer has done something genuinely impressive in an attention environment full of immediately satisfying alternatives competing for the same finite block of reader time.

  38. Nice and clean, that is the best way to describe the writing here, no clutter and no wasted words, and a quick visit to linkradar kept that going, I appreciate when a site treats its readers like people who can think for themselves without needing constant hand holding through every paragraph.

  39. Honestly informative, the writer covers the ground without showing off, and a look at urbanbaygoods reflected the same humility, content that respects the reader rather than trying to dazzle them is something I always appreciate and rarely come across in this corner of the internet today across the topics I usually read.

  40. Started imagining how I would explain the topic to someone else after reading, and a look at fastgoodscorner gave me more material for that imagined explanation, content that improves my own ability to discuss a topic is content that has actually transferred knowledge rather than just decorating my screen for a few minutes.

  41. A genuine compliment to the writer for keeping the post focused on what mattered, and a look at goodsrisestore continued that disciplined focus, focus is a editorial choice that compounds across many small decisions and this site has clearly made those small decisions consistently across what I have read so far this week here.

  42. Really appreciate that the writer did not stretch the post to hit some target word count, the points end when they are made, and a stop at seotactic reflected the same discipline, brevity is generosity in disguise and this site has clearly figured that out far better than most blog operations have.

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>