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

  2. Users browsing modern websites typically value responsive design aesthetic consistency and intuitive structure that improves clarity and navigation efficiency EliteFusion Flow Interface – EliteFusion presents a beautifully blended interface where everything feels modern and responsive making it easy for users to explore content comfortably.

  4. Readers who enjoy reflective content often appreciate messages that encourage slowing down and noticing everyday experiences more intentionally life moment journal the tone feels thoughtful and calm, offering a sense of balance between productivity and mindfulness in daily living – it reminds us that meaningful change often begins with awareness of ordinary moments

  6. While exploring online I stumbled upon a store that felt clean and cozy with a structured interface and smooth browsing system twilight maple view hub – Corner shop gives warm atmosphere and easy product discovery experience, ensuring a comfortable browsing experience.

  7. Modern learners and professionals often depend on systems that reinforce clarity and help break down long term goals into manageable steps ObjectiveFlow Center – This goal oriented system improves focus and supports users in building consistent progress habits while maintaining a balanced approach to productivity and structured planning across different personal and professional activities

  9. In discussions about fast loading digital platforms and clean web performance, users often mention examples where efficiency matters, and among those references they sometimes highlight ascend mark portal included in curated lists of simple insight based websites used for testing smooth navigation and structured browsing experiences across different devices and environments. – The pages are generally described as fast, reliable, and very easy to use.

  11. While exploring various modern digital platforms that focus on innovation and technology-driven ideas, I came across forward ideas hub – a place where the content feels future oriented, offering insights that remain highly relevant for today’s evolving digital users and their needs.

  12. While reading different online articles about success strategies I discovered simple growth guide within the content and it immediately drew my attention – The explanation feels very straightforward and easy to understand without unnecessary complexity.

  13. Consumers who enjoy nature themed shopping often prefer platforms that emphasize sustainable materials and long lasting construction in their product selections for home and lifestyle use Northern Spruce Essentials Shop presenting a curated range of durable goods inspired by forest environments – The store creates a calm and organized shopping environment focused on practical design and natural inspiration for everyday customers

  14. While browsing through the structure and paying attention to the design, I noticed that go to this link fits into a smooth and readable layout – the content is arranged logically, making it simple for users to follow.

  15. Users exploring new product ideas often prefer platforms that combine visual appeal with practical navigation to enhance their shopping experience Creative Style Hub – The hub highlights creative and modern items presented through a layout designed for smooth browsing

  16. Digital marketplace users often seek platforms that balance aesthetic design with functional features, ensuring a seamless experience across all product categories available Prime Goods Portal – The site is designed to streamline the shopping process, allowing users to browse efficiently while maintaining a visually organized product presentation

  17. While testing different online retail websites I observed navigation quality and layout structure and found VCC storefront page – Nice little setup, everything looks clear and simple to understand, with a straightforward interface that allows users to browse comfortably without unnecessary distractions or confusion

  19. Users comparing online platforms often prioritize responsiveness visual consistency and how effectively the design adapts across different screen sizes and browsing contexts EliteFusion Navigation Portal – EliteFusion delivers a modern and responsive interface where design is blended beautifully making browsing smooth visually attractive and easy to understand for all users.

  20. While casually browsing online shops, I discovered check items here and it felt clean and structured – This marketplace feels friendly, easy to navigate, and quite enjoyable overall, offering a browsing experience that is simple, smooth, and welcoming.

  21. Cet article soulève l’exigence d’assistance utilisateur,
    cependant même support réactif ≠ résolution garantie.

    My web blog :: surfyn.fr

  23. Users browsing digital marketplaces often prefer environments that feel visually soothing and simple to navigate, especially when they come across velvet bay style retail hub – The store creates an elegant impression through soft aesthetic design choices while ensuring navigation remains easy and intuitive, allowing visitors to browse effortlessly and enjoy a relaxed shopping journey.

  24. Modern digital infrastructures are built to support real time communication across multiple geographic locations efficiently while maintaining stability under heavy load conditions Cross Border Access Gateway ensuring uninterrupted data flow between global nodes always stable – Users benefit from fast structured navigation that simplifies global system access and interaction significantly overall usage

  27. When analyzing modern browsing efficiency and simplified website structures, users frequently mention examples that prioritize ease of use, such as sharpbridge streamline page included in curated lists of fast and responsive web platforms for everyday navigation needs. – It feels minimal, smooth, and highly usable.

  28. While casually searching the internet I discovered a site that felt eco inspired with a clean design and easy category organization throughout twilight meadow goods store – Goods feel nature inspired and browsing experience remains very pleasant, helping users find items efficiently.

  29. In the middle of exploring media-focused resources online, I found media knowledge page – which provides helpful and straightforward explanations that make understanding modern media trends easier and more accessible for everyday users.

  30. After spending some time browsing through different sections and observing the overall structure, I found that check this platform fits naturally into the experience – visiting the page was pleasant, and the layout and structure feel quite decent and well organized overall.

  31. Shoppers who want a smooth online experience typically prefer platforms that keep navigation simple and product discovery quick and effortless Smooth Browse Goods Spot – This spot emphasizes ease of use and speed, helping users browse items comfortably

  33. Digital audiences typically prefer platforms that combine clean design with strong usability ensuring content remains easy to understand and visually accessible VisionMax Experience Hub – The MaxVision website offers clear vision with a simple and highly functional design making browsing easy structured and comfortable across all pages.

  36. While testing e-commerce usability across multiple platforms I noticed one site performed well in simplicity and structure VCC explore page – The experience was overall positive, with a modern layout and easy navigation that makes browsing smooth, allowing users to understand structure quickly without confusion or clutter

  37. After spending time navigating through pages, I observed that access this link aligns with a clear presentation – this site looks promising, and both usability and layout feel decent enough.

  38. Shoppers exploring modern artistic décor often look for online platforms that integrate industrial edge with blooming floral creativity in product offerings BloomSteel Creative Market Hub showcasing unique handcrafted goods inspired by mechanical design and natural elements – The platform delivers visually dynamic items suitable for expressive interior transformation projects

  39. Entrepreneurs seeking scalable growth strategies often rely on platforms that simplify complex business concepts into easy learning experiences Business Growth Vision scalable learning approach – providing practical insights that help users expand their understanding and implement strategies that lead to improved efficiency and stronger business performance outcomes.

  40. For those committed to self-growth and motivation, checking out progress inspiration network – a platform that shares encouraging content and practical ideas can help users stay focused and continuously improve their lifestyle and mindset.

  42. Many individuals focused on education and discovery turn to interactive learning hub – a platform that delivers fresh and engaging content designed to keep users inspired while learning and sharing ideas with others in meaningful ways.

  43. Many users appreciate reminders that help them stop overthinking and start taking meaningful steps toward their goals clarity action note – this statement highlights the importance of action over hesitation and encourages individuals to trust the process of gradual progress building

  45. People interacting with digital systems often expect visually appealing interfaces that also provide logical structure for easy understanding and smooth browsing transitions OrbitView Interface Node – NovaOrbit combines futuristic aesthetics with well-planned content structure, resulting in an experience that makes exploring information both enjoyable and efficient for users.

  46. Shoppers evaluating online retail systems frequently appreciate when clarity improves the overall experience, particularly when they encounter crest marketplace clean view – The market provides a clean interface with well organized product arrangement and strong clarity, allowing users to browse comfortably and efficiently while maintaining a smooth and visually balanced shopping journey.

  47. While going through a variety of online stores, I encountered check haven goods and it felt clean and simple – The design is simple and listings are clear, making browsing here smooth, convenient, and enjoyable in a very straightforward way.

  48. As I examined the interface and content flow, I noticed that this page here contributes to a simple experience – the content appears interesting, updated, and relevant for users today 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>