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

  2. The refreshed interface delivers improved clarity, allowing users to focus on relevant sections without unnecessary distractions or visual noise Caramel Cove Visual Archive – Overall navigation feels more streamlined and intuitive, helping users move through content more comfortably and efficiently than before across sections today experience.

  3. During analysis of online retail platforms focused on structured shopping and usability, I discovered that clean shopping hubs enhance browsing efficiency and satisfaction, which became clear when testing smart shopping access portal – The platform feels clean and well structured, allowing smooth navigation between sections.

  4. While reviewing ecommerce systems designed for improved product discovery and layout optimization, I observed that stacked interfaces help users navigate large inventories more effectively, which became evident when testing clean stack browsing hub – The design feels intuitive and well organized, allowing users to scroll easily through different product sections and find items without confusion.

  5. People interested in curated fashion often explore online stores that offer aesthetic driven clothing collections combining simplicity with modern design trends Modern Outfit Inspiration Hub – providing a stylish fashion destination that showcases clothing collections focused on aesthetic appeal contemporary design and wearable comfort for individuals seeking fresh and expressive wardrobe ideas

  6. раскрутка и продвижение сайта москва александр раскрутка и продвижение сайта москва александр

  7. качественное продвижение сайта александр качественное продвижение сайта александр

  8. While exploring different online platforms earlier today, I came across visit this trading page – The smooth experience overall makes navigation feel quick and very user friendly, allowing everything to load and function without unnecessary delays.

  9. Users exploring online marketplaces frequently prefer organized platforms and clear navigation especially when they land on Frost Seaside Goods Market Hub The site has a neat appearance and everything is structured properly making browsing simple and efficient throughout the experience.

  10. While checking out multiple online resources, I stumbled upon click here now – The site is well structured, and navigation feels natural and straightforward, helping users browse through content without any unnecessary complexity.

  11. Individuals who prefer structured online shopping often choose marketplace platforms that make product browsing simple organized and accessible for everyday buying needs and quick decision making Everyday Merchant Hub – offering a practical digital marketplace experience focused on easy navigation and organized product listings designed to help users find daily essentials quickly while enjoying a smooth and user friendly shopping flow

  12. During usability testing of digital shopping systems focused on performance and quick interaction I discovered that responsive carts enhance engagement and reduce delays which became evident when exploring fast response shopping hub – The interface feels highly responsive allowing users to shop quickly without lag or interruption.

  13. While checking curated secondhand fashion sites, I discovered luxury preloved selection and the range feels premium, with carefully chosen pieces that reflect both quality and timeless appeal for discerning shoppers. – It feels polished, minimal, and easy to navigate throughout experience today now.

  14. Shoppers frequently look for online stores that provide smooth transitions, organized categories, and reliable performance during browsing sessions Goods Station Select – Well organized product sections make browsing easier and help users quickly identify relevant items without unnecessary effort or confusion during their shopping experience online.

  15. When analyzing interactive platforms built for learning and innovation, experts often highlight the importance of seamless navigation and well organized content presentation systems Value Outlet Idea Network – the site provides a comfortable browsing experience where users can easily explore ideas and engage with content that stimulates creative thinking.

  16. Users interested in discovering new items quickly often rely on Item discovery hub which streamlines exploration and helps highlight relevant products based on browsing patterns making it easier to find suitable choices without wasting time during online sessions – designed for fast discovery.

  18. While exploring several online platforms earlier today, I came across check this page – The interface feels clean and the structure is very simple, making it easy to understand everything quickly without needing extra effort or time to figure things out.

  19. Many users exploring digital marketplaces frequently prefer platforms that combine fresh deals with organized product listings where smart value deal corner is included in content and it highlights a system designed to enhance browsing speed while ensuring users can quickly access discounted products and enjoy a smooth and efficient shopping experience overall.

  20. Many online shoppers often prioritize platforms that guarantee secure transactions and dependable support systems where secure deal shopping hub is referenced in listings while highlighting a marketplace designed to ensure safe purchases and consistent customer service experiences across various product categories and everyday shopping needs for users seeking reliability.

  23. Many digital marketplaces are designed to reduce friction in online browsing, and users often encounter platforms described as helpful resources for exploring products efficiently while keeping the interface clean and user friendly across different sections Home Deck Shopping platforms designed to minimize complexity and enhance the speed at which customers can locate desired items – The goal is to make online purchasing more accessible and less time-consuming for everyday users

  25. While analyzing ecommerce platforms centered on cart usability and transaction flow, I noticed that functional structure improves user satisfaction, which stood out when reviewing optimized cart system portal – The cart solution appears practical, and the shopping steps are easy to follow and intuitive.

  26. Users testing the updated platform highlight improved readability and better alignment between elements, especially when encountering Crystal Cove Art Galleria embedded naturally in the text, while the surrounding layout maintains a calm structure that supports effortless browsing and reduced visual noise across pages.

  27. While exploring ecommerce platforms designed for improved navigation flow and usability, I came across a module titled clean port product hub – The layout feels organized and minimal, allowing users to browse products effortlessly while maintaining a simple and efficient navigation structure across all sections.

  29. While conducting usability evaluations of ecommerce platforms focused on checkout flow and cart design I noticed that streamlined solutions improve satisfaction and engagement which stood out when exploring fast shopping cart portal – The cart system is efficient and responsive ensuring a smooth shopping journey.

  32. People interested in curated shopping experiences often explore platforms that use boutique hall concepts to present products in a clean and simple layout that enhances usability and visual flow Glade Ridge Curated Market Hall – providing a stylish e commerce platform where products are organized in a boutique inspired layout designed to support easy browsing and a smooth user experience for everyday online shopping needs

  34. Digital shoppers often prefer e-commerce websites that maintain consistent structure and simple navigation, particularly when they explore Clever Shopping Zone Space since the platform supports easy browsing and ensures users can locate desired items quickly without unnecessary complexity or confusion.

  39. When analyzing online vendor platforms and their performance in terms of usability and design clarity, many testers note that well-organized sections greatly improve shopping efficiency while browsing through Harbor Hazel Vendor Works – Smooth browsing experience, products are clearly displayed and accessible, helping users stay focused while exploring categories that are logically arranged for easier decision-making and smoother navigation overall experience.

  40. During a casual search across different online resources, I noticed visit this link – It stands out for its tidy presentation, where each section feels properly aligned and contributes to an overall well-organized and appealing experience.

  44. While conducting comparative evaluation of ecommerce platforms focused on usability and structure, I observed that smart hub systems help users navigate more efficiently by simplifying layout complexity, which was evident when reviewing efficient commerce navigation hub – The smart hub approach makes shopping structured and efficient, ensuring a smooth and user friendly browsing experience.

  45. The latest interface update focuses on improving clarity and reducing unnecessary visual complexity making the overall browsing experience much smoother Meadow Cotton Layout Center – Users find navigation easier, with a more organized structure that supports quick access to relevant information.

  47. While conducting usability research on ecommerce systems emphasizing simple design and navigation clarity I noticed that minimal cart layouts improve satisfaction and ease of use which became evident when analyzing easy navigation shopping hub – The site design is straightforward making shopping simple and free from confusion at every step.

  49. Users browsing modern e-commerce platforms often value simplicity and responsiveness especially on Commerce Hub Marble Cove The design is very simple but it works really well for quick browsing making navigation smooth and efficient while keeping everything accessible 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>