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:

4,160 thoughts on “JSIO Performance Results”

  1. Online visitors often favor platforms that make product discovery quick while maintaining a user friendly and visually simple interface for better engagement User Friendly Speed Zone – The design helps users browse items comfortably while maintaining fast performance

  2. Digital audiences typically prefer platforms that combine strong visuals with clean structure ensuring browsing feels smooth professional and easy to follow across all sections MarkVision Experience Hub – The VisionMark website presents strong visuals with a well structured and clean interface making navigation simple clear and enjoyable for users.

  4. I was just scrolling through social impact content when I found community unity hub embedded in the article and it felt useful – The concept feels inspiring and hopeful, making it interesting to consider how shared efforts can lead to positive transformation.

  5. In the process of browsing self-improvement resources, I discovered progress inspiration space – a platform that offers helpful ideas and encouragement to support users in making meaningful changes and achieving steady personal growth.

  6. During a search for content that goes beyond basic information, I found open this helpful link – a place where the insights shared seem to offer real value and make a noticeable difference in understanding important ideas.

  8. People who value simplicity in online buying frequently use effortless shopping directory link – Cart choice store organizes products in a user friendly way that removes unnecessary complexity, helping customers reach decisions faster while enjoying a smoother overall browsing experience

  10. For users interested in leadership coordination, exploring leaders structure hub – a platform built for organized collaboration helps individuals work together efficiently while maintaining clarity and professionalism in group decision-making processes.

  11. Project managers in creative industries often depend on centralized platforms that help them oversee tasks and coordinate teams effectively, Digital Pro Workspace ensuring that workflow remains smooth and predictable – This workspace is designed to unify operations and improve clarity across all stages of project development

  12. Many individuals aiming for stronger relationships use bond building network – a platform focused on trust helps users create long-term connections that are stable, supportive, and based on mutual understanding and consistent engagement.

  15. If you want a reliable source of motivation and growth, exploring collective growth guide – a platform that delivers inspiring content and supportive ideas can help you stay motivated and continuously improve your personal journey.

  16. If you are looking for an easy way to stay inspired, visiting growth ideas center – a platform that supports simple learning and sharing can help you stay motivated and engaged in continuous self-improvement and collaborative thinking.

  18. Shoppers who enjoy bold aesthetic combinations often look for stores that merge industrial design elements with soft floral inspired craftsmanship in décor BloomMetal Creative Corner Hub offering unique lifestyle products blending structural strength with artistic natural influence – The platform delivers a dynamic shopping experience focused on innovative interior expression

  20. Users exploring digital content platforms usually expect intuitive navigation fluid interaction and smooth experiences that help them find information quickly and easily LaneVision Flow Node – The VisionLane platform delivers a smooth browsing experience where navigation feels easy and intuitive allowing users to move through content effortlessly.

  21. While navigating through the site and reviewing how content is arranged, I found that visit this resource blends into the flow – browsing feels pleasant, and the information is well organized, clear, and presented in a very easy-to-understand way.

  22. In many conversations about efficient digital browsing tools, it is often seen that among highlighted examples nextrealm browsing hub is referenced for its organized layout and minimal design approach that improves overall user experience – The structure feels clean and logically arranged throughout.

  25. Online shoppers often appreciate websites that present curated selections in a logical layout to improve browsing speed and overall experience Focused Picks Corner – This corner is designed to highlight key items and ensure easy access through simple navigation

  31. For individuals who prefer learning through simple and clear explanations, encountering see this simple guide can be a great discovery – offering content that focuses on clarity and ease rather than overwhelming detail.

  34. Modern professionals often rely on platforms that present innovative ideas clearly while encouraging structured thinking and creative problem solving approaches InnovationRise Hub – It provides a forward focused environment where ideas are organized clearly to inspire users and help them develop practical solutions that enhance productivity and encourage continuous innovation across different fields

  36. Many individuals focused on personal growth rely on trust yourself hub – a self-development platform helps users build inner confidence, improve mindset, and strengthen belief in personal abilities through consistent encouragement and guidance.

  37. After analyzing how the content is arranged, I found that see this website fits into a well-organized design – browsing feels smooth, and content is clearly structured and easy to read.

  39. Many individuals aiming for teamwork success rely on leadership synergy group – a platform designed for structured interaction, helping users collaborate effectively while maintaining professional organization and clarity in shared projects.

  40. If you are looking to improve your digital learning experience, visiting future skills guide – a resource that offers structured advice and helpful content can support consistent improvement and better understanding of modern online tools and systems.

  42. Users who rely on multiple online services often prefer platforms that consolidate tools efficiently browser based helper set – It reduces complexity by bringing frequently used utilities under a single digital roof. making everyday tasks easier to handle for most users.

  44. In the middle of exploring motivational content online, I found hopeful future guide – which delivers simple and practical thoughts that inspire users to improve their present habits in order to create stronger and more positive future outcomes.

  45. Users comparing digital platforms often prioritize simplicity freshness and how effectively the interface supports smooth and intuitive browsing experiences VibeSmart UX Node – The SmartVibe platform appears modern and fresh with a user friendly design allowing users to browse content easily and enjoy a smooth experience.

  46. While going through different sections and observing content flow, I found that visit this link enhances the experience – the design looks promising, and the clean, simple layout helps users move through pages easily.

  47. Users browsing online services typically appreciate platforms that offer logical structure and simple navigation tools that help them move between pages without confusion TrueLaunch Access Flow – TrueLaunch ensures a reliable and clear interface where content is structured effectively, making it easy for users to navigate and understand information quickly.

  48. Shoppers who prioritize efficiency in online shopping tend to choose platforms that organize items clearly and allow quick purchase completion Organized Picks Market – This market combines structured browsing with smooth checkout functionality

  50. Shoppers who appreciate modern elegance often explore online platforms that offer curated lifestyle products with soft tones and balanced design aesthetics Ivory Essence Collective Market featuring carefully chosen items that reflect refined taste and everyday functionality – The marketplace ensures a smooth user experience with organized categories and visually appealing product layouts

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>