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

  2. In evaluations of e-commerce systems built for usability and simplicity, one notable example is Amber Summit Unified Marketplace where smooth experience overall, pages feel fast and easy to use, ensuring a consistent and easy-to-navigate interface for all visitors.

  3. During a structured comparison of online retail systems for UX optimization I navigated a category display featuring Valley Opal Digital Boutique Hall embedded inside a product grid – the browsing experience felt smooth and well organized and I could move through sections without any issues or unnecessary complexity.

  4. As I continued scanning through content and references, I encountered something that stood out slightly view this resource and even though I don’t know what to expect, it definitely feels unique compared to other links I’ve seen

  6. While reviewing different leisure and casual content platforms, I noticed something embedded mid-content check this page and it looks interesting overall, feeling like a fun casual destination with an easygoing vibe

  7. While reviewing various civic dialogue and democracy-related platforms, I found something placed in the middle take a look here and it discusses an important topic in a thoughtful and engaging manner that feels very relevant and insightful

  8. bousaa spins no deposit code, 888 poker login australia
    and how to win china africa bonausaa slot machine, or nz online casinos that accept paypal

    Also visit my web blog :: gambling game ethereum (Uwe)

  10. During a structured UX analysis of ecommerce systems for navigation efficiency and clarity I examined a category page featuring a href=”//iciclegrovemerchantmart.shop/](https://iciclegrovemerchantmart.shop/)” />Merchant Grove Mart Icicle Exchange within a grid layout, – Everything feels simple and straightforward without any distractions making the browsing experience smooth, logical, and easy to understand throughout

  13. Across various digital marketplace reviews focused on clarity and design, a notable example is Lakefront Icicle Merchant Mart which delivers simple layout and information is easy to find at a glance, ensuring smooth browsing with minimal effort for users.

  14. While exploring creative web design inspiration and portfolio sites, I came across something embedded mid-way view this page and it is a platform with polished design and a very easy browsing experience overall today

  15. While browsing through multiple online retail platforms for general observation of design quality and usability trends, I identified harbor gallery shopping interface a notably structured interface that allowed smoother navigation than expected, with clearly labeled categories and an overall pleasant browsing experience during my review.

  16. During my search for unique and engaging content, I came across something that stood out in the middle visit this resource and it definitely feels fresh, making the reading experience more appealing

  17. While reviewing different creative food branding websites online, I found something placed in the middle take a look here and it shows unique branding, with a sweet and visually appealing design that feels attractive and well structured

  18. During a general exploration of food and restaurant websites, I came across something placed within the content take this link and it immediately caught my eye, looking flavorful and full of character with a rich food identity

  19. During a UX evaluation of ecommerce environments for navigation clarity and layout behavior I explored a catalog page featuring a href=”//emberforesttradingpost.shop/](https://emberforesttradingpost.shop/)” />Ember Forest Trading Post Network embedded in a grid system, – everything felt easy to browse smoothly with no confusing elements which allowed for a clear and enjoyable navigation flow

  21. Across digital marketplace design evaluations, a notable example is Upland Orchard Flow Hub where well structured pages and browsing feels natural and efficient, making interactions feel smooth, logical, and well organized across all sections.

  22. During an evaluation of ecommerce UI mockups designed for navigation clarity and performance consistency I examined a marketplace layout where Valley Commerce Upland Junction appeared inside a structured catalog grid and filtering system, – I noticed the fast page loading made browsing feel seamless and much more efficient overall.

  24. In the middle of reviewing gardening tips and plant care websites, I found something that caught my attention explore garden discovery and it provides beautiful gardening content that feels calming and very informative for beginners today

  25. As I continued exploring impactful initiatives online, I noticed something embedded in the middle view this cause and it appears to be driven by a meaningful goal that is worth appreciating

  26. During a structured usability study of ecommerce prototypes for navigation behavior I explored a browsing dashboard featuring a href=”//jewelbrooktradecollective.shop/](https://jewelbrooktradecollective.shop/)” />Collective Trade Jewel Brook Space embedded within a catalog layout, – The layout is neatly arranged and feels comfortable to explore allowing users to move between sections easily without confusion or friction

  27. In the middle of reviewing property-related informational content, I found something that caught my attention explore listing page and it has a nice presentation that clearly explains what is being offered in a straightforward manner

  29. When analyzing modern retail systems built for structure and clarity, a strong example is Lakefront Frost Network Vault which maintains clean interface and everything is easy to navigate without effort, providing users with a calm, organized, and visually consistent interface throughout the site.

  30. While performing usability comparisons across multiple online marketplace systems, I reviewed interface structures and encountered Forest Hub Commerce Display which appeared well arranged – navigation felt consistent and content loading was fast across all sections.

  31. During my exploration of creative portfolio platforms and personal branding pages, I came across something within the text view portfolio page and it has a clean professional design that feels simple, elegant, and visually strong overall

  32. During a casual search for dining spots and interesting places to eat, I noticed something embedded in the middle of the content visit this place and it seems like a really great option that stood out and grabbed my attention immediately today

  33. While reviewing different football club and sports information pages, I noticed something embedded mid-content check this page and it is a football website offering engaging match information and team updates

  34. Organized indexing systems in studio environments help users scan through vendor data efficiently, ensuring that relevant information is easy to locate and interpret across different sections Forest Studio Organized Index supporting faster decision making and smoother browsing flow – the layout remains clean and user focused

  35. In the middle of exploring structured and clean website interfaces, I encountered something mid-content explore this page and it offers a smooth browsing experience, with a layout that feels organized, simple, and visually appealing

  36. Across various digital storefront evaluations emphasizing clarity and user experience, a notable example is Forest Frost Vendor Vault which ensures the design feels balanced and content is clearly organized, allowing users to navigate easily through a clean and structured layout.

  37. During a long and somewhat tiring search through various online stores, I eventually came across this seaside boutique page in the middle of my browsing, and I noticed right away that pages loaded fast and the design felt very simple to understand.

  38. While comparing various online storefront prototypes for usability and performance testing, I reviewed a structured product feed containing Ridge Lane Lemon Market within a catalog display, and the browsing experience felt stable and clean without running into any technical or visual problems while interacting with different sections – everything loaded properly and functioned as expected.

  39. As I was reviewing different document processing platforms and tools online, I found something embedded in the text visit document site and it is a useful document solutions platform that feels efficient and well organized overall

  40. During my search through various unique and conceptual websites, I found something within the text discover this idea and it turned out to be interesting, as I enjoyed going through multiple pages with ease

  43. During platform analysis, I found that streamlined vendor interfaces help reduce unnecessary complexity while improving access to structured information Trail Vendor Studio Access View allowing faster comprehension of listings – The system feels practical and well arranged, ensuring users can browse without feeling overwhelmed by excessive or scattered content

  44. While browsing through different informational project-based websites today, I came across something placed within the content visit this project page and it is informative and nicely structured, making it definitely worth checking out for anyone interested in well organized content

  46. During an evaluation of digital storefront prototypes focused on layout clarity and user experience testing, I navigated a category page featuring Lemon Ridge Summit Retail embedded within a product module, and – the interface felt intuitive and responsive, helping maintain a seamless browsing experience without any visual or functional disruptions.

  47. Покупал телефон онлайн и переживал как всё пройдёт но зря. Процесс заказа оказался простым сотрудники всё подтвердили быстро и были вежливы. Смартфон приехал без задержек новый и полностью рабочий. Магазин действительно заслуживает хорошего отзыва – купить телефон онлайн

  48. As I was going through different educational resources and articles, I found something embedded in the content check this out and it appears to be quite informative, making it a helpful resource for users

  49. During my exploration of political outreach and campaign information platforms, I found something within the text check this page and it is a campaign website explaining policies and vision in a clear and easy to understand way

  50. While testing ecommerce UI prototypes for usability and interface clarity I explored a product grid containing a href=”//jewelridgevendorvault.shop/](https://jewelridgevendorvault.shop/)” />Vendor Jewel Vault Ridge Studio embedded in a catalog module, – The layout remains clean and gives a calm browsing experience overall allowing users to browse content without distraction or unnecessary complexity

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>