Loading
Created by:measureworksmeasureworks
{"id":366045,"type":0,"block_id":"4beae4e52758a0ca9813359169029153982e3058","theme_id":29,"user_id":139200,"path":"4beae4e52758-0588","title":"Twinkle100 web performance","pubtitle":"Twinkle100 web performance","tags":"","public":true,"publicAccess":true,"private_link_enabled":0,"thumb":"https://s3-eu-west-1.amazonaws.com/infogram-thumbs-200/4beae4e52758a0ca9813359169029153982e3058.jpg","width":550,"copyright":"Copyright MeasureWorks 2012","properties":{"transparent":false,"rtl":false,"export_settings":{"showGrid":true,"showValues":true},"whitelabel":false,"embed_button":"enabled","title_link":"infogram","custom_logo":"infogram","custom_link_url":"","embed_button_text":"Share","decimal_separator":".,"},"elements":[{"type":"particle","particle_id":11357260,"object_id":"bc963ab1-e9e7-11e4-a037-7b5f270fdca9","particle_type":"maintitle","picture":null,"text":"Twinkle100 web performance","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":331196,"object_id":"5555e73801f53fa5600d5389d4199dd6ad8fd0b1","particle_type":"quote","picture":"","text":"Overview 2012","content_type":"","title":"by MeasureWorks","shrink":null},{"type":"particle","particle_id":331236,"object_id":"MeasureWorks1353428093","particle_type":"image","picture":"http://s3-eu-west-1.amazonaws.com/infogram-particles-700/MeasureWorks1353428093.jpg"},{"type":"particle","particle_id":331105,"object_id":"MeasureWorks1353428174","particle_type":"bodytext","picture":null,"text":"For the third year in a row MeasureWorks researched the web performance as experienced by online consumers when visiting a homepage of the Dutch top 100 retail websites (Twinkle100). \n","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":333646,"object_id":"MeasureWorks1353512874","particle_type":"bodytext","picture":null,"text":"This infographic provides an overview of the performance delivered by the Twinkle100 companies and breaks it down into several components attributing to site speed, thus creating a complete overview of the state of web performance in the Netherlands.","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":371552,"object_id":"MeasureWorks1354527074","particle_type":"bodytitle","picture":null,"text":"Every second counts!","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":371554,"object_id":"MeasureWorks1354527130","particle_type":"bodytext","picture":null,"text":"A fast website leads to more pages viewed, satisfied visitors and ultimately higher conversion rates. Performance is therefore not a feature, but an important requirement for every site owner. In a blink of an eye, a visitor can decide to click way. Continuous performance issues can influence your brand’s online image. ","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":334435,"object_id":"MeasureWorks1354527491","particle_type":"bodytitle","picture":null,"text":"Tweets about bad performance","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":371586,"object_id":"MeasureWorks1354528021","particle_type":"bodytext","picture":null,"text":"Performance is an important indicator of any user experience. Social media mentions are not only a great way to interact with your audience, but also a great way for monitoring how your website’s performance is perceived.","content_type":"","title":null,"shrink":null},{"type":"chart","chart_id":580104,"object_id":"MeasureWorks_1354527317","chart_type_nr":17,"data":[[["Social Mentions","100%"],["Positive","88%"],["Negative","12%"]]],"custom":{"height":"200","legacyTransposeDone":true,"switchRowsColumns":true},"colors":["#77c300","#cc3635","#286b7b","#f2b036","#b02c20","#307d99","#f28a35","#852b33","#41a3c6","#ea594e","#60284f","#53cae8","#ffe670","#da6f6e","#4c7b86","#ffca68","#ba5c53","#498ca4","#ffa760","#844a4f","#5aacc9","#ff9088","#6f4a64","#8cd7ea"],"dimensions":[],"modifier":0,"sheetnames":[],"sheets_settings":[]},{"type":"particle","particle_id":333271,"object_id":"MeasureWorks1353502168","particle_type":"bodytitle","picture":null,"text":"Page load times","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":334504,"object_id":"MeasureWorks1353512946","particle_type":"bodytext","picture":null,"text":"This table shows the top 10 websites with the fastest load times and the Bottom 10. The fastest website in the Retail100 is HM.com with a page load time of 1.38 seconds, compared to thuisapotheek.nl that closes the Retail100 with a page load time of 10.38 seconds. ","content_type":"","title":null,"shrink":null},{"type":"chart","chart_id":521272,"object_id":"MeasureWorks_1353500885","chart_type_nr":19,"data":[[["Top 10 fastest sites","hm.com","kpn.com","ibood.com","dolcis.nl","paylogictickets.nl","webwinkel.ah.nl","gsmweb.nl","wehkamp.nl","budgethouse.nl","123inkt.nl"],["0-2 seconds","x","x"],["2-2,5 seconds","","","x","x","x","x","x"],["2,5-3 seconds","","","","","","","","x","x","x"]],[["Bottom 10","mediamarkt.nl","zalando.nl","large.nl","just-eat.nl","jeansonline.nl","gsmwijzer.nl","sanitairwinkel.nl","menatwork.nl","score.nl","thuisapotheek.nl"],["6-7 seconds","x","x","x","x","x","x"],["7-9 seconds","","","","","","","x","x","x"],["10 seconds","","","","","","","","","","x"]]],"custom":{"height":"350"},"colors":["#ff414d","#cc3635","#286b7b","#f2b036","#b02c20","#307d99","#f28a35","#852b33","#41a3c6","#ea594e","#60284f","#53cae8","#ffe670","#da6f6e","#4c7b86","#ffca68","#ba5c53","#498ca4","#ffa760","#844a4f","#5aacc9","#ff9088","#6f4a64","#8cd7ea"],"dimensions":[],"modifier":0,"sheetnames":[],"sheets_settings":[]},{"type":"particle","particle_id":333946,"object_id":"MeasureWorks1353500601","particle_type":"bodytitle","picture":null,"text":"First view vs repeat view","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":333953,"object_id":"MeasureWorks1353500734","particle_type":"bodytext","picture":null,"text":"The first view represents what a first-time visitor to the page will experience. This means that all content is served to the browser as new content. With the repeat view, for returning customers, you are able to create a faster experience because several elements can be cached locally in the browser cache. ","content_type":"","title":null,"shrink":null},{"type":"chart","chart_id":521244,"object_id":"MeasureWorks_1353500642","chart_type_nr":4,"data":[[["Load time","5"],["First view","4,57 seconds"],["Repeat view","2,73 seconds"]]],"custom":{"height":"305"},"colors":["#ff414d","#77c300","#286b7b","#f2b036","#b02c20","#307d99","#f28a35","#852b33","#41a3c6","#ea594e","#60284f","#53cae8","#ffe670","#da6f6e","#4c7b86","#ffca68","#ba5c53","#498ca4","#ffa760","#844a4f","#5aacc9","#ff9088","#6f4a64","#8cd7ea"],"dimensions":[],"modifier":0,"sheetnames":[],"sheets_settings":[]},{"type":"particle","particle_id":333769,"object_id":"MeasureWorks1353503157","particle_type":"bodytitle","picture":null,"text":"Objects per page","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":334039,"object_id":"MeasureWorks1353503462","particle_type":"bodytext","picture":null,"text":"To understand why a page loads in a certain time, we need to look at the composition of each individual web page. As each page consists of several page objects such as images, JavaScript and CSS files. The more objects, the more time it will take to compose the webpage itself. The average page size is 1072kb.","content_type":"","title":null,"shrink":null},{"type":"chart","chart_id":521384,"object_id":"MeasureWorks_1353503189","chart_type_nr":2,"data":[[["Objects (kb)","87"],["HTML","4%"],["CSS","5"],["Javascript","13"],["Images","57"]]],"custom":{"height":"300"},"colors":["#ffc700","#77c300","#339bd6","#ff414d","#b02c20","#307d99","#f28a35","#852b33","#41a3c6","#ea594e","#60284f","#53cae8","#ffe670","#da6f6e","#4c7b86","#ffca68","#ba5c53","#498ca4","#ffa760","#844a4f","#5aacc9","#ff9088","#6f4a64","#8cd7ea"],"dimensions":[],"modifier":0,"sheetnames":[],"sheets_settings":[]},{"type":"particle","particle_id":305215,"object_id":"MeasureWorks1353512096","particle_type":"bodytitle","picture":null,"text":"Trends: 2011 vs 2012","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":334526,"object_id":"MeasureWorks1353513200","particle_type":"bodytext","picture":null,"text":"The overall performance in 2012 is 9% down compared to 2011. After reviewing the performance of the Retail100 the general conclusion is that we are slowing down. Pages are getting bigger with more content and more third parties being used. This results in slower webpages.","content_type":"","title":null,"shrink":null},{"type":"chart","chart_id":522062,"object_id":"MeasureWorks_1353512169","chart_type_nr":1,"data":[[["Trending","Speed (sec)","Size (kb)","Objects (#)","3rd party (#)"],["2011","3,4 seconds","1025 kb","88 objects","19 3rd party scripts"],["2012","3,9 seconds","1150 kb","92 objects","24 3rd party scripts"]]],"custom":{"height":"302"},"colors":[],"dimensions":[],"modifier":0,"sheetnames":[],"sheets_settings":[]},{"type":"particle","particle_id":334223,"object_id":"MeasureWorks1353512112","particle_type":"bodytext","picture":null,"text":"More info: http://slidesha.re/XBxV3B","content_type":"","title":null,"shrink":null}],"theme":{"createdAt":"2016-04-22T04:54:07.000Z","updatedAt":"2016-12-28T10:33:06.000Z","logoImages":[""],"charts":{"wordcloud":{"labels":{"fontWeight":"700","fontFamily":"Arial"}},"treemap":{"labels":{"value":{"fontFamily":"PT Sans Narrow"},"name":{"fontWeight":"700","fontFamily":"PT Sans Narrow"}}},"table":{"cellBackground":"#ffffff","headerBackground":"#eeeeee","cellColor":"#444444","headerColor":"#444444","shapeFill":"307d99"}},"color":{"bg":"#ffffff","text":"#000000","chart":{"bg":"transparent","text":"#767676"},"element":{"bg":"transparent","text":"#000000"}},"colorPresets":[],"localFonts":[],"font":{"common":{"fontFamily":"PT Sans Narrow","fontWeight":"400","fontStyle":"normal","fontSize":"16","textAlign":"initial"},"legend":{"fontSize":"16","fontWeight":"400"},"label":{"fontSize":16,"fontWeight":400}},"fontPresets":[],"fontFamilies":["PT Sans Narrow","PT Sans","Open Sans"],"id":29,"title":"infogr.am default","usergroup":"archived","picture":"https://d1m5pq7b4fzvad.cloudfront.net/29/thumbnail.png","thumb":"/i/templates/S/infogram.png","order":16,"public":0,"width":550,"fonts":"PT+Sans:400,700;PT+Sans+Narrow","colors":["#ffd200","#cc3635","#286b7b","#f2b036","#b02c20","#307d99","#f28a35","#852b33","#41a3c6","#ea594e","#60284f","#53cae8","#ffe670","#da6f6e","#4c7b86","#ffca68","#ba5c53","#498ca4","#ffa760","#844a4f","#5aacc9","#ff9088","#6f4a64","#8cd7ea"],"logocolor":"d51a1a","logoUrl":"","showLogo":"","showEmbed":"","embedButtonText":"Share","top":0,"padding":20,"spacing":20,"shrinkMargin":20,"shrinkPadding":20,"spacingElementMin":null,"spacingElementMax":null,"css":".igc-textual-figure {\n\tfont-size: 45px;\n}\n.igc-sheets .igc-sheet .igc-sheet-ico,\n.igc-sheets .igc-sheet:hover .igc-sheet-ico {\n\tborder-color: #7d7d7d;\n}\n.igc-sheets .igc-sheet .igc-sheet-label,\n.igc-sheets .igc-sheet:hover .igc-sheet-label,\n.igc-sheets .igc-sheet.active .igc-sheet-label {\n\tcolor: #7d7d7d;\n}\n.igc-sheet .igc-sheet-ico,\n.igc-sheet.active .igc-sheet-ico {\n\tbackground: transparent;\n}\n.igc-sheets .igc-sheet.active .igc-sheet-ico::after,\n.igc-sheets .igc-sheet:hover .igc-sheet-ico::after {\n\theight: 14px;\n\twidth: 14px;\n\tleft: 2px;\n\ttop: 2px;\n\tbackground: #7d7d7d;\n}\n.heatmap-legend-item {\n\tcolor: #000 !important;\n}\n.igc-table .igc-table-cell {\n\tfont-size: 16px;\n\tfont-family: PT Sans Narrow;\n\tfont-weight: 700;\n}\n.igc-table .igc-table-header {\n\tfont-size: 16px;\n\tfont-family: PT Sans Narrow;\n\tfont-weight: 700;\n}\n.igc-table-scroll {\n\tbackground: #eee;\n}\n.ig-container {\n\tbackground: white;\n}\n.headline {\n\tfont-family: PT Sans;\n\tfont-weight: 700;\n\tfont-size: 48px;\n\tline-height: 60px;\n\tcolor: #000000;\n}\n.chart-title {\n\tfont-family: PT Sans;\n\tfont-weight: 700;\n\tborder-bottom: 2px solid #313131;\n\tfont-size: 36px;\n\tcolor: #313131;\n}\ndiv.quoted,\ndiv.body-text,\ndiv.picture,\ndiv.video,\n.chart,\n.chart > .inner {\n\tpadding-left: 20px;\n\tpadding-right: 20px;\n}\n.shrink .chart > .inner {\n\tpadding-left: 10px;\n\tpadding-right: 10px;\n}\n.shrink .chart,\n.shrink .headline,\n.shrink .bodytext,\n.shrink div.quoted,\n.shrink div.body-text,\n.shrink div.picture,\n.shrink div.video {\n\tpadding-left: 0;\n\tpadding-right: 0;\n}\n.zeropadding div.quoted,\n.zeropadding div.body-text,\n.zeropadding div.picture,\n.zeropadding div.video,\n.zeropadding .chart,\n.zeropadding .chart > .inner {\n\tpadding-left: 0px;\n\tpadding-right: 0px;\n}\ndiv[id^='table_'] > .inner {\n\tpadding-left: 0 !important;\n\tpadding-right: 0 !important;\n}\n.bodytext {\n\tfont-family: PT Sans;\n\tfont-weight: 400;\n\ttext-align: justify;\n\tcolor: #494949;\n\tfont-size: 16px;\n}\n.quote {\n\tpadding-top: 50px;\n\tbackground: url(/i/templates/29/quote.png) 50% 0% no-repeat;\n\tfont-family: PT Sans;\n\tfont-weight: 700;\n\tfont-size: 30px;\n\tcolor: #313131;\n\tpadding-bottom: 15px;\n\tborder-bottom: 1px solid #000;\n}\n.quotetitle {\n\tfont-weight: 400;\n}\n.ig-copyright {\n\tcolor: #4e4e4e;\n\ttop: 0!important;\n}\n#madewith a,\n#madewith a:link,\n#madewith a:hover,\n#madewith a:visited,\n#madewith a:active {\n\tcolor: #4e4e4e !important;\n}\n#madewith.active a:hover,\n.headline.active:hover {\n\tcolor: #cc3635 !important;\n}\n.titlepopup1,\n.titlepopup2 {\n\tborder-color: #cc3635;\n}\n.headline a {\n\tcolor: #cc3535;\n}\n.ig-separator-line {\n\tbackground: rgba(118, 118, 118, 0.5);\n}\n.heatmap-legend {\n\tbackground: rgba(255, 255, 255, 0.7);\n}\n.heatmap-legend-item,\n.heatmap-label {\n\tcolor: #6c6c6c;\n\tfont-size: 12px;\n\tfont-size: 11px;\n\tfont-weight: 500;\n\tfont-family: Open Sans;\n\tfont-family: PT Sans;\n}\n.igc-graph-pie-piece {\n\tstroke: rgba(255, 255, 255, 0.7);\n}\n.igc-tabs .igc-tab-active {\n background: #ffffff;\n }\n .igc-tabs .igc-tab .igc-tab-content,\n .igc-tabs .igc-tab.icon-down:after {\n font-family: PT Sans Narrow;\n color: #000000;\n font-weight: 400;\n }\n .igc-tabs .igc-tab,\n .igc-tab-switcher {\n color: #000000;\n } .igc-tabs.igc-tabs-dropdown .igc-tab-name {\n font-family: PT Sans Narrow;\n color: #000000;\n font-weight: 400;\n } .captiontext {font-family: PT Sans Narrow;color: #000000;font-weight: 400;} .captiontext .innertext {line-height: 1.5;}","chartOptions":{"pictobar":{"fill":"cc3635","shapeStyleEmpty":{"fill":"#e1e1e1"}},"progress":{"backgroundInactive":{"fill":"#e1e1e1"}},"candle":{"blankfill":"url(https://cdn.jifo.co/i/templates/29/chart-background.png)"},"waterfall":{"colors":"206b79 ffd145 d13439"},"map":{"showLegend":false,"countryyStroke":"#e1e1e1","countryFill":"#e1e1e1","canvasFill":"transparent"},"common":{"legendOptions":{"font-size":16,"font-family":"PT Sans Narrow"},"backgroundStyle":{"stroke-opacity":0,"stroke-width":0},"_gridOptions":{"marginLineStyle":{"stroke-width":0,"stroke":"transparent"},"fontStyle":{}},"tooltipOptions":{"nameFontStyle":{"font-family":"PT Sans Narrow","text-anchor":"start","font-weight":700,"font-size":16,"fill":"#ffffff"},"valueFontStyle":{"font-family":"PT Sans Narrow","text-anchor":"start","font-size":16,"fill":"#fff"},"containerStyle":{"stroke":"#464646","fill":"#464646"}}}},"version":1,"archived":true,"tabs":false,"zeroPaddingEmbed":true,"created_at":"2016-04-22T04:54:07.000Z","updated_at":"2016-12-28T10:33:06.000Z"},"embed":"<script id=\"infogram_0_4beae4e52758-0588\" title=\"Twinkle100 web performance\" src=\"//e.infogr.am/js/dist/embed.js?Cu4\" type=\"text/javascript\"></script><div style=\"padding:8px 0;font-family:Arial!important;font-size:13px!important;line-height:15px!important;text-align:center;border-top:1px solid #dadada;margin:0 30px\"><a href=\"https://infogr.am/4beae4e52758-0588\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Twinkle100 web performance</a><br><a href=\"https://infogr.am\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Create your own infographics</a></div>","embedIframe":"<iframe src=\"//e.infogr.am/4beae4e52758-0588?src=embed\" title=\"Twinkle100 web performance\" width=\"550\" height=\"\" scrolling=\"no\" frameborder=\"0\" style=\"border:none;\"></iframe><div style=\"padding:8px 0;font-family:Arial!important;font-size:13px!important;line-height:15px!important;text-align:center;border-top:1px solid #dadada;margin:0 30px\"><a href=\"https://infogr.am/4beae4e52758-0588\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Twinkle100 web performance</a><br><a href=\"https://infogr.am\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Create your own infographics</a></div>","embedWordpress":"[infogram id=\"4beae4e52758-0588\" prefix=\"kZd\" format=\"interactive\" title=\"Twinkle100 web performance\"]","embedWordpressImage":"[infogram id=\"4beae4e52758-0588\" prefix=\"obl\" format=\"image\" title=\"Twinkle100 web performance\"]","embedAsync":"<div class=\"infogram-embed\" data-id=\"4beae4e52758-0588\" data-type=\"interactive\" data-title=\"Twinkle100 web performance\"></div><script>!function(e,t,n,s){var i=\"InfogramEmbeds\",o=e.getElementsByTagName(t),d=o[0],a=/^http:/.test(e.location)?\"http:\":\"https:\";if(/^\\/{2}/.test(s)&&(s=a+s),window[i]&&window[i].initialized)window[i].process&&window[i].process();else if(!e.getElementById(n)){var r=e.createElement(t);r.async=1,r.id=n,r.src=s,d.parentNode.insertBefore(r,d)}}(document,\"script\",\"infogram-async\",\"//e.infogr.am/js/dist/embed-loader-min.js\");</script><div style=\"padding:8px 0;font-family:Arial!important;font-size:13px!important;line-height:15px!important;text-align:center;border-top:1px solid #dadada;margin:0 30px\"><a href=\"https://infogr.am/4beae4e52758-0588\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Twinkle100 web performance</a><br><a href=\"https://infogr.am\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Create your own infographics</a></div>","embedImageAsync":"<div class=\"infogram-embed\" data-id=\"4beae4e52758-0588\" data-type=\"image\" data-title=\"Twinkle100 web performance\"></div><script>!function(e,t,n,s){var i=\"InfogramEmbeds\",o=e.getElementsByTagName(t),d=o[0],a=/^http:/.test(e.location)?\"http:\":\"https:\";if(/^\\/{2}/.test(s)&&(s=a+s),window[i]&&window[i].initialized)window[i].process&&window[i].process();else if(!e.getElementById(n)){var r=e.createElement(t);r.async=1,r.id=n,r.src=s,d.parentNode.insertBefore(r,d)}}(document,\"script\",\"infogram-async\",\"//e.infogr.am/js/dist/embed-loader-min.js\");</script><div style=\"padding:8px 0;font-family:Arial!important;font-size:13px!important;line-height:15px!important;text-align:center;border-top:1px solid #dadada;margin:0 30px\"><a href=\"https://infogr.am/4beae4e52758-0588\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Twinkle100 web performance</a><br><a href=\"https://infogr.am\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Create your own infographics</a></div>"}