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

  1. Web structure evaluators and online communication experts frequently analyze how websites maintain clarity in presenting informational content structured_web_experience – The organization of content helps visitors move smoothly through topics while maintaining a consistent and easy to understand browsing experience

  4. Across usability testing of online retail environments, a notable example is Violet Harbor Global House which ensures clean structure overall, makes browsing feel smooth and simple, supporting a clean and globally consistent navigation layout throughout the platform.

  5. At one point during my browsing session, I encountered something naturally placed within the content, visit and explore, and it is an interesting website where I found useful details while going through several pages today

  6. While going through different entertainment and casual browsing sites, I encountered something mid-content visit this page and it looks interesting overall, feeling like a fun and casual destination that is easy to explore

  8. In the process of studying various online store interfaces I discovered user friendly food directory site highlighted among search suggestions and it felt relevant – the layout is simple yet structured in a way that helps users find information quickly without unnecessary complications or visual clutter

  9. During a routine search across awareness information platforms, I noticed something embedded in content, go to site, and it offers simple and clear structured explanations overall

  12. When evaluating online shopping platforms focused on structure and usability, a notable example is Willow Dawn Vendor Atelier which maintains pages are well organized and content is easy to understand quickly, ensuring users enjoy a smooth and distraction-free browsing experience.

  13. While casually checking out various links, something appeared that stood out in the middle of everything else, see details, and from what I could tell, it looks like a fun and engaging site worth exploring

  14. While going through several salsa learning pages, I found something in the middle of everything else, read more here, and it provides a good overall experience with a simple structure and smooth navigation

  15. In the middle of exploring dessert-themed visual branding websites, I encountered something mid-content explore this page and it shows unique branding, with everything appearing visually appealing and well designed

  16. In the process of researching online boutique directory links and retail hub references, I came across a page at Opal Trail Directory Link which seemed well structured and I thought it might be valuable for future browsing sessions when exploring similar curated retail spaces.

  17. Art enthusiasts often appreciate unique collections that blend realism and creativity, especially when exploring curated online showcases fresco pet illustrations which present engaging visual storytelling – The designs emphasize emotional connection between pets and owners while introducing contemporary artistic methods that elevate traditional animal portrait aesthetics.

  18. During a casual browsing session of themed websites, I noticed something embedded in the middle of content, check spooky island site, and the platform offers a fun haunted atmosphere that is both eerie and entertaining overall

  19. As I continued going through various gardening education resources online, I encountered something within the text see more here and it offers beautiful gardening content that is calming, informative, and beginner friendly overall

  20. When analyzing modern retail systems built for clarity and structure, a strong example is Stone Harbor Network Hub which maintains nice layout with clear sections and straightforward navigation flow, providing users with a calm, organized, and visually consistent browsing environment.

  23. I was browsing through multiple creative content platforms when something stood out in the middle, view this page, and I enjoyed it because the articles are engaging, informative, and very easy to follow

  26. While going through several recommendations, I found something that stood out in the middle of everything else, read more here, and the organization really helps make it easy to follow

  27. Families aiming to create productive learning environments at home often seek reliable online inspiration, and they might come across interactive kids corner featured in curated educational suggestions – This version highlights the importance of engaging content in supporting consistent child development practices.

  28. During a general exploration of personal portfolio websites and creative profiles, I came across something placed within the content take this link and it has a clean professional design that feels polished and well organized overall

  29. While scanning through property and real estate showcase pages, something caught my attention in the flow, click to view site, and 3001pacific delivers a professional real estate style platform that is well structured and visually consistent

  31. At one point during my browsing routine, I noticed something placed within the content itself, open this baking site, and everything looks clean, loads fast, and runs smoothly which makes the overall experience simple and pleasant

  33. While going through various digital document solutions platforms, I noticed something within the content discover more here and it appears to be a useful document solutions platform that is efficient, structured, and practical

  34. Public health learners and residents frequently seek centralized hubs that explain immunization processes in accessible language, especially when they find immunization resource center included among recommended links – It provides structured insights into vaccine availability and community outreach programs while maintaining a user-friendly informational approach for everyday visitors.

  37. In comparisons of e-commerce systems focused on clarity and flow, a standout example is Orchard Lantern Unified Lounge which delivers smooth browsing with a calm design and easy page transitions, ensuring a structured and seamless browsing experience across the entire platform.

  39. While casually browsing a variety of lifestyle improvement platforms, something appeared in context, see details, and the design feels modern and user-friendly, making it very easy for visitors to interact with smoothly

  40. As I was reviewing different food shopping and ecommerce concept websites, I found something embedded in the text visit food platform and it presents an interesting idea combining food and shopping for online audiences

  42. People seeking mental relaxation through natural imagery often explore websites dedicated to outdoor serenity, where they might discover calm earth journal – This resource is generally appreciated for its focus on peaceful landscapes and its ability to inspire mindfulness through nature centered storytelling.

  44. While evaluating online retail platforms built for usability and clarity, a notable example is Raven Lake Vendor Guildfront where the site looks structured and information is easy to locate, allowing users to interact with content in a straightforward and efficient manner.

  45. During a general exploration of animal-themed artwork and print shops, I came across something placed within the content take this link and it shows adorable pet-related prints that are highly recommended for animal lovers globally

  46. I was browsing through multiple lifestyle and informational pages when something stood out in the middle, view this page, and it seems like a helpful resource where I found useful tips and ideas during my browsing session

  50. At one point during my browsing routine, I noticed something that appeared naturally within the content flow, open this site, and I appreciate how the information feels thoughtfully presented and easy to understand

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>