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

  1. Online retail strategy experts often focus on how digital interface design improves accessibility and engagement especially when evaluating platforms such as Crescent Retail Studio Online which is frequently interpreted as a structured e-commerce environment that blends aesthetic appeal with functional usability and seamless navigation – this supports better user satisfaction.

  2. While browsing several platforms for comparison, I stumbled upon this detailed page – The information is presented in a clear and concise way, ensuring readers can absorb key points without unnecessary effort or distraction from irrelevant elements.

  3. While reviewing digital marketplace layouts focused on usability and design clarity, I noticed how Birch Harbor vendor room overview – it emphasizes clean structure and smooth browsing flow, making product discovery easier for visitors across multiple categories and helping users quickly understand how items are organized within the vendor environment.

  5. Users who value sophisticated ecommerce design often browse platforms such as Gilded Collective Stone Market Hub where products are displayed in an elegant and cohesive format – The design emphasizes branding consistency and visual refinement, making browsing feel smooth, structured, and premium from the first interaction.

  7. While searching for informational concept sites I found a platform that focuses on cultural relevance and structured presentation of ideas making it useful for readers who enjoy exploring meaningful topics and modern digital perspectives concept culture info hub – The site feels informative and thoughtfully organized with cultural focus

  9. Design-conscious shoppers frequently discover comprehensive collections through platforms like Outpost Design Warehouse – The approach blends warehouse-scale variety with a consistent minimalist aesthetic, ensuring each item supports functional living while maintaining a clean, structured, and purpose-oriented design philosophy.

  11. As part of evaluating outdoor themed informational shops, I focused on how well each platform structures data presentation and navigation flow OutlandCoveSupply – revised insight: information is organized cleanly, making it easier for users to browse and understand quickly.

  12. During a detailed review of online vendor studio websites focused on speed and reliability I noticed visit this walnut cove studio hub – The experience has been great overall and everything loads fast and works without issues across all pages.

  13. Many craft lovers appreciate digital marketplaces that provide access to handmade products created by skilled independent artisans worldwide Handcraft Exchange Studio – offering not just shopping convenience but also deeper insight into traditional techniques and modern artistic expressions across global communities.

  15. As I reviewed multiple pages focused on practical advice, I came across discover more here – The information is broken down into simple language, making it easy for readers to understand and apply without difficulty.

  17. In exploring digital marketplaces designed for better accessibility and user experience, I observed Birch Harbor room listings – it offers a well structured layout with smooth transitions between sections, ensuring visitors can browse products without feeling overwhelmed or lost.

  18. Users exploring modern ecommerce galleries often appreciate how fluid visual layouts improve engagement when browsing platforms such as Ginger Stone Art Galleria Hub where products are arranged in a stylish exhibition format that enhances clarity – The galleria style layout creates a smooth and visually engaging browsing experience, making it easy for users to explore products while enjoying a balanced and aesthetically appealing interface.

  20. During a final comparison of commerce hub websites I found see wave harbor commerce hub collection – I appreciate the effort here and the site feels polished and user friendly making the overall browsing experience easy and enjoyable.

  21. While checking out simple ecommerce concepts I discovered a rustic themed platform that keeps everything minimal and user friendly featuring rustic essentials hub – the browsing flow feels natural and efficient with a clear structure that helps users focus on products rather than distractions

  23. While exploring luxury travel inspiration sites I discovered a lodge platform that presents high end accommodation with elegant visuals and a welcoming structure designed to create an immersive and relaxing browsing experience luxury scenic retreat page – The site feels refined and warmly inviting

  24. While exploring different outdoor commerce information hubs, I compared usability patterns and how each site simplifies access to core product knowledge HarborUplandHub – updated commentary: the interface remains simple and effective, ensuring users can navigate content without difficulty or confusion.

  25. Digital marketplace users increasingly appreciate centralized vendor systems that help consolidate product discovery into a single convenient browsing experience while supporting better vendor visibility and customer satisfaction Digital Vendor Center – Such systems are especially useful for improving navigation efficiency and ensuring consistent product availability across listings platforms

  29. During my comparison of multiple content platforms, I encountered see more here – The design feels sleek and current, helping users focus on the content while maintaining an enjoyable reading experience.

  30. While comparing artisan boutique systems for handmade quality and presentation I discovered browse velvet brook creative craft boutique – I’d recommend this to anyone who loves handmade goods since everything feels unique and carefully made.

  32. While reviewing digital commerce hubs and structured vendor platforms, I observed a well designed page where content naturally leads into Canyon trade showcase hall index integrated within the content flow, improving usability – The platform focuses on category clarity and smooth navigation, allowing users to explore products without difficulty or confusion.

  33. During a quick browsing session, I spotted something that seemed relevant enough to mention here, learn more here – it looks structured in a clean way and might be quite helpful for anyone needing organized and accessible content.

  34. Users who enjoy simple and structured ecommerce browsing often explore sites such as Acorn Harbor Trade Hall Vendor Hub where products are grouped logically for fast discovery – The vendor hall concept ensures clear navigation and smooth browsing, making the entire shopping experience easy, organized, and efficient.

  35. As I analyzed several vendor atelier platforms for structure and browsing experience I found check wave harbor creative atelier – Browsing here feels pleasant with clear categories that are easy to navigate and well arranged for smooth user experience.

  39. While scanning through structured online directories and marketplace-style pages, I came across something that felt easy to navigate and logically designed, especially Clovercrest vendor showcase which highlights content in a clean and accessible format – Found this recently, seems quite helpful and easy to explore, and it feels like something worth returning to for additional browsing later.

  41. Digital craft enthusiasts frequently rely on curated vendor spaces that bring together diverse artisan collections and cultural expressions Craft Circle Exchange – this platform style helps support independent producers while giving buyers access to unique handmade selections and transparent product storytelling

  42. People who enjoy minimal ecommerce design often appreciate goods stores that maintain simple layouts and easy navigation across product categories Harbor Goods Marble Outlet – The layout supports intuitive browsing through well structured sections ensuring users can locate products quickly while experiencing a calm and visually consistent interface designed for smooth shopping journeys throughout the platform today online experience.

  43. While browsing cruise related content I discovered a website that focuses on cruise journeys and travel planning with a clean interface that helps users quickly understand available voyage options and destinations sea voyage directory – The site feels clear and well structured

  44. While going through multiple niche listing platforms and online commerce directories, I came across something visually pleasing yet slightly inconsistent in user flow, especially where Sky cove commerce atelier page appeared – The sky design is calming overall, but navigation can feel a bit clunky in practical use.

  45. Users exploring visually refined ecommerce concepts often notice how curated floral themed digital spaces enhance browsing experience when they encounter Floral Vault Showcase which presents a carefully structured selection of items arranged with artistic balance and subtle elegance that improves product discovery flow – The design draws from floral inspiration and presents a curated vault-like aesthetic that feels both refined and visually harmonious overall

  48. During UX evaluations of farm inspired ecommerce platforms and organic product catalogs, reviewers noticed a content block featuring orchard workshop vendor wild hub embedded mid layout, but product pages fail to include ingredient information or nutritional breakdowns – Wild orchard sounds wholesome and eco friendly, yet users cannot access ingredient lists which makes product comparison difficult during browsing sessions

  49. While studying online vendor atelier interfaces and browsing flow I came across visit wave harbor studio marketplace hub – Browsing here is pleasant with clear categories that are easy to navigate and visually organized.

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>