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

  1. Users exploring digital marketplaces frequently appreciate industrial-modern branding, especially when browsing curated essential goods and innovation-driven lifestyle products glow forge energy essentials hub – This reflects a warm, structured retail environment where items are displayed in a clean aesthetic inspired by light, energy, and modern design principles.

  2. While going through sections and testing navigation, I found that visit this link enhances the experience – this page feels smooth, and browsing around was actually pretty enjoyable overall.

  3. While exploring different shopping platforms for design comparison, I observed smooth interaction patterns, and PickZone retail hub – It appears to be a well built site where browsing feels intuitive, making it easy to switch between sections without losing orientation.

  4. Users exploring modern professional platforms often evaluate how structure readability and interface design combine to support fast comprehension and smooth navigation across different sections of content ProLaunch Access Hub – ProLaunch appears highly professional with well structured content designed for quick reading making it easy for users to understand information and navigate smoothly across pages.

  7. While casually searching the internet I discovered a site that felt clean and inviting with a modern interface and clearly defined categories swift maple goods store – Corner shop has cozy feel with surprisingly diverse product range, helping users find items quickly and easily.

  8. Online shoppers looking for calming digital storefronts often prefer minimal designs that reduce distraction and highlight product variety clearly Calm Meadow Shopfront offering a smooth navigation experience that feels natural and uncluttered while encouraging users to explore at their own pace comfortably online

  9. While browsing various online tools for personal efficiency, some people note that hidden among basic reference links is focus growth hub which appears in lists focused on structured content presentation and simplified navigation for everyday users. – Many readers feel it keeps information straightforward without unnecessary distractions.

  10. From an overall perspective after a short browsing session, I found that check this out sits within a well-structured layout – the content feels simple, useful, and easy to understand for most visitors.

  12. While looking for platforms that share useful technology content, I came across modern tech feed – a site that offers regular insights and updates about new developments in the tech world in a clear and helpful way.

  13. Digital platform users often appreciate well-designed websites that prioritize accessibility and seamless transitions between various informational sections for better understanding BrandVision digital path – BrandVision offers a structured digital pathway that guides users step-by-step, making exploration of content smoother and more efficient overall experience.

  14. During my usual browsing session I found a store that felt minimal and well structured with a clean interface that stood out immediately silver field market – Clean design and good layout make this store enjoyable today, making it easy to browse without unnecessary distractions.

  15. I wasn’t expecting to find anything notable, but I came across something that felt simple and well organized while browsing online visit this shop – It’s good for browsing, and the layout is smooth and easy to follow without any confusion or clutter.

  16. Online shoppers frequently value marketplaces that combine smart categorization with stylish product presentation for faster decision making and better browsing flow Smart Style Marketplace Arena – This version highlights a marketplace style arena where structured categories help users explore stylish goods efficiently while enjoying a seamless and intuitive shopping experience

  17. While browsing casually through different platforms I discovered a store that feels well structured and minimal making product discovery quick and uncomplicated for visitors urban crest market picks built with clarity and ease in mind – Overall browsing remains smooth, simple, and pleasant without unnecessary distractions

  18. During my search through creative platforms, I discovered world ideas hub – which I enjoy checking out since it always presents something new and interesting that makes browsing feel refreshing.

  19. Many users exploring e-commerce platforms prefer systems that reduce friction and improve browsing speed during everyday online shopping sessions Quick Shop Gateway allowing smoother transitions between product pages while maintaining stability and consistent performance throughout the entire process – The design focuses on reducing load delays and keeping navigation intuitive for all types of shoppers across devices

  20. While exploring different online shops, I came across see ridge items and it felt organized and straightforward – The design and presentation helped make it simple to find what I needed quickly and comfortably while browsing.

  21. Users interacting with digital websites typically prefer systems that are quick smooth and dynamic allowing effortless movement across pages and content SharpWave Navigation Node – SharpWave delivers a dynamic interface where navigation is fast and smooth ensuring users can browse easily and access information without delays.

  23. During my review of multiple digital shopping interfaces I came across Urban Style Bazaar discover page – The navigation system worked smoothly and everything was clearly arranged, so moving between sections felt natural and the overall experience remained quick, easy, and user friendly throughout the entire visit without complications

  28. As I moved through the pages and explored various features, I found that view more info integrates into a neat layout – the design feels clean, and the information is presented in an easy-to-understand way.

  31. I came across this shop during browsing and it felt serene and well structured with a clean interface and easy navigation that made exploration simple and calm twilight cove essentials hub – Collective site gives calm aesthetic and relaxing browsing experience overall, making the experience smooth and enjoyable.

  32. Users working in online environments frequently prefer platforms that simplify navigation while ensuring consistent system behavior across all features and interactions TrendFlow Network because usability supports productivity – The platform delivers a smooth and stable experience with intuitive design elements that make it easy for users to move through different sections efficiently without confusion

  33. While looking for clear and effective improvement methods, I came across daily growth ideas – which shares simple strategies that encourage consistent progress through small but meaningful steps.

  34. Digital floral marketplaces are evolving rapidly offering customers refined aesthetics and carefully curated selections for home decor and gifting ideas Elegant Floral Bazaar providing a sophisticated shopping environment filled with beautifully arranged floral inspired products – the platform stands out with its polished interface smooth user flow and thoughtfully designed sections that make browsing both enjoyable and efficient.

  35. While exploring different sites I stumbled upon something that felt creative and unconventional with a layout that clearly tried to do something different silver grove collection – Interesting concept behind this store definitely stands out from others, making it feel fresh and unique compared to standard shops.

  36. Online buyers who value efficiency tend to choose platforms that reduce waiting time and improve product accessibility through smart design especially when browsing through large collections of trending items Style Item Central Point – It acts as a central point for style items, offering fast page responses and an organized structure that makes browsing and selection significantly easier for users

  37. Users comparing branding platforms often prioritize how well the design reflects professionalism and how clearly information is organized across pages MatrixBrand Access Point – The BrandMatrix platform offers strong branding with a modern and polished interface making it easy for users to explore content in a visually structured and appealing way.

  38. Developers and entrepreneurs often seek efficient tools for online retail growth, and I found store optimization system which enhances e-commerce performance – it provides structured management features, simplifies configuration tasks, and ensures that digital storefronts remain responsive, scalable, and easy to operate even as business demands continue to expand.

  39. I don’t usually share links, but this one felt worth mentioning because it was easy to browse and well structured see this collective store – Everything looks organized, and it makes searching for items fast and convenient in a very straightforward way.

  41. During my usability review of shopping websites, I noticed that clarity and structure improve flow, and Urban Trend Arena navigation portal provided a smooth experience where everything seemed nicely arranged and it didn’t take long to get around the interface efficiently

  43. During my browsing session and usability check, I noticed that see more here blends into a clear layout – it looks quite organized, and I found it easy to explore content here smoothly.

  46. While exploring different online platforms, I came across see copper market items and it gave a soft impression – Browsing here was pleasant, and the items seem interesting and worth checking again for future visits.

  48. While exploring digital marketplaces I discovered a store that feels organized and calm with a structured interface that improves product discovery and visual presentation urban harbor browse hub featuring neat categories – The collective ensures a visually attractive and easy browsing experience

  49. As I continued navigating through the interface and reading different sections, I realized that explore this page contributes to a seamless experience – the layout supports clarity, and everything feels smooth and easy to access without unnecessary complexity.

  50. In the middle of checking different shopping platforms, I came across open this petal site – The design is clean and minimal, and it improves the browsing experience by keeping everything straightforward and easy.

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>