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

  1. While passing time online and checking random pages, I reached visit this webpage and found it appeared informative, so I might return later to explore its content more carefully and thoroughly.

  2. Online buyers often choose websites that provide curated marketplace experiences with fast browsing and easy access to relevant product categories Neon Pick Navigator Hub making shopping smoother – It is commonly described as user friendly with a structured interface and organized product listings

  6. In the vast landscape of online shopping resources, finding something that simplifies the search process is always beneficial, and this particular mention fits that idea smart deal locator – it is described as a helpful browsing point for discovering ongoing offers, designed for users who prefer efficiency in their shopping experience.

  7. Many online shoppers prefer websites that offer organized layouts and straightforward navigation especially when accessing ForestCove Atelier Commerce Market The interface makes everything easy to locate and the structure feels intuitive and clean allowing users to browse smoothly without struggling to find important sections or product categories.

  8. Many digital consumers appreciate rapid style corner systems that deliver stylish items available here with quick browsing and smooth interface, helping reduce browsing time while improving product visibility SpeedStyle Corner Shopping Hub – Focuses on responsive design and efficient browsing flow

  9. While analyzing ecommerce UX designs centered on variety and centralized layouts I observed that all-in-one store systems improve user experience by offering diverse products together which was evident when reviewing complete category shopping portal – The store feels inclusive and well stocked making it easy to browse multiple product types in one place.

  10. While scanning different online marketplace websites and outlet catalogs, I came across a platform that felt very well structured, with clear navigation flow and a minimal design that supports easy browsing for improved user interaction experience overall usability Hollow Ridge emporium portal which looks clean and easy to browse – The browsing experience feels consistent and smooth, with a layout that avoids confusion and helps users navigate efficiently across all sections.

  12. Many online shoppers value structured browsing experiences that reduce confusion while exploring large catalogs through intuitive interfaces where Shop Central Hub – central browsing concept improves navigation efficiency and helps users locate products faster across categories with smoother transitions and clearer layout organization overall

  14. While browsing different curated online platforms, many users appreciate smooth navigation and clean layouts that help them remain engaged with content, and one example is seen when exploring Daisy Cove lifestyle shop – The browsing system emphasizes simplicity and structure, helping users move through content effortlessly while enjoying a refined and visually consistent shopping experience across all pages.

  15. Modern consumers often prefer websites that combine variety and simplicity so they can browse products without feeling overwhelmed by too many unnecessary choices Corner Market Picks – Many users describe it as a straightforward platform that makes product discovery easier and more enjoyable during casual online shopping sessions

  16. While scanning digital commerce ecosystems and curated shop directories I discovered a structured reference pointing to Ivory Cove marketplace overview hub which appeared within a categorized index and after reviewing it I noticed the layout was easy to follow – overall it felt like a helpful place and I liked exploring its well-organized sections

  17. Shoppers increasingly prefer platforms that unify diverse product offerings into a single accessible hub, making online shopping more practical and time efficient RangeSelect Market Hub – The platform streamlines browsing by organizing multiple product types in one place, allowing users to discover items quickly and complete purchases with minimal effort.

  18. Across various analyses of digital retail systems focused on usability and structured presentation Icicle Isle Market Network – Diverse product range is neatly organized, enabling users to easily access information and browse categories in a consistent and efficient manner.

  19. While checking out various pages online, I stopped at check this page and found the platform to be solid overall, offering relevant content that was easy to read and well structured.

  20. Shoppers exploring online marketplaces tend to favor sites with fast performance and simple structure especially when they access Arena Digital Shopping Hub – The browsing experience is intuitive and clean allowing users to quickly find items while enjoying a stable and efficient interface overall.

  21. Online consumers frequently choose platforms that provide trendy items in a simple interface design making shopping fast and convenient overall Neon Trend Bazaar Flow Hub enhancing usability – The website is often recognized for its structured layout and smooth browsing system

  23. While conducting comparative research on ecommerce UX and product display systems I observed that stacked layouts improve clarity by aligning items in a consistent visual format which was clear when testing smart stack layout portal – The design feels neat and structured making browsing simple organized and user friendly.

  24. Shoppers frequently appreciate platforms that deliver clean structure and refined presentation especially when they visit Harbor Gallery Trading Jasper The site feels polished and thoughtfully designed making browsing easy comfortable and visually consistent across all sections without overwhelming the user.

  25. During research into online shopping tools that prioritize usability, I discovered clear shop navigator which organizes products in a straightforward way – Simple shopping experience with clear layout and easy product access helps users browse efficiently while reducing unnecessary complexity and making product selection faster and more intuitive across different categories.

  26. Many shoppers prefer rapid trend hubs providing trend hub offering fresh items and easy navigation for users, ensuring smooth browsing and improved shopping satisfaction with minimal effort EasyBrowse Trend Hub Explorer Center – Focused on simplicity, speed, and structured navigation flow

  27. Shoppers increasingly prefer organized e-commerce layouts that reduce friction during browsing CartFlow Market Center provides structured category access while ensuring users can move between sections smoothly with improved usability and a more intuitive shopping experience designed for everyday customers overall experience.

  28. During a casual review of online shopping sites and digital catalog platforms, I found a page that appeared cleanly structured with clearly defined sections that guide users naturally through different product categories and browsing areas without unnecessary complexity or clutter Honey Fern product catalog acting as an organized space for browsing items and exploring available listings – The interface feels smooth and easy to follow, making it suitable for general users who prefer simple navigation.

  30. While reviewing independent commerce platforms and online marketplace aggregators I encountered a listing pointing to Ivory Ridge storefront showcase index which appeared within a structured catalog and after a short visit I found the interface readable and clean – overall the browsing experience felt organized and simple with easy navigation throughout

  46. As I was going through different pages online, I came across explore this page and found it interesting, with some useful bits of information that made the browsing experience worth a casual look 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>