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:

4,154 thoughts on “JSIO Performance Results

  1. Freelancers and creative consultants often search for inspiration in structured online environments where ideas can evolve naturally such as Visionary Ideas Studio which helps refine concepts and build stronger creative direction – A forward thinking digital studio focused on turning imaginative ideas into practical and impactful solutions for real world projects

  2. While browsing online I discovered a marketplace that felt clean and organized with a simple interface and smooth navigation that made exploring categories easy and efficient twilight field market hub – Market offers decent selection with straightforward browsing and clear layout, making the experience simple and easy to follow.

  3. Digital audiences typically prefer platforms that combine innovation with simplicity ensuring browsing feels clear structured and easy to follow across all sections LabsZenith Experience Hub – The ZenithLabs website looks innovative with a simple and effective layout making browsing easy smooth and user friendly for all visitors.

  4. During a casual browsing session I came across a site that felt well organized and minimal with clear category separation and a calm design flow silver oak shop – Overall good experience browsing through items and checking different categories, giving a smooth and simple navigation experience.

  5. Online shoppers who value visual clarity often prefer platforms that showcase curated items in an appealing layout with minimal distractions Visual Picks Spot – The spot delivers a visually organized collection of stylish goods with fast navigation that enhances the browsing experience

  6. People who enjoy zen inspired shopping experiences often look for online marketplaces that emphasize calm visuals and useful products in a balanced way Coastal Zen Mart featuring a selection of beach inspired goods designed to support peaceful living and simplicity – the platform ensures easy browsing with organized sections soft aesthetics and practical everyday essentials

  7. While reviewing the interface and moving through sections, I came across go to this site which fits into a neat structure – good site overall, with easy navigation and smooth page loading.

  8. Online shoppers often look for platforms that make everyday purchasing easier while keeping navigation clean and fast for all users Easy Step Market – This store experience focuses on reducing steps in the checkout process while ensuring browsing remains smooth, intuitive, and responsive across different devices and internet conditions for better usability overall

  9. Those aiming for a better version of themselves frequently explore motivational content hubs like life-upgrade-resource – that highlight the importance of consistent effort, mindset shifts, and goal-oriented thinking for long-term personal success.

  10. While browsing through various websites, I stumbled upon browse bay collection and it felt clean and simple – The experience is really pleasant overall, with items displayed neatly, cleanly, and thoughtfully arranged for effortless browsing.

  11. As I continued navigating through the pages and examining the structure, I realized that explore this page contributes to a smooth experience – everything feels fresh, and the content is relevant and neatly arranged for simple understanding.

  12. During my evaluation of multiple e-commerce websites I found the interface quite balanced and easy to follow especially when checking Urban Trend Zone browsing hub where pages loaded smoothly and navigation felt natural across sections – Overall experience was pleasant, the design remains simple and user friendly with an organized layout that reduces confusion

  13. During my browsing session and usability check, I noticed that see more here blends into a clear layout – the platform feels nice, and content appears relevant and well presented overall.

  14. Shoppers exploring modern online stores often look for fast navigation and simple structure, which is why platforms like clear layout ecommerce hub – The website maintains a highly functional design approach that prioritizes ease of use, ensuring visitors can browse products comfortably and efficiently without dealing with overwhelming design elements or complicated workflows.

  15. While browsing for new online options, I came across go to this site – The platform offers a clean experience where navigation is clear and pages load without noticeable delays.

  16. In the middle of researching how to improve brand identity and messaging, one may notice visit this idea source – offering a collection of well-explained branding concepts and inspiring examples that feel both accessible and encouraging for creative exploration.

  17. Users browsing modern websites typically value platforms that balance innovation with ease of use ensuring content is accessible and navigation feels natural NewGenius Flow Interface – NewGenius provides a creative and easy-to-use experience where users can explore content smoothly and enjoy a clean structured interface.

  18. UX optimization experts often highlight platforms that ensure smooth interaction and rapid response times across all user touchpoints QuickPulse Media Network frequently used in testing environments – It provides consistent performance improvements and ensures a fast, responsive experience for all users interacting with digital content

  19. I don’t usually share links, but this one felt worth mentioning because it was easy to explore and well organized overall see this whisper store – It has a decent selection, and everything seems easy to browse and understand, giving a straightforward user experience.

  20. People exploring digital systems usually prioritize clarity, responsiveness, and ease of movement between pages when evaluating overall website quality and usability CorePower Access Portal – PowerCore feels robust and stable, offering a clean layout that supports effortless navigation and helps users find information without confusion or unnecessary complexity.

  21. At one point during my browsing session, I came across fast success ideas placed naturally in the article – It gave me a clearer understanding of how small adjustments can lead to noticeable improvements over time.

  22. I was browsing randomly when I found a site that felt simple and earthy with a neat layout and intuitive navigation structure twilight grove online hub – Goods here feel thoughtfully chosen with appealing rustic style vibe, making browsing fast and user friendly.

  23. People interested in staying updated with the latest designs often prefer platforms that combine trend discovery with smooth navigation features Latest Trend Hub – The hub emphasizes new arrivals and modern ideas within a layout that makes browsing simple and engaging

  24. As I explored different features and sections casually, I saw that click for details aligns with a neat structure – browsing felt smooth, and the content loaded clearly and consistently without any lag.

  25. In the process of evaluating cost-saving online shopping tools, I discovered budget product guide which improves browsing through structured listings – Value market hub focuses on affordable items and easy navigation, allowing users to quickly locate affordable products while maintaining clarity and simplicity throughout the shopping experience across multiple categories.

  26. During my review of digital storefronts I noticed a strong emphasis on clarity in some platforms including ValueFactory product hub – The interface maintains a clean look and easy flow, making the site feel pleasant to use while supporting straightforward navigation across all sections without difficulty

  27. People interacting with online platforms typically expect structured idea flow clean design and intuitive navigation that improves overall experience MaxBridge UX Flow – Maxbridge offers smooth idea connectivity through a clean interface ensuring users can navigate easily and enjoy a clear and simple browsing experience.

  28. Shoppers exploring environmentally conscious platforms often value stores that highlight ethical production and plant based inspiration in product design Sprout Harmony Eco Store offering curated sustainable items that blend functionality with eco friendly materials and practices – It provides a user focused shopping environment designed for greener and healthier lifestyle choices

  29. In the process of discovering valuable online spaces, users may appreciate finding visit this destination – a platform that delivers engaging content alongside a smooth and intuitive browsing experience that makes every visit enjoyable and worthwhile.

  30. While going through a variety of online stores, I encountered check blossom goods and it felt calm and simple – There were some cool items that made the experience enjoyable and gave me a reason to come back again.

  31. During my search for social learning websites, I discovered people knowledge hub – which offers a place where users can interact and gain valuable understanding from others’ experiences and perspectives.

  32. During my usual online exploration I came across impact ideas platform placed in the middle of the content and it felt meaningful – It introduced a fresh perspective that seemed worth exploring further for deeper reflection.

  33. While going through sections and testing navigation, I found that visit this link enhances the experience – it looks professional, and I like how everything is neatly arranged across pages.

  34. Shoppers reviewing ecommerce platforms often emphasize responsiveness and structured navigation, especially when they come across pine goods retail catalog space – The products are neatly categorized, and the website performs efficiently, giving users a smooth browsing experience that feels quick, stable, and easy to interact with.

  35. Online shoppers who enjoy keeping up with fashion movements often look for platforms that present trending items in a clean and accessible way for effortless browsing Stylish Trend Corner Hub – This platform acts as a focused corner where modern stylish items are arranged neatly, allowing users to explore trends easily through a simple and user friendly interface

  36. After spending a few minutes exploring the site, I found that open this site fits within a well-organized interface – the design is appealing, and navigation feels simple, fast, and very intuitive overall.

  37. During my evaluation of shopping platforms focused on usability, I came across a digital browsing solution online product finder that improves category organization and enhances user experience through structured navigation – Quick online market provides quicker access to product listings and ensures smoother browsing for users who prefer efficient and well-organized shopping environments.

  38. While reviewing multiple e-commerce interfaces I observed usability patterns and found Value Goods Bazaar experience hub – Everything feels clean and organized, and browsing through was smooth overall, offering a comfortable navigation experience where users can move around easily and understand layout without difficulty

  39. While reviewing layout and testing navigation, I saw that open this link integrates into a clear system – a quick look suggests the design is clean, modern, and smooth in appearance today.

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>