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,714 thoughts on “JSIO Performance Results

  1. People who appreciate modern elegant marketplaces often browse sites like Harbor Garnet Vault Flow Hub where items are presented in a minimal refined layout – The interface makes browsing feel smooth, visually consistent, and easy to navigate throughout the platform.

  2. Searching for fashion accessories brought me to ChicStyleBoutique – the range of options is extensive, and the clean interface made browsing for trendy pieces both convenient and enjoyable.

  3. While reviewing various vendor platforms, those with clear structure and user-friendly navigation tend to perform better overall Raven Summit listings page this one ensures a consistent browsing experience that feels intuitive and well organized across categories

  4. Users who prefer artisan themed shopping environments often explore sites such as Harbor Trail Handmade Cozy Artisan House where items are displayed with warm visual tones – The layout enhances user experience by creating a friendly, structured, and comfortable browsing environment throughout the platform.

  5. Digital shoppers often value platforms that avoid overwhelming designs and instead focus on simplicity and usability which helps them stay engaged while exploring different sections of a site Velvet Grove shop gateway overall navigation felt consistent and calm, providing a pleasant flow that made browsing comfortable and straightforward from start to finish during the visit

  6. Digital marketplaces benefit from a good platform with intuitive navigation making everything feel well organized and simple Raven Summit item portal I enjoyed how clean everything looked

  7. While browsing through different online platforms for usability comparison, I came across something in the middle like visit this user-friendly page which had a good browsing session overall, and the layout feels quite user friendly while navigating through its sections and content smoothly.

  8. While testing ecommerce platforms I evaluated how quickly users can find and understand product listings Coastal HarborSun Trading Hub the system was smooth and responsive and products are well presented and easy today making the interface feel very approachable and efficient

  9. During casual evening browsing of online marketplaces I explored multiple websites for usability and speed and came across Meadow Silk Artisan Market – Really like the site design it makes browsing enjoyable every time because the interface is clean responsive and very efficient for quickly finding and viewing products

  10. While testing ecommerce vendor systems I examined usability flow visual hierarchy and responsiveness across different browsing paths CreekCove Trading Showcase Point everything felt smooth and stable and everything is well organized and easy to browse which helped create a very comfortable shopping experience

  11. While exploring ecommerce websites for handmade and décor products I analyzed several platforms for navigation and usability and discovered Canyon Foundry Market Hub – Really liked the layout it makes finding items quick and simple which made browsing feel efficient structured and very easy to manage across all sections

  12. After reviewing several boutique vendor platforms focused on artisan crafted items and exclusive online collections, Parlor vendor exclusive items – I was impressed by the attention to detail in product listings, the smooth browsing flow, and the helpful guidance provided throughout the shopping journey.

  13. While browsing vendor-style showcase websites, I found Calm Harbor curated market view embedded within a structured interface that enhances readability – The browsing flow feels calm and coherent, making it easy to focus on products and information without distraction.

  14. Digital shoppers often prefer websites that maintain clarity in layout design since it helps them focus on content rather than struggling with confusing navigation or crowded visuals during browsing sessions VG marketplace access point everything felt straightforward and easy to navigate, providing a relaxed browsing experience with smooth transitions and clear section separation throughout the entire visit

  15. In the middle of checking out multiple shopping websites I came across this user-friendly store – everything appears clean and well arranged making browsing smooth and comfortable for users.

  16. Many modern websites prioritize mobile responsiveness, ensuring content adjusts seamlessly to different devices and screen resolutions worldwide for better user access today. Cloud Cove Retail Studio – It offers consistent visual design and structured layouts that enhance readability, making browsing feel smooth and efficient across all sections on every visit overall experience.

  17. Users who appreciate modern ecommerce organization often browse platforms such as Upland Commerce Harbor Access Hub where products are arranged in a neat and structured layout – The design makes product discovery quick and easy, ensuring a smooth and user friendly browsing experience.

  18. In my final analysis of ecommerce systems I evaluated performance navigation clarity and product accessibility across pages MapleCove Trading Commerce Hub the platform was modern and responsive and the design is really clean and products are easy to find quickly today making the experience enjoyable

  19. Exploring digital marketplaces highlights how effective organization and simple design improve the overall user experience Rose Cove market access this platform allows users to navigate effortlessly and find content without unnecessary searching or complexity

  20. Users exploring modern e-commerce platforms often appreciate structured layouts that help them navigate categories smoothly without confusion or delays while browsing different sections Pure Value Outlet homepage site feedback highlights strong usability and intuitive flow making exploration feel natural and engaging throughout the entire session – The platform felt engaging and easy to understand with inspiring navigation that encouraged learning and idea creation

  21. The arrangement of content supports a natural flow that guides users through information without requiring excessive scrolling or searching Meadow Harbor Vendor Market Guide – this structured flow enhances readability and ensures that users can enjoy a smooth experience while interacting with different sections.

  22. While browsing various ecommerce websites late in the evening for unique home and lifestyle products I encountered EmberStone Vendor Depot – the platform provided a smooth checkout flow and a wide assortment of items that matched expectations while product pages loaded quickly and descriptions were accurate and helpful

  23. During a general browsing session I noticed this clean marketplace – the layout supports quick navigation helping users locate and compare products with ease.

  24. Clear design improves usability and this platform ensures everything works perfectly fine indeed here overall Crystal Harbor vendor navigator I found everything easy to follow

  25. While studying different online storefront interfaces, I found a system designed around Frost Ridge Display Center that uses a structured layout approach to simplify navigation and improve content visibility – users can browse efficiently while maintaining a clear understanding of category organization.

  26. Users who enjoy elegant curated ecommerce environments often engage with sites such as Ivory Ridge Vault Core Market where items are arranged in a refined and minimal layout – The design ensures content feels carefully curated, visually simple, and easy to browse throughout the entire shopping experience.

  27. Users who frequently browse online vendor sites often look for platforms that combine speed with clear navigation systems Rose Harbor catalog entry this site offers fast performance and well-organized sections that make browsing simple and efficient for everyday use

  28. Online shoppers benefit from platforms that organize product data into accessible and easy to navigate structures Wood Cove digital shelves access this allows faster browsing and helps users identify relevant products without unnecessary search complications or delays during structured online shopping journeys with improved flow

  29. Users browsing curated selection boards that highlight featured products and vendor items may come across platforms such as Harbor Selection Board – designed to showcase selected listings in an organized format that emphasizes clarity and ease of navigation for all visitors exploring various product types.

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>