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:

4,033 thoughts on “JSIO Performance Results”

  1. Users often prefer e-commerce websites with structured design and intuitive navigation especially when visiting Corner Goods Smart Hub – Product listings are clearly presented making browsing smooth efficient and allowing users to explore products without confusion or difficulty.

  3. Many online customers appreciate e-commerce hubs that provide clear navigation and well structured product sections for faster decision making during shopping sessions Premium Goods Station Navigator Core Hub – The site design emphasizes usability and quick access ensuring users can move through categories without delays

  8. While reviewing different websites during a short search, I stopped at learn more here and noticed it was a nice site overall, offering clearly structured information and pages that load smoothly without interruptions.

  10. This website certainly has all the info I wanted about this subject and didnt know who to ask. tada gaming slots

  12. Users frequently rely on trend corners that offer elegant product displays with easy navigation, ensuring smooth browsing and quick access to desired items Smart Royal Trend Flow Hub – providing organized categories, intuitive browsing tools, and a seamless interface that improves efficiency and user satisfaction during online shopping sessions

  14. Consumers exploring online marketplaces often prioritize speed and clarity when searching for discounted items and promotional offers during busy shopping sessions Instant Savings Hub – The service highlights time sensitive discounts and ensures users can access trending deals instantly without delays, making the entire shopping journey more efficient and user friendly overall across all categories.

  15. Many online consumers prefer platforms that combine trendy product displays with straightforward navigation for a better overall shopping experience Style Trend Access Hub enhancing discovery – The website is appreciated for its clean modern presentation and easy to use interface design

  17. Online buyers often prefer curated shopping environments that offer visually appealing layouts and structured product categories for easier decision making Chic Product Spot this spot provides a balanced browsing experience with clear organization and smooth navigation ensuring users can find stylish goods efficiently

  18. As I navigated through different online sources, I encountered go to gallery site and had a quick look where everything appeared neat and easy today, giving a calm and easy browsing experience overall.

  19. While reviewing various outlet ecommerce designs, I found a platform that maintained a clean and structured layout with intuitive navigation paths IronPetal outlet market view integrated into the interface – The browsing experience feels stable and organized, allowing users to explore categories without distractions while maintaining fast page responsiveness throughout.

  20. Users browsing modern marketplaces frequently prefer websites that simplify navigation and improve usability especially when visiting Smart Pick Market Explorer – The interface feels well structured making item selection straightforward and ensuring a smooth and efficient shopping experience overall.

  21. Digital marketplaces are shifting toward simpler user interfaces that improve accessibility and ensure smoother navigation for all types of online shoppers globally SimpleWay Deals Zone – This platform supports easy shopping by organizing products clearly and providing a direct path from browsing to purchase with minimal effort required

  22. While browsing through various product listings, I came across click here to view – The interface feels smooth and helps users navigate categories easily without feeling overwhelmed or confused.

  24. In the course of reviewing ecommerce deal directories, I came across a module titled discount savings explorer hub – The interface is simple and well structured, showcasing appealing offers that encourage users to continue browsing and discover more products with competitive and interesting pricing options overall.

  25. Online buyers frequently choose platforms that focus on curated product selections because they make browsing faster and more enjoyable while reducing unnecessary search time Premium Pick Market Select Hub Access – The system is designed with simplicity in mind, offering smooth navigation and clearly structured product listings for efficient shopping

  28. Many shoppers appreciate hubs that highlight royal inspired designs alongside modern product categories, ensuring quick browsing and better decision making during shopping Smart Royal Trend Access Flow Hub – providing smooth navigation, organized product listings, and a streamlined interface that supports efficient browsing and improved user engagement across devices

  30. As I explored different sites out of curiosity, I found browse products here and it felt quite user-friendly – The whole browsing process seems smooth and enjoyable without any unnecessary complexity involved.

  31. During a casual online search across different marketplaces, I discovered explore hollow store and it stood out with a clean layout – The browsing experience felt smooth and easy, with products nicely arranged in a way that makes everything simple to find and explore.

  32. While exploring various e-commerce directories for shopping inspiration and comparing different online platforms, I came across shopping tree portal which provides a structured browsing experience across categories and listings – Shop tree market feels organized with useful categories for shoppers and helps users discover products more easily through clean and intuitive navigation designed for everyday browsing convenience.

  33. Digital shoppers often value platforms that offer quick updates on trending products so they can make timely purchasing decisions without delay Trend Update Shopping Point improving user experience – It is frequently highlighted for its structured layout and rapid content refresh system that keeps listings relevant

  35. Shoppers frequently prefer websites that offer clean structure and reliable presentation especially when accessing Guild Granite Orchard Market The platform is solid overall and feels well put together allowing users to browse smoothly without confusion or unnecessary distractions.

  37. Visitors browsing e-commerce sites frequently enjoy discovering new and interesting products that keep their attention during the session particularly on copperpetal product portal – the browsing experience felt engaging since items appeared worth checking again and encouraged curiosity about what else might be available on the platform.

  38. рулонные шторы с электроприводом купить в москве рулонные шторы с электроприводом купить в москве

  39. While casually browsing different sections online earlier today, I came across visit this marketplace and noticed the browsing experience felt smooth with well organized content; I made a quick mental note about it – overall it provided a clean, easy to read layout that was comfortable to navigate.

  40. People exploring curated product listings often appreciate platforms that maintain order and provide clear pathways toward completing transactions efficiently Style Listings Hub – The hub focuses on structured listings that guide users smoothly toward checkout while maintaining browsing simplicity

  41. Good day I am so glad I found your site I really found you by mistake while I was searching on Askjeeve for something else Anyways I am here now and would just like to say kudos for a marvelous post and a all round exciting blog I also love the theme/design I don’t have time to read through it all at the minute but I have saved it and also included your RSS feeds so when I have time I will be back to read more Please do keep up the excellent b. Gates of Olympus Xmas 1000

  44. In modern shopping environments users often value platforms that reduce complexity and improve usability especially when visiting Digital Trend Corner Flow – The trend section is well structured making browsing smooth and ensuring users can explore content comfortably without confusion or delay.

  49. Online shoppers who prefer fast and efficient browsing often enjoy curated marketplaces like premium pick zones that offer a nice variety of picks with fast loading product pages designed to improve shopping speed and convenience Premium Pick Zone Explorer Hub – The platform is appreciated for its smooth navigation system, clean layout, and quick access to product categories that help users browse efficiently without delays or confusion

  50. Online users often prefer structured shopping environments where premium trends are displayed in a clean and organized way, making browsing easier and more enjoyable across multiple categories for everyday discovery Royal Premium Trend Access Station Hub – offering a refined interface, smooth navigation flow, and well organized product categories that help users explore premium trends efficiently with a modern browsing experience

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>