JSIO Performance Results

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

  1. Digital shoppers often use rapid goods corner platforms offering convenient corner for quick shopping and simple product discovery today, ensuring a streamlined experience that reduces confusion during product exploration SmartCart Rapid Goods Corner Portal – Provides structured browsing paths and responsive interface design

  2. I came across something while exploring online that felt pleasant and worth mentioning, so I decided to share it here have a look here – I enjoyed checking it out, and it seems like a reliable shop with a smooth and well organized browsing experience.

  3. People browsing agricultural e commerce platforms typically look for stores that offer both convenience and a broad selection of harvest related items Harvest Lane Trading Post – It provides a reliable online marketplace experience with well categorized products and a simple interface that improves usability for all types of shoppers

  4. While checking out online shops for fun, I discovered visit this page and it felt simple and engaging – The items look interesting and unique, making browsing here a fun and enjoyable experience throughout.

  5. People exploring e-commerce platforms often value structured category systems that simplify browsing and allow them to find products quickly without unnecessary searching or repeated navigation steps vivid zone catalog hub and the website feels well arranged overall, offering a browsing experience that is straightforward and practical for users who prefer efficient shopping journeys online.

  6. From my perspective after a short browsing session, check it out sits within a well-structured layout – came across it today, and it appears informative, engaging, and easy to understand.

  7. While exploring different online platforms, I came across see cloud goods collection and it gave a soft modern impression – The interface feels nice and clean, making browsing smooth and straightforward overall in a very relaxed way.

  8. During my usual browsing session I discovered a site that felt calm and minimal with a well structured layout and simple flow silver crest market hub – The products look reliable and descriptions are clear and helpful overall, making it easy to evaluate items quickly.

  9. I came across this website while browsing and it felt clean and structured with a modern design and clearly defined categories sun spire store hub – Collective offers interesting products and overall pleasant browsing experience today, making browsing feel natural and smooth.

  10. Many online shoppers today look for platforms that combine affordability with modern design and easy navigation for daily purchases Stylish Deals Hub This platform aims to bring curated discounts and a smooth browsing experience so users can quickly find trending products and seasonal savings without unnecessary complexity or confusion

  11. Many shoppers prefer digital marketplaces that highlight ocean-inspired simplicity, especially when browsing curated cool-toned décor, seaside lifestyle products, and minimalist home goods frostshore minimalist sea hub – This represents a coastal winter brand identity where products are arranged in a clean, structured environment inspired by calm waters and frosty seaside air.

  12. While comparing different online marketplace platforms, I discovered a site that focused on usability, variety, and clean structured design across all sections BuyZone product discovery hub placed within the content flow – The overall experience feels simple and efficient, with a wide selection of products and easy navigation throughout the platform.

  13. After spending some time browsing through different sections and checking the layout, I noticed that check this platform fits naturally into the experience – I checked this out quickly, and it seems like a neat and useful site overall.

  14. Users interacting with digital websites typically prefer clean modern systems with smooth navigation that makes exploring content easy and comfortable UltraWave Navigation Node – UltraWave offers a clean modern design where browsing is smooth and easy allowing users to navigate content efficiently and without confusion.

  15. While reviewing the interface and moving through sections, I came across go to this site which fits into a neat structure – the website feels clean, modern, and easy to browse around today.

  16. During my initial exploration and quick scan of available sections, I came across this helpful link which left a positive impression – the browsing feels smooth, and the layout appears nicely structured and thoughtfully arranged.

  17. While casually searching online, I found something that felt interesting enough to mention and possibly revisit later check this oak site – It’s an interesting collection overall, and I might return to explore more items since it looks like there is more to discover.

  18. Users comparing websites often focus on how visually appealing the interface is and how easily they can move between different content sections without difficulty MediaSummit Interface Node – The SummitMedia platform provides a clean and enjoyable user experience where navigation is intuitive and content is presented in a clear and organized format.

  19. Users who frequently browse online catalogs usually appreciate platforms that offer occasional standout products that make the experience more engaging and worth returning to later for further exploration trend center explore page and the browsing flow feels natural, encouraging users to revisit and discover more items over time.

  20. I randomly clicked through a few pages and landed on explore this store which seemed well organized – There is a good variety available and everything looks arranged in a clear way, giving a smooth and stress free experience.

  21. During a casual browsing session I found a website that immediately gave a modern impression with clear structure and easy category access silver dune shop – The site feels modern and easy to navigate for new users, which makes exploring different sections simple and comfortable.

  22. Best price fashion hubs are widely used by consumers who prioritize affordability and style while shopping for clothing and accessories online Best Price Fashion Hub This hub emphasizes competitive pricing on fashion items while maintaining a stylish catalog helping users find the best deals without compromising on modern trends

  23. Online shoppers looking for diverse catalog experiences often prefer platforms that keep navigation simple and visually clean and they may explore the Golden Horizon Market and discover a wide assortment of items presented in a modern layout that emphasizes usability clarity and smooth browsing for everyday visitors across multiple categories and product types.

  24. While exploring different online stores I came across a marketplace that felt clean and minimal with a balanced layout and easy navigation system sun woven collection – Market feels creative with well curated items and smooth navigation, helping users browse products comfortably and quickly.

  25. Many online visitors enjoy educational platforms that make learning and creativity feel interactive, structured, and visually engaging for better idea generation frostspire idea studio portal – The concept reflects a digital studio space where users can develop, refine, and explore creative projects in a guided environment.

  26. While examining several online storefronts for usability insights I came across UrbanPickCorner product showcase page – The experience was generally pleasant and straightforward, with a clean layout that made it easy to understand navigation paths and explore different areas without feeling lost at any time smoothly

  27. As I moved through a few online pages earlier, I discovered visit pine shop and it felt clean and balanced – Everything appears well arranged and easy to explore, giving a great browsing experience that is simple, smooth, and enjoyable.

  28. Users comparing digital platforms often prioritize simplicity clarity and how effectively the design helps them maintain focus while browsing FocusUltra UX Node – The UltraFocus platform offers a clear layout with well organized structure allowing users to browse easily and stay focused on content throughout.

  29. As I moved through various pages and explored usability, I found that view more info integrates into a tidy structure – the site feels modern, and the overall layout is visually pleasing and easy to understand.

  30. During a casual browsing session I discovered a site that felt functional and well organized with a structured interface and clearly arranged categories for easy navigation urban bay essentials – Goods selection looks practical and well suited for everyday needs, giving a straightforward and convenient browsing flow.

  31. While going through different websites today, I stumbled upon something that stood out for its refreshing design and smooth browsing experience check this goods site – It feels quite fresh, and the product presentation is something I genuinely like because it looks organized and modern.

  32. Many online shoppers often come across platforms where certain product selections stand out and feel interesting enough to revisit later when they have more time to explore additional categories and items in detail trend center discovery hub and the browsing experience feels enjoyable, with enough variety to keep users interested in returning and checking for new updates or fresh product additions later.

  33. While casually searching the internet I found a site that felt easy to use with clean layout design and well grouped content sections silver fern selection – I like how everything is categorized, which makes browsing really simple and allows quick understanding of where everything is located.

  34. Fashion oriented shoppers often prefer digital platforms that merge style focused products with consistent discounts allowing them to stay updated with current trends and offers Chic Offers Market – In this variation the shopping environment is presented as a stylish marketplace where users can discover attractive promotional items while enjoying a visually appealing layout that supports easy navigation and product comparison

  35. Fast-loading websites are essential for users who want immediate access to products and seamless browsing experiences Rapid Shopping Gate – This system is engineered for speed, allowing customers to move quickly from search results to checkout completion without unnecessary delays overall

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>