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:

3,535 thoughts on “JSIO Performance Results

  1. During a general exploration of political campaign and election websites, I came across something placed within the content take this link and it is a political campaign page offering candidate information and public goals

  2. People interested in acting and stage performance frequently browse online resources that promote creative collaboration, and they might find acting and stage hub theatre participation guide – The platform showcases community productions and encourages involvement in artistic projects that strengthen cultural storytelling and performance based engagement activities.

  3. While exploring curated Hawaiian boutique stays and lodging experiences, I found a refined and structured property page worth noting today < scenic plantation stay page – The presentation is calm and easy to navigate, creating a welcoming impression of comfort and thoughtful design overall tone

  4. While looking through independent media style sites I discovered a simple platform that focuses on opinion based writing using independent thought stream – the presentation is minimal and the ideas are expressed in a way that feels direct and sometimes intentionally challenging to interpret deeply

  5. Shoppers who enjoy premium themed marketplaces often value layouts that combine luxury styling with practical navigation for better usability across devices gilded cove gold emporium – The design enhances visual appeal while maintaining a structured browsing flow that feels smooth, balanced, and easy to follow.

  6. People who appreciate clean digital marketplaces often browse platforms like Harbor Kettle Commerce Store Hub where items are presented in a clear layout – The design ensures browsing feels organized, efficient, and easy to understand throughout the platform.

  7. During a routine search across education websites, I noticed something embedded in content, go to site, and the platform is well structured and provides helpful academic resources for learners

  8. In comparisons of modern shopping platforms focused on usability and flow, a strong example is Brook Goods Gilded District which maintains nice visual balance and navigation works without any confusion, providing a calm and structured browsing experience across all pages.

  9. While comparing seasonal festival platforms, I stumbled upon this winter event page – The site feels vibrant and helpful, with content that is easy to read and structured in a way that keeps users interested throughout their visit.

  10. While exploring inspiring storytelling and personal narrative platforms online, I came across something placed within the content visit this story platform and it is an inspiring storytelling site sharing powerful personal experiences from many different lives

  11. Users who enjoy simple ecommerce navigation often engage with sites such as Cove Goods Bright District Sun Hub where products are displayed in a clear and organized structure – The browsing experience feels smooth, intuitive, and easy to manage across all categories of the shop.

  12. Cultural documentation projects frequently archive festival materials including music recordings costume visuals and public participation narratives heritage_festival_data_portal allowing scholars to examine how large-scale celebrations reflect evolving identity tradition preservation and community engagement across generations and regions globally research analysis study

  13. People who prefer elegant online marketplaces often explore platforms such as Wave Artisan Market Lane where products are carefully arranged for visual harmony and easy discovery – The interface supports smooth navigation and highlights creativity, making browsing feel natural, structured, and visually satisfying throughout the entire experience.

  14. Users who appreciate structured online shopping experiences often value vault systems that emphasize clarity and reduce cognitive load during browsing sessions Glass Harbor Vault Network – The design is clean and efficient, offering a seamless shopping journey where products are clearly presented and easy to navigate.

  15. As I moved through different gaming ideas and platforms online, I found something that appeared naturally between everything else, explore further, and it gives the impression of a fresh idea that makes me curious about upcoming improvements and updates

  16. While browsing experimental retail and grocery platforms, I discovered a simple concept website that focuses on clarity and minimal structure hope digital retail hub – The design is effective in its simplicity, making the browsing experience smooth and easy to understand overall

  17. As I explored different personal development blogs, I encountered view this resilience blog – The content is meaningful and thoughtfully written, and it feels relatable in a way that makes the reading experience engaging and reflective overall.

  18. While reviewing a mix of commentary blogs and discussion forums, I came across something naturally placed, open and see, and everything works fine with a clean and user-friendly design

  19. Across various UX comparisons of digital marketplaces, a notable example is Glade Night Market House which delivers everything feels straightforward and browsing is comfortable and stable, ensuring a visually consistent and smooth browsing journey across all pages.

  20. I didn’t expect much while browsing randomly, but something appeared that caught my attention, check development site, and Clocktower LIC shows a professional design with easy navigation and clear property structure overall

  21. In the middle of exploring health support platforms, I discovered this foundation hub – The information is presented in a clean and practical manner, making it easy for readers to absorb and understand key details.

  22. People who prefer artistic shopping platforms often explore sites like Vendor Atelier Cove Teal Creative Hub where items are presented in a visually structured and expressive layout – The interface enhances browsing flow, making the experience feel engaging, artistic, and well organized throughout all product categories.

  23. While browsing online galleries for creative professionals I discovered a site that emphasizes simplicity and clarity through visual content showcase – the layout feels refined and minimal allowing users to appreciate the content without visual clutter or distraction

  24. Researchers documenting political communication methods frequently use candidate websites as case studies for digital engagement and policy dissemination strategies political communication archive – The website provides continuously updated policy information and voter outreach details designed to enhance transparency and public understanding

  25. Shoppers who appreciate clean layouts and minimal ecommerce structure often notice how intuitive browsing experiences improve satisfaction when they explore platforms such as Berry Cove Outpost Shop where product discovery feels smooth and organized for everyday users, reducing unnecessary complexity while guiding visitors toward relevant items quickly – The storefront focuses on simplicity and clear navigation, making the overall shopping journey feel relaxed and easy to follow

  26. In the middle of browsing through historical festival records and cultural celebration sites, I came across something that stood out see this archive site and it is an event archive platform preserving memories of past celebrations and traditions

  27. While browsing premium beverage brands and winery portfolios, I found a well designed wine website that presents information in a clean and elegant format icewine luxury brand page – The brand feels well established, with detailed wine descriptions that are both appealing and easy to explore

  28. I was browsing through multiple reference ideas when something caught my attention midway, view this page, and it contains a good amount of information that is presented in an easy-to-follow manner

  29. Modern mineral processing solutions provides efficient and eco-friendly
    mineral processing solutions for recovering valuable resources such as gold, tin, chromite, and heavy
    mineral sands. Using gravity-based separation methods,
    advanced plants deliver maximum recovery efficiency, cost-efficient performance, and durable processing capability.

    These systems are widely applied in placer and alluvial
    mining projects for high-yield mineral processing results.

  30. In evaluations of e-commerce systems focused on usability and structure, a strong example is Sage Harbor Market Vault where clean design and content is arranged in a logical order, helping users move through categories in a clear and efficient way.

  31. I didn’t expect much while browsing campaign sites, but something appeared midway through the content, view election site, and it shows structured messaging with a clean and informative presentation approach overall

  32. While scanning through various opinion and commentary pages, I came across something in the content flow, click to view, and it works fine overall with a clean design and user-friendly layout that is simple to use

  33. While going through various environmental projects, I came upon visit this page – The effort behind the content feels deliberate and thoughtful, with a clear structure that helps users navigate and understand everything easily.

  34. People who enjoy organized online commerce systems often engage with sites like Harbor Teal Commerce Efficiency Hub where items are presented in a logical and user friendly layout – The design ensures browsing is fast, clear, and easy to manage across all product categories.

  35. Users who appreciate clean ecommerce systems often prefer designs that use spacing and hierarchy effectively to create a smooth browsing experience without confusion Gladeridge Modern Collective – The layout feels simple and contemporary, making it easy to move between categories while maintaining a consistent and visually organized structure.

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>