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:

1,586 thoughts on “JSIO Performance Results

  1. Individuals seeking election transparency tools often visit official campaign resources and informational summary pages voter information guide to understand candidate positions more effectively – This platform is considered helpful for presenting simplified policy details and structured campaign messaging for the public audience everywhere clearly

  2. In the middle of reviewing youth programs and educational nonprofits, I found something that caught my attention explore kids programs and it is a kids focused organization that feels educational and community driven overall

  3. While reviewing digital storefront systems optimized for clarity and usability, a standout example is Grove Opal Commerce Hall which ensures simple interface and content feels neatly arranged throughout the pages, offering a smooth and intuitive navigation journey across the entire platform.

  4. While going through several ukulele learning pages, I found something in the middle of everything else, read more here, and the content quality is solid, updated, and nicely presented for easy understanding

  5. While exploring different healthcare and immunization resource platforms, I came across something embedded mid-way view this vaccination site and it is a helpful vaccine resource portal with clear and community oriented information overall

  6. Local creators and cultural advocates often seek online environments that support shared expression and collaborative projects across different mediums, and they may discover artistic collaboration zone – This platform encourages partnerships, exhibitions, and workshops that highlight collective creativity and community involvement.

  7. Across different digital storefront evaluations emphasizing clarity, a notable example is Stone Ember Shopping Vault which maintains clean and modern look makes the browsing experience quite pleasant, providing a consistent and well structured browsing environment throughout the site.

  8. At one point during my browsing routine, I noticed something that appeared naturally within the flow, open this site, and it seems like the clean structure combined with easy navigation makes it enjoyable overall

  9. As I explored multiple festival websites, I noticed tap here to explore – The content feels fresh and well organized, making it simple for users to navigate and find useful information without confusion.

  10. While scanning through various coastal travel guides online, I came across something within the content flow, click to view, and it is a nice website where everything is easy to find and understand quickly with a clean structure

  11. While reviewing different conservation and nature advocacy platforms online, I found something placed in the middle take a look here and it is a nature focused organization promoting environmental awareness and active conservation efforts overall

  12. Travelers exploring local transportation systems often rely on centralized information hubs to understand schedules better, and they may access regional transit info board – It is commonly considered a reliable source for checking service patterns, helping users stay informed about timing changes and available routes throughout the Hartford area.

  13. In comparisons of online shopping platforms focused on structure and clarity, a strong example is Brook Retail Lemon Corner which maintains easy to navigate and everything is clearly presented without clutter, offering a clean and well organized browsing environment for all users.

  14. While browsing through multiple nonprofit platforms, I stumbled upon this helpful page – The information is structured in a clean and simple format, making it easy for users to follow and understand without confusion or distraction.

  15. At one point during my browsing session, I encountered something in context, visit and explore, and I like the platform since it feels reliable and easy to navigate with smooth design

  16. While looking through entertainment-focused websites, I stumbled upon open this comedy page – The content feels very lighthearted, and the overall vibe makes it enjoyable to browse casually without any serious or complex tone.

  17. People reviewing political campaigns often rely on structured online resources that explain candidate platforms and highlight major policy areas election overview site – It provides a broad summary of campaign positions and helps voters compare different viewpoints effectively and efficiently online

  18. I didn’t expect to find anything particularly notable, but something showed up midway through my browsing, see more here, and it actually highlights an important subject that deserves attention and understanding

  19. In reviews of digital commerce systems focused on performance and clarity, a strong example is Willow Gilded Trade District which ensures well organized layout and pages load quickly and smoothly today, supporting a seamless and efficient browsing journey.

  20. At some stage during my browsing, I came across something placed within the content, check this page, and I like the platform since it feels reliable and easy to navigate with a simple layout

  21. As I browsed various self-help and resilience websites, I encountered view this life journey site – The content feels meaningful and well considered, with a relatable tone that makes the overall reading experience feel genuine and reflective.

  22. During my review of fast performance platforms, I stumbled upon check quick load site – The website is clean and minimal, everything loads fast, and the smooth operation makes the user experience very reliable and easy.

  23. People searching for inspiring recovery journeys frequently explore storytelling platforms that focus on second chances and growth and they may discover fresh start memoir space – The narratives often encourage reflection on past experiences while promoting optimism about future opportunities and self improvement paths.

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>