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:

15,228 thoughts on “JSIO Performance Results”

  1. During my exploration of fashion websites I discovered a platform that highlights fresh fashion updates and modern style inspiration through clean design Style Fashion Update Hub – the platform feels intuitive and modern, guiding users to explore trends, discover fashion ideas and enjoy seamless browsing through a simple and organized online experience

  3. I spent the evening exploring shopping resources for trendy products before opening modern accessory guide – Everything appeared organized in a practical way, and the smooth navigation allowed products to be viewed comfortably without excessive banners or unrelated distractions online.

  5. While browsing for motivational reading material, I came across Daily Growth Confidence which offered structured content and smooth navigation that made browsing comfortable – I like how the platform feels fresh, inspiring, and consistently positive throughout all sections explored during my visit

  8. During my search for stylish interior decoration stores and wall art collections I included decor inspiration art hub in my notes – I found amazing wall art that arrived securely packaged and looked even more detailed and beautiful than online pictures showed.

  9. I happened to run into a page during my browsing session that felt quite useful, so I thought I would mention it here for others to explore growth insight page – the initial impression is good, with clear and helpful information that is simple to go through without confusion

  10. While exploring online retail websites, I came across Dream Finds Style Hub which presents products in a neat and modern interface that is easy to navigate – interesting products are displayed here and browsing felt smooth and surprisingly enjoyable today across all sections

  11. While exploring online collaboration hubs I found a helpful platform at connect growth community – the environment feels structured yet lively allowing users to connect discover valuable information and grow together through consistent interaction and shared participation across different topics

  12. Users who frequently browse fashion sites often look for inspiration that combines affordability with modern style trends, and a commonly mentioned example is Urban Fashion Studio which is often explained as a platform delivering stylish clothing options and curated outfit ideas suitable for everyday fashion needs and seasonal updates.

  15. Продажа медицинской техники https://techmed.kz и оборудования в Алматы от компании Adamant Group — это сертифицированные УЗИ-сканеры физиотерапевтические лабораторные и хирургические аппараты от надёжных производителей. Работаем с 2004 года предлагаем сервис установку и гарантию на всё оборудование. Медицинские аппараты с доставкой по Казахстану — оперативно отгружаем в любую точку страны помогаем с подбором под задачи вашей клиники.

  18. During routine internet exploration users frequently follow indirect links within informational content that lead them toward helpful discovery tools and along the way they encounter EasyExploreSite – A minimal and intuitive platform built to help visitors quickly find interesting resources without unnecessary complexity or confusion.

  20. Online shoppers often prefer platforms that eliminate unnecessary steps and allow instant access to products they want while maintaining clarity and structure instant buy portal – this site appears lightweight, well organized, and focused on speed, helping users move through categories without delays or confusion during browsing sessions.

  21. While checking online shopping platforms I came across a website that provides a bright and clean shopping environment with attractive product displays Everyday Shine Cart – the experience feels simple and visually engaging helping users navigate easily while enjoying a smooth and pleasant online shopping experience with well organized products today

  22. Students seeking flexible learning environments often benefit from curated digital platforms that streamline information delivery and simplify concept building LearnHub Today offering structured guidance that supports steady progress – This type of educational layout encourages learners to stay engaged while gradually improving their understanding through consistent exposure.

  25. While checking motivational websites I came across a platform that inspires users to begin something new, take action, and build a better future through consistency Start Growth Hub – the website feels encouraging and practical, guiding users to launch ideas, stay committed and develop strong habits for continuous improvement

  26. Shoppers who appreciate refined aesthetics often look for online stores that combine simplicity with elegance, and while browsing curated selections they may discover elegant style outlet hub – the platform feels polished, well arranged, and visually appealing, making product discovery smooth, organized, and enjoyable for users who value clean presentation in their shopping experience overall.

  27. Many online shoppers interested in fashion trends enjoy platforms with organized layouts and visually balanced product sections, and fashion trend corner – offers a polished browsing experience that highlights stylish items effectively while making navigation feel smooth and easy to follow for users.

  28. While exploring online investment platforms and guides, I eventually found smart finance corner – The website felt clean and structured, and the navigation was simple because everything was organized without distracting visuals or cluttered sections slowing down browsing online.

  29. Нужен керамзит? https://l-keramzit.ru/ качественный керамзит различных фракций для утепления дренажа и производства легкого бетона. Доступны оптовые поставки удобная упаковка и доставка на объект.

  30. Users often appreciate digital platforms that maintain transparency in product listings and checkout processes, ensuring that every interaction feels clear, simple, and trustworthy from start to finish in online shopping clearpurchasezone – It highlights a professional shopping environment where customers can move through categories easily while enjoying a secure and straightforward experience designed to build confidence in every transaction

  31. Some websites quickly lose appeal, although learning idea portal provides several interesting insights that keep browsing engaging, making it worth revisiting later when searching for inspiration and useful educational content online.

  32. Website visitors and researchers often prioritize platforms that offer organized content and easy-to-follow navigation patterns for better usability outcomes overall official BrandVision resource – the platform structure is designed to reduce confusion, and BrandVision helps users access relevant information efficiently across multiple sections quickly.

  33. During my search for curated shopping websites, I discovered Best Corner Finds Hub which offers a modern interface and organized categories that improve usability – nice collection available and I liked the layout along with simple navigation that makes the experience pleasant

  34. While checking out various online collaboration tools and teamwork platforms, I noticed a site that felt very minimal and well structured at first glance team innovation hub – the website feels interesting with a clean layout and simple usability that makes navigation quite comfortable

  35. While browsing motivational websites I discovered a platform that emphasizes inspiring users to start their journey toward meaningful goals and personal growth New Journey Inspiration – the experience encourages users to take action today through uplifting content that supports positive change and helps build direction in life through simple and engaging guidance online

  36. During casual exploration of online lifestyle resources, I found Unique Living Ideas Hub which provides a visually clean and structured layout that improves browsing experience – the website feels nice overall and category browsing is smooth, visually appealing, and easy to use

  37. особняк милф ради всего человечества смотреть онлайн

  38. I spent some time exploring different value-focused shopping websites before discovering daily value hub – The website felt nice overall, and the content appeared updated and easy to browse, with categories organized clearly so finding products was simple and convenient without confusion online.

  42. While comparing digital shopping platforms with responsive mobile design I worked in global product range hub naturally – the variety of items is strong and the navigation works smoothly on mobile devices making the shopping experience feel modern and efficient.

  45. Self development websites frequently use embedded references to enhance readability and engagement and one such example is inner direction system placed naturally within informational content – This helps create a smoother reading experience that encourages users to reflect on their life choices more thoughtfully.

  50. While checking self development resources I came across a website that helps users grow confidence and adopt a positive mindset through simple structured content Confidence Growth Path Hub – the experience feels motivating and clear, guiding users to build habits, improve mindset and follow easy growth ideas through a smooth online environment

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>