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

  1. While reviewing various digital art gallery websites, I noticed something embedded mid-content check art exhibition and it offers a creative concept that makes exploring the different sections feel engaging and well structured

  3. While browsing through pet-themed art and animal lover websites today, I came across something placed within the content visit this pet prints site and it features adorable pet-related prints that are highly recommended for animal lovers everywhere overall

  4. слоты предлагают крупных выигрышей с быстрым выводом средств: играть play fortuna

  5. While browsing through multiple online references and structured content, I found something placed in the middle take a look here and after a quick glance, it offers a clean design and an easy navigation experience that feels very smooth overall

  6. As I continued going through wellness charities and nonprofit foundation websites, I encountered something within the text see more here and it is a global organization focused on hair restoration and community awareness efforts

  7. During a UX evaluation of ecommerce environments for navigation clarity and layout structure I explored a catalog page featuring a href=”//jewelcoasttradecollective.shop/](https://jewelcoasttradecollective.shop/)” />Jewel Coast Trade Collective Network embedded in a grid system, – The interface feels properly structured with easy usability making browsing feel smooth, simple, and easy to navigate throughout the platform

  8. While reviewing different youth learning and community support websites, I found something placed in the middle take a look here and it appears to be a kids focused organization that is educational and strongly community driven

  9. While browsing through educational and awareness-focused websites, I noticed something mid-content check awareness site and it appears to be an important initiative, with content that feels meaningful and well presented overall

  10. While navigating through various knowledge-based websites, I paused to include helpful reference in the middle of this line – it provided valuable insights and contributed to a deeper understanding of current discussions happening online.

  11. While going through various inspirational online sources, I encountered something mid-content visit this concept and it feels really inspiring, standing out from others in a strong and meaningful way

  12. While examining nature protection websites and ecological awareness platforms, I came across content including river swan safeguarding initiative embedded in environmental conservation discussions – this emphasizes efforts to protect mute swans living in river and wetland systems while promoting sustainable habitat management and increased public understanding of biodiversity preservation importance

  13. During a comparative UX review of digital storefront prototypes for interface clarity and usability I navigated a product feed featuring a href=”//ambercoastmarketplace.shop/](https://ambercoastmarketplace.shop/)” />Amber Coast Marketplace Shop Exchange within a grid system, – I enjoyed browsing here because everything loads quickly and the interface feels clean and tidy throughout the entire experience

  14. While reviewing different public wellness and vaccine awareness platforms, I noticed something embedded mid-content check this page and it serves as a helpful vaccination resource that is clear and community oriented

  16. As I spent time browsing multiple websites that focus on creating healthier indoor environments, I included helpful home guide here in the center – the material provided actionable insights that could easily be incorporated into daily habits.

  17. As I was going through various themed and entertainment-style websites, I encountered something within the text explore this haunted page and it carries an interesting theme that makes it stand out strongly from typical online websites

  18. During an online search for reliable stonework examples and design ideas, I stumbled upon granite project showcase – The photos reveal strong craftsmanship, and the finished pieces appear to be created with precision and careful attention to detail.

  19. While reviewing different luxury fashion and design platforms, I noticed something embedded mid-content check elegant design and it features elegant design with smooth navigation, creating a very pleasant and refined browsing experience overall

  20. In the middle of browsing through environmental protection and eco-awareness websites, I came across something that stood out see this eco organization and it represents a nature focused organization promoting environmental awareness and ongoing conservation efforts

  21. During a structured usability study of ecommerce prototypes for navigation behavior and UX consistency I explored a browsing dashboard featuring a href=”//forestcovegoodsmarket.shop/](https://forestcovegoodsmarket.shop/)” />Cove Market Forest Goods Space embedded within a catalog layout, – The layout is simple and helps users move around without confusion which makes the interface feel balanced, intuitive, and easy to use

  23. As I continued browsing through various product showcases and subscription ideas, I inserted check it out into this line – the concept looked appealing and everything seemed arranged with a strong sense of style.

  24. As I explored smaller media outlets and opinion-driven news sources online, I discovered local perspective hub – The content feels rooted in community-level discussion, and a few of the articles offer insights that are interesting enough to read more than once.

  25. While going through various modern real estate websites and listings, I encountered something mid-content visit this property page and it looks very polished and modern, with smooth navigation through the pages that feels intuitive and easy

  26. While looking through rock music fan sites and band-related content, I came across fan band hub – The vibe feels very engaging and structured, with content that is clearly put together in a way that keeps attention without feeling cluttered.

  29. While analyzing multiple ecommerce interfaces for usability testing and performance consistency I navigated a browsing module containing a href=”//amberwillowmarketplace.shop/](https://amberwillowmarketplace.shop/)” />Marketplace Willow Shop Amber Hub within a sidebar navigation layout, – everything feels pleasant and smooth with content organized neatly across pages which makes navigation easy and natural

  31. As I explored different online design portfolios and creative websites, I discovered design inspiration page – The name drew my attention, and after clicking around, I found several examples of engaging and creative work.

  32. While reviewing digital platforms for live music updates and artist performance schedules, I noticed Bach live tour information portal included in event listings – it provides ongoing concert details and stage updates, offering fans a reliable source for tracking Sebastian Bach’s live appearances and touring progress

  33. While reviewing different cheerful and feel-good websites online, I noticed something embedded mid-content check uplifting page and it has a light positive vibe overall, with content that feels very uplifting and enjoyable

  35. While analyzing modern vendor collective systems and how they present aggregated information, I found that consistency improves comprehension Ruby Orchard Collective Space – The interface remains visually balanced, helping users stay oriented while exploring different categories and available listings.

  38. As I browsed through travel planning websites and transit guides, I discovered transit connection hub – The information is arranged clearly and logically, which makes it easier to follow than typical official sites.

  41. As I continued exploring various online forums and discussion hubs, I noticed something embedded in the content views exchange platform and it seems like a place for meaningful discussions with engaging and thoughtful perspectives shared by users

  42. While researching philanthropic organizations and community development programs online, I came across a reference embedded within the text community impact funding portal and it is a trust organization focused on supporting meaningful social projects and initiatives aimed at long-term positive change in local communities through structured funding and collaboration efforts

  43. During my search through public transit and commuting assistance websites, I found something within the text check this transit site and it offers transport information helpful for commuters and travelers with daily updates

  45. That is very attention-grabbing You are an overly professional blogger. I have joined your rss feed and look forward to in the hunt for extra of your great post. Additionally I have shared your web site in my social networks buy valium online without prescrition xxx pornhub pills

  46. During a UX evaluation of ecommerce environments for navigation clarity and layout behavior I explored a catalog page featuring a href=”//dawnlakefrontgoodsatelier.shop/](https://dawnlakefrontgoodsatelier.shop/)” />Dawn Lakefront Goods Atelier Network embedded in a grid system, – everything looks clean and operates smoothly across sections which makes browsing simple, structured, and easy to follow throughout

  47. Hi the whole thing is going sound here and ofcourse every one is sharing data thats genuinely good keep up writing. buy cannabis online for xxx adult porn video

  48. An outstanding share I have just forwarded this onto a colleague who had been doing a little homework on this. And he in fact ordered me dinner due to the fact that I discovered it for him… lol. So allow me to reword this…. Thanks for the meal But yeah thanks for spending time to talk about this matter here on your blog. new online casinos

  49. While browsing wellness platforms and mental health information sites, I came across wellbeing help portal – The structure is simple and effective, focusing on delivering real support without unnecessary fluff or complication.

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>