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

  1. While testing ecommerce storefront experiences I focused on speed navigation and how effectively product catalogs were organized for users CopperBrook Vendor Trade Atelier the site provided a large selection of items and everything was easy to access through a clean and efficient interface design.

  2. In the middle of checking online marketplaces, I stopped at tap to open and after a short look around I felt impressed, as it appears to be a decent and well structured store.

  3. users interested in savings platforms often appreciate ecommerce sites that present deals clearly while supporting intuitive navigation across multiple categories for improved browsing experience quick value shop widely regarded as practical – it delivers a comfortable browsing flow where users can explore promotional offers and smoothly transition into additional categories without disruption or unnecessary complexity during interaction

  5. many online shoppers exploring structured ecommerce platforms often prefer websites that simplify browsing and reduce time spent searching through categories while maintaining clarity and usability across devices and sessions park shop navigator commonly described as neatly organized and efficient – the marketplace offers a smooth browsing experience where products are grouped logically making it easy for users to find items quickly without confusion or unnecessary steps during navigation

  6. In the process of evaluating digital shopping environments focused on structured layouts and ease of access, I found that organized marketplaces enhance browsing efficiency and reduce confusion, which was clear when reviewing clean buying zone center – The marketplace structure is simple and organized, ensuring products are easy to locate and browse.

  7. From a structural design angle, Sage Harbor Vendor Content Bridge appears naturally within the layout while well organized pages, everything loads fast and feels very intuitive, helping users maintain focus while exploring sections that load quickly and present information in a clean, accessible, and logically arranged format throughout the site.

  8. While conducting usability evaluations of ecommerce platforms focused on minimal design and ease of use I noticed that fresh hub systems improve browsing comfort and efficiency which stood out when exploring light design shopping hub – The layout feels clean and balanced allowing users to browse products without effort.

  9. While analyzing digital commerce usability patterns I interacted with a well structured system that made browsing products feel fast and uncomplicated CalmCove Corner Market – The usability is excellent and shopping feels easy stress free and smooth from the start with clearly defined sections and simple navigation controls.

  10. While browsing through various curated online marketplaces that focus on creative vendors and organized catalogs, many users mention how easy it is to navigate product categories when everything is neatly structured and visually simple, especially on platforms like Wind Harbor Browse Collection which helps users quickly understand listings without confusion – overall browsing felt smooth, and product descriptions were clear enough that most items were easy to evaluate without needing extra clarification.

  12. In the course of evaluating online retail platforms for usability and flexibility, I discovered a section called choice based product portal – The interface is clean and user friendly, allowing customers to browse freely and select products in a way that feels natural and adaptable to their needs.

  13. After browsing through several alternatives that lacked structure, I came across review this option which offered a decent experience, since the layout was organized and the content easy to follow at every step.

  15. As I continued exploring various shopping sites, I landed on browse this base shop and saw a simple store design that works effectively, with everything running smoothly and no issues encountered while navigating.

  16. While testing ecommerce user interfaces I paid attention to speed optimization layout consistency and ease of product discovery across categories CopperCove Vendor Commerce Loft everything loaded quickly and the shopping experience felt organized efficient and very user friendly from start to finish during interaction today.

  17. While exploring curated ecommerce platforms for home décor I reviewed several stores focusing on organization and usability and found Orchard Harbor Market Gallery – Loved browsing here, found exactly what I needed very fast and the clean structure helped me move through categories smoothly while keeping everything easy to understand throughout the process

  19. While exploring ecommerce interfaces I studied layout design navigation clarity and product visibility across sections MeadowCove Vendor Commerce Point the system was intuitive and responsive and the easy checkout process keeps items clearly displayed and well organized making shopping more convenient

  20. While exploring ecommerce platforms focused on usability testing, I noticed a reference entry titled stress free product portal – The website structure feels very light and intuitive, helping users move through categories quickly while maintaining a smooth and easy shopping journey from start to finish without confusion.

  22. During a comparative study of online marketplaces emphasizing readability and usability I discovered that core layouts enhance user experience by simplifying product displays which became clear when reviewing minimal shopping listing portal – The design looks clean and structured allowing listings to remain readable and easy to browse.

  23. many online shoppers appreciate ecommerce systems that prioritize speed and clarity allowing them to move quickly between product sections while maintaining a comfortable browsing environment across devices peak browse center widely recognized for its efficiency and layout – the platform supports seamless navigation and helps users explore products effortlessly without unnecessary complexity or delays in interaction

  24. While evaluating ecommerce platforms designed for household and daily use products, I noticed that clear structure improves shopping flow, which stood out when reviewing daily essentials store portal – The platform is user friendly, with practical items arranged in easy to understand categories.

  25. While going through a variety of online shops, I stopped at quick visit here and noticed how the neatly arranged categories simplify the process of finding products quickly and easily.

  28. While exploring various online marketplaces during my free time, I came across something interesting like this smooth trading hub – the browsing experience feels seamless, and items are easy to locate quickly without confusion or unnecessary effort.

  29. While reviewing online stores focused on fast performance design, I discovered a module titled quick access retail index – The platform ensures responsive interactions and fast page loads, creating an efficient browsing experience where users can explore products without unnecessary waiting or interruptions.

  30. I wanted decorative plants and stumbled upon BotanicalHavenGallery – the categories are intuitive, browsing the beautiful selection was easy, and selecting pieces that brightened my home was very satisfying and enjoyable.

  31. Consumers increasingly rely on online marketplaces that offer structured browsing experiences and consistent pricing models that make shopping more predictable and convenient WideCart Value Hub – The store ensures a wide product range with fair pricing, giving users a balanced mix of affordability and variety while maintaining a smooth purchasing process

  32. When evaluating digital commerce platforms for accessibility and performance analysts often emphasize intuitive structure and well organized product listings that support user engagement Ivory Cove Finder Portal browsing remains smooth with quick load times and clearly defined sections that simplify product discovery

  36. As part of my online browsing routine I came across this simple yet effective shop – its layout keeps everything accessible ensuring a smooth experience when browsing through various items.

  37. While comparing different ecommerce platforms for gift shopping and decor items I explored several websites and discovered Orchard Olive Trade Pavilion and checkout was simple and the product quality exceeded my expectations today making the experience feel seamless organized and very comfortable from browsing to final purchase completion

  39. While reviewing ecommerce platforms optimized for structured browsing and simple navigation I noticed that line-based layouts improve usability and product discovery which stood out when exploring line organized shopping portal – The layout feels well arranged making browsing products straightforward and efficient.

  40. users comparing ecommerce stores often value platforms that offer organized cart systems and fast navigation allowing them to browse products efficiently without unnecessary complexity or delays smart place cart explorer recognized for clarity – it provides a seamless shopping experience where users can manage selections easily and explore categories while maintaining a consistent and user friendly interface throughout

  43. Regular buyers in industrial sectors often remark that the manufacturing vendor catalog – provides a helpful browsing structure, enabling them to quickly locate relevant listings and evaluate options based on general specifications and availability.

  44. While exploring different minimalist e-commerce interfaces and how users navigate simple product grids, many reviewers mention references such as field shopping entry point within broader discussions – The platform is often seen as a straightforward shopping environment where categories are easy to scan, loading feels light, and product discovery is intentionally kept simple for faster browsing behavior.

  45. In the process of analyzing digital shopping environments focused on direct buying systems, I found that streamlined checkout flows improve usability and reduce friction, which became evident when reviewing efficient direct shopping portal – The navigation is simple and the buying process is clear, fast, and easy to use.

  47. While conducting comparative research on ecommerce browsing systems and interface design, I observed that stacked layouts help reduce navigation complexity and improve content visibility, which became clear when testing smart scroll shopping hub – The interface feels clean and structured, allowing users to browse products easily through a stacked and scroll friendly layout.

  50. When examining digital storefront usability, experts often emphasize the importance of minimal complexity and clear organization for better browsing efficiency, and here Ivory Ridge Shop Corner users benefit from a clean interface that supports intuitive navigation and makes product exploration straightforward and comfortable.

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>