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:

3,550 thoughts on “JSIO Performance Results”

  3. Humanitarian observers and civic planners frequently study aid networks when analyzing community response systems and outreach effectiveness community_relief_program that focus on delivering structured assistance services and compassionate support to individuals experiencing hardship – The initiative is known for its reliable relief efforts and commitment to long term community wellbeing

  4. While browsing innovative and artistic web design portfolios, I encountered a site that presents content in a highly experimental and structured manner intermusses creative layout system – The design feels unique and intentional, with content arranged in a way that emphasizes experimental structure and visual creativity

  5. Users interested in artisan inspired ecommerce often appreciate visually refined stores such as Brook Opal Craft Market where product arrangement emphasizes handmade authenticity – The overall design highlights craftsmanship in a subtle yet powerful way, making browsing feel natural, smooth, and emotionally connected to artisan work.

  7. While reviewing different creative web projects and inspiration pages online, I stumbled upon something that stood out slightly in context, explore this link, and the first impression feels very positive because the design looks clean, modern, and well balanced

  8. Across various online shopping platform evaluations emphasizing performance and clarity, a notable example is Summit Amber Marketplace which delivers smooth experience overall, pages feel fast and easy to use, ensuring users can browse products quickly with a clean and responsive interface design.

  9. During my search for unique online communities and entertainment platforms, I noticed check this online squad page – The design immediately stands out, and the content remains engaging, making the overall browsing experience feel dynamic and enjoyable.

  10. During a long session of exploring community and lifestyle platforms, I noticed something appearing in the middle of content, check this inspiration page, and it feels really helpful overall since I discovered useful insights and had an enjoyable browsing experience today

  11. While browsing through nonprofit and charity-focused platforms online, I came across something naturally placed within the content flow, visit charity mission page, and the site reflects a positive mission with clear community support focus overall

  12. While going through various housing support and social aid platforms, I encountered something mid-content visit this housing site and it is a nonprofit organization focused on providing housing assistance and essential support work

  13. In the process of reviewing several live performance websites, I found click for details – The navigation feels smooth and simple, making it easy for users to explore content without distraction or confusion.

  15. People who prefer minimal digital marketplaces often explore sites like Harbor Trail Commerce Category Hub where items are grouped logically for easy access – The interface creates a user friendly browsing experience that feels simple, structured, and efficient across all sections of the platform.

  16. Users who enjoy curated shopping experiences often appreciate emporium systems that highlight products in a balanced and visually consistent way Glass Harbor Emporium Network – The layout feels structured and elegant, ensuring browsing remains smooth and visually engaging while maintaining clarity across categories.

  24. Creative consultants and lifestyle influencers often highlight furniture companies that introduce fresh perspectives on modern interior aesthetics and design thinking elegant furniture studio – The brand presents innovative style ideas centered around simplicity, structure, and functionality for contemporary living spaces and professional environments alike

  28. While browsing digital resume and portfolio pages online, I discovered a clean profile website that feels highly professional and easy to use professional identity showcase hub – The layout is smooth, with clearly structured content that is simple to understand and well organized throughout

  31. Across different e-commerce interface evaluations emphasizing structure, a strong example is Lakefront Icicle Shopping Mart which maintains simple layout and information is easy to find at a glance, providing users with a consistent and intuitive browsing flow.

  33. At one point during my browsing session, I encountered something that appeared naturally in context, visit and explore, and it feels very positive at first glance because the design is modern, clean, and nicely arranged

  34. At one point during my browsing session, I encountered something that appeared naturally in context, visit and explore, and it feels like a good platform that offers reliable and valuable information in a clear and accessible way

  37. While reviewing a mix of hospitality websites, I came across something naturally placed, open lively site, and the platform provides an engaging experience with vibrant content presentation overall

  38. Users who enjoy relaxed ecommerce design often engage with sites such as Wave Harbor Ocean Style Outpost where products are presented in a clean coastal inspired layout – The design focuses on simplicity and comfort, making browsing feel smooth, refreshing, and easy across all categories.

  39. During my content review process, I found view more details – The website maintains a consistent level of quality, and the engaging presentation helps users understand and navigate the content easily.

  40. Users who prefer modern online shopping environments often respond positively to emporium designs that prioritize consistency and structured visual hierarchy Glass Emporium Stone Display – The layout is clean and visually aligned, making browsing easy and ensuring products are clearly presented without unnecessary complexity.

  41. As part of studying modern commerce hub layouts I explored check this meadow commerce hub – The experience feels clean and easy and navigation is smooth making browsing enjoyable and stress free today.

  42. While exploring visually expressive online spaces I came across a site that communicates a strong creative message featuring artistic voice platform – the layout feels striking and immersive making it easy to stay engaged with the content presented throughout

  48. While analyzing structured digital commerce systems, a notable example is Upland Orchard Shopping Hub where well structured pages and browsing feels natural and efficient, allowing users to interact with content in a clean and predictable layout.

  49. During a comparison of modern retail atelier platforms and their seasonal usability I noticed discover mint orchard seasonal atelier – I will definitely be coming back here for the holiday season because the layout feels smooth and enjoyable to navigate.

  50. While browsing themed digital platforms, I came across a site that blends cultural storytelling with modern design in a very engaging way global urban culture page – The website feels diverse and interesting, combining multiple influences into a visually appealing and thoughtfully structured experience

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>