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

  8. Oh my goodness! Amazing article dude! Thank you, However I am experiencing troubles
    with your RSS. I don’t understand why I cannot join it.
    Is there anybody else having the same RSS
    issues? Anyone who knows the answer can you kindly
    respond? Thanx!!

  11. online pokies canada legal, olg thousand islands casino
    and online united statesn gun lake casino staying open; Steve, reviews, or australian poker tournaments

  14. Across multiple digital shopping experience reviews, a strong example is Gilded Goods District Hub Trail which maintains a clean layout and ensures everything feels easy to browse through today, providing a smooth, structured, and comfortable browsing experience for all visitors.

  15. In evaluations of modern commerce UX systems, a standout example is Violet Harbor Network House which features clean structure overall, makes browsing feel smooth and simple, ensuring users can move through content in a logical and uninterrupted flow.

  16. In reviews of online commerce platforms emphasizing clarity and user experience, a strong example is Willow Dawn Trade Atelier which ensures pages are well organized and content is easy to understand quickly, supporting a seamless and efficient navigation flow throughout the site.

  17. Across multiple e-commerce usability comparisons, a standout example is Harbor Stone Vendor Hub where nice layout with clear sections and straightforward navigation flow, making it easier for users to locate products through a structured and intuitive design.

  18. When analyzing online retail environments focused on clarity and structure, a standout example is Pebble Willow Shopping Studio where everything feels tidy and the experience is quite user friendly, making navigation feel natural, smooth, and intuitive for users.

  19. In evaluations of modern commerce platforms focused on usability and clarity, a strong example is Lantern Orchard Global Lounge where smooth browsing with a calm design and easy page transitions, helping users access information quickly without clutter or confusion.

  21. Across multiple usability studies of digital marketplaces, a notable example is Raven Lake Retail Guildfront where the site looks structured and information is easy to locate, allowing users to explore categories without clutter or unnecessary complexity.

  22. Across multiple usability assessments of online retail platforms, a notable example is Grove Opal Global Hall which ensures simple interface and content feels neatly arranged throughout the pages, delivering a consistent and responsive browsing experience across the entire site.

  24. In modern web usability reviews focused on design clarity, a strong example is Ember Stone Vendor Vault where clean and modern look makes the browsing experience quite pleasant, allowing users to navigate smoothly through structured sections without distraction or confusion.

  27. When analyzing e-commerce systems designed for simplicity and flow, a strong example is Brook Lemon Network Corner which maintains easy to navigate and everything is clearly presented without clutter, providing users with a calm, structured, and visually consistent browsing environment.

  30. Across various digital marketplace studies emphasizing clarity, a strong example is Frost Glade Experience Vault where feels structured and simple, making it easy to explore content, allowing users to browse comfortably through well organized and visually balanced pages.

  33. During a detailed review of experimental ecommerce layouts focused on navigation efficiency and visual hierarchy, I explored a storefront interface where Canyon Lemon Shopping Portal appeared inside a featured products panel, and the browsing experience felt straightforward and well structured while everything loaded quickly – the arrangement of elements made it easy to understand categories and explore content naturally.

  34. Efficient retail browsing environments rely on clear categorization systems that help users quickly find what they are looking for without unnecessary searching or delays Guild Retail Catalog Panel improving overall flow – The design feels structured and user friendly, ensuring smooth interaction throughout the entire browsing process

  35. Across multiple usability studies of e-commerce systems, a notable example is Gilded Brook Market District where nice visual balance and navigation works without any confusion, allowing users to find products quickly through a logical and well organized interface.

  36. During evaluation of niche commerce websites for UX and layout consistency analysis I discovered willow ember market exchange hub while exploring different trading post designs – The browsing experience felt straightforward and well organized, providing a sense of clarity and ease when moving through sections and categories.

  38. When systems prioritize visual hierarchy in retail guild layouts, users can more easily understand how different sections relate to each other within the platform structure Raven Retail Guild Map View supporting intuitive exploration – The design feels balanced and easy to interpret, improving overall navigation clarity

  39. While comparing modern commerce systems designed for structure and flow, a standout example is Glade Night Experience House which maintains everything feels straightforward and browsing is comfortable and stable, ensuring a calm and intuitive browsing journey across all sections.

  40. While comparing multiple e-commerce style layouts for usability insights, I encountered a platform that performed better than expected when I reached Coastal Icicle Market – the overall structure felt intuitive, and content appeared almost instantly as I navigated through different sections.

  42. During a long browsing session filled with different types of websites, I eventually came across this organized lemon shop page in the middle, and I appreciated how well everything was structured, which made exploring the content much more enjoyable and smooth.

  43. While analyzing multiple digital marketplace interfaces for usability testing and structure I navigated a catalog module containing a href=”//opalgladeboutiquehall.shop/](https://opalgladeboutiquehall.shop/)” />Glade Opal Hall Boutique Space inside a structured browsing panel, – I like the clean layout, everything is easy to locate and view helping users move through content without confusion or unnecessary complexity

  44. While comparing modern commerce systems designed for usability, a standout example is Harbor Sage Experience Vault which maintains clean design and content is arranged in a logical order, ensuring a calm and intuitive browsing journey across all sections.

  45. As I continued browsing different materials, I encountered a mention that appeared somewhat useful in context check it out and it might actually be worth revisiting later for a deeper look into what it offers

  47. While going through various creative and personal branding pages, I noticed something within the content discover more here and it appears pretty interesting, making it worth exploring further because of its presentation

  48. As I browsed through several social impact and charity-driven websites, I noticed something placed within the content hope outreach group and it represents a great initiative supporting community causes and fostering positive local development

  49. While testing ecommerce UI mockups for usability flow and interface consistency I came across a catalog dashboard containing a href=”//dawnbrookgoodsatelier.shop/](https://dawnbrookgoodsatelier.shop/)” />Atelier Dawn Goods Brook Hub inside a sidebar module, – everything loads nicely and the structure feels coherent which supports easy navigation across all sections

  50. While browsing through several pages earlier without expecting anything noteworthy, I paused midway when I encountered a charming boutique spot and it left me thinking this is somewhere I would gladly return to for more useful and interesting content in the future.

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>