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

  6. Stackshine http://www.en.stackshine.io/ a SaaS cost management platform: subscription control usage transparency renewal tracking and employee offboarding. Optimize your budget and reduce unnecessary software costs.

  8. Уничтожение вредителей https://dezinfekciya-mcd.ru/unichtozhenie/otlov-zmej/ уничтожение бактерий вирусов и насекомых. Обработка квартир домов и коммерческих помещений. Безопасные препараты опытные специалисты и гарантия результата.

  11. Free online games http://www.poki.com.az/ play without downloading or registering. A large collection of games across various genres: action puzzles racing and strategy. Easily access from any device.

  17. Roblox Download delta roblox Download the game learn about Roblox Studio features and learn about security settings. Play create your own worlds and protect your account. A complete guide to installing playing and using the platform safely.

  18. Выгодно купить кварцевый песок для пескоструя – 100 очистка без забитых сопел Забудьте о засорах: очищайте металл в разы быстрее. Ваш аппарат скажет спасибо а результат поразит клиента. Купить кварцевый песок

  29. Нужен займ? оформить займы на карту онлайн оформление онлайн без справок и поручителей. Быстрое решение удобная подача заявки и получение денег на карту. Подберите выгодное предложение и получите средства в короткие сроки.

  31. Только свежие свежие новости свежие новости политики экономики общества и технологий. Актуальные события аналитика обзоры и мнения экспертов. Следите за главными новостями страны и мира онлайн в удобном формате каждый день.

  33. Строительные технологии https://universalstroi.su выгодные инвестиции в доступное жилье. Стабильный доход перспективные проекты и высокий спрос. Получайте прибыль от инновационных решений в строительстве.

  34. Монтажные работы https://montazhstroy.su услуги по установке инженерных систем и конструкций. Быстро качественно и с гарантией. Выполняем задачи любой сложности для частных и коммерческих объектов.

  36. сайт дизайн интерьера дизайнер квартиры москва

  38. Effektiver Guide akne behandlung leitfaden hilft bei der Bekampfung von Pickeln und Hautunreinheiten. Ursachen verstehen und Pflege optimieren. Mit dem Akne Behandlung Leitfaden finden Sie passende Losungen fur klare Haut.

  39. Открываешь кейсы KC? easydrop promo code актуальные бонусы и скидки для пользователей. Получайте выгодные предложения дополнительные возможности и экономьте при использовании сервиса. Все действующие промокоды в одном месте.

  41. Мгновенные микрокредиты на https://credit-world.ru – это удобный способ быстро получить деньги без лишних проверок и сложных условий. В каталоге доступно более 50 МФО где можно получить деньги практически каждому. Изучите доступные варианты подобрать подходящий займ и отправить анкету сразу в несколько МФО получив решение практически сразу.

  42. Office for rent https://rentofficetoday.com/en/ business premises in business centers and commercial buildings. Compare office for rent private office space for rent and offices to rent in prime locations. Find the best office rental solutions and rent office space that fits your business needs

  43. противопожарные двери https://dveri-ot-zavoda.ru с доставкой и профессиональной консультацией посмотрите актуальные решения для разных типов помещений.

  44. Сломалась машина? служба эвакуации и помощи на дороге техпомощь на дорогах СПб и Ленобласти: эвакуация подвоз топлива запуск двигателя вытаскивание авто — 24/7. Круглосуточная мобильная служба техпомощи в Санкт?Петербурге и Ленинградской области. Оказываем выездную помощь в любое время: эвакуируем авто подвозим топливо помогаем завести двигатель и вытаскиваем застрявшие машины.

  45. Универсальный флагманский безбумажный регистратор jumo logoscreen 700 для контроля температуры давления и других технологических параметров. Удобный интерфейс точные измерения и возможность интеграции в системы мониторинга.

  47. Нужен промокод? секретный код easydrop актуальные бонусы скидки и акции для пользователей. Используйте рабочие коды получайте дополнительные преимущества и экономьте при использовании сервиса. Все свежие предложения в одном месте.

  48. Нужна брендированная продукция? https://2ymedia.kz ваш надежный партнер в сфере брендинга в Алматы. Мы специализируемся на производстве сувенирной продукции с нанесением логотипа и корпоративной полиграфии. В нашем каталоге вы найдете всё для продвижения бренда: бизнес-сувениры промо-мерч текстиль и полиграфическую продукцию. Мы принимаем заказы оптом от 50 единиц что делает нас доступными как для крупного бизнеса так и для небольших компаний.

  49. Гранитные памятники https://allgranit.ru от производителя в Москве: надёжность и красота на века. Компания Allgranit предлагает гранитные памятники напрямую от производителя — без посредников переплат и долгих ожиданий. Мы создаём мемориалы которые сохраняют память о дорогих людях на долгие годы.

  50. Нужен ремонт? отделка квартиры под ключ под ключ быстро и качественно. Дизайн отделка электрика и сантехника. Гарантия на работы и прозрачная смета. Выполняем проекты любой сложности.

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>