[{"data":1,"prerenderedAt":165},["ShallowReactive",2],{"DefaultLayouten":3,"language-events-slug-perf-now-i18n-slugs":134,"language-events-slug-en-perf-now":135},{"app":4,"menu":31,"footer":66},{"githubUrl":5,"youtubeUrl":6,"linkedinUrl":7,"phoneNumber":8,"emailAddress":9,"legal":10,"addresses":20},"https:\u002F\u002Fgithub.com\u002Fvoorhoede\u002F","https:\u002F\u002Fwww.youtube.com\u002Fchannel\u002FUCzHuhQVYFRixtQN2-swcuGg","https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Fde-voorhoede","+31 20 2610 954","post@voorhoede.nl",[11,14,17],{"title":12,"value":13},"KvK","56017235",{"title":15,"value":16},"BTW","NL851944620B01",{"title":18,"value":19},"IBAN","NL14TRIO0320142078",[21,26],{"address":22,"city":23,"googleMapsLink":24,"postalCode":25},"Koivistokade 70","Amsterdam","https:\u002F\u002Fwww.google.com\u002Fmaps\u002Fplace\u002FDe+Voorhoede+%7C+Front-end+Development\u002F@52.396847,4.8700823,17z\u002Fdata=!3m1!4b1!4m5!3m4!1s0x47c5e21d502d2d59:0xbf570944a96ebf45!8m2!3d52.347647!4d4.8502154","1013 BB",{"address":27,"city":28,"googleMapsLink":29,"postalCode":30},"Koornmarkt 22","Delft","https:\u002F\u002Fwww.google.nl\u002Fmaps\u002Fplace\u002FKoornmarkt+22,+2611+EG+Delft\u002F@52.0093477,4.3573054,17z\u002F","2611 EG",{"title":32,"callToActions":33,"links":39},"Site Menu",[34],{"id":35,"title":36,"link":37},"163140902","Contact",{"__typename":38},"ContactRecord",[40,46,51,56,61],{"id":41,"title":42,"link":43},"163140904","Impact",{"__typename":44,"slug":45},"PageRecord","impact",{"id":47,"title":48,"link":49},"163140905","Services",{"__typename":50},"ServiceOverviewRecord",{"id":52,"title":53,"link":54},"163140906","Cases",{"__typename":55},"CaseOverviewRecord",{"id":57,"title":58,"link":59},"163140908","About us",{"__typename":44,"slug":60},"about-us",{"id":62,"title":63,"link":64},"d6WdFJq2SOuc3dWtpibbXQ","Work at",{"__typename":44,"slug":65},"work-at",{"links":67,"copyrightTitle":93,"copyrightLabel":94,"copyrightLink":95,"privacyTitle":96,"privacyLabel":97,"privacyLink":98,"certificatesGrid":99},[68,71,74,77,82,85,88],{"id":69,"title":42,"link":70},"144185264",{"__typename":44,"slug":45},{"id":72,"title":48,"link":73},"144185265",{"__typename":50},{"id":75,"title":53,"link":76},"144185266",{"__typename":55},{"id":78,"title":79,"link":80},"144185267","Blog",{"__typename":81},"BlogPostOverviewRecord",{"id":83,"title":58,"link":84},"144185268",{"__typename":44,"slug":60},{"id":86,"title":36,"link":87},"144185269",{"__typename":38},{"id":89,"title":90,"link":91},"144185270","FAQ",{"__typename":44,"slug":92},"faq","Creative Commons licence and disclaimer","CC BY 4.0","https:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby\u002F4.0\u002F","De Voorhoede privacy statement (pdf)","Privacy statement","https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1763455455-vh-isms-006-privacy-statement-de-voorhoede-en.pdf",[100,112,123],{"id":101,"image":102,"link":107},"Xq4bBfg_TZ6Fkjax9mkbLQ",{"url":103,"alt":104,"width":105,"height":106},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1687353463-b-corp-logo-black-rgb.png","B Corp logo",404,680,{"__typename":108,"id":109,"title":110,"url":111},"ExternalLinkRecord","fGW1ak8XQYaYDLkBSyncog","B Corp","https:\u002F\u002Fwww.bcorporation.net\u002Fen-us\u002Ffind-a-b-corp\u002Fcompany\u002Fde-voorhoede\u002F",{"id":113,"image":114,"link":119},"c5mCXRTiSraRIB25fw1p7Q",{"url":115,"alt":116,"width":117,"height":118},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1687353461-dda-boxlogo-black.png","Dutch Digital Agencies logo",627,480,{"__typename":108,"id":120,"title":121,"url":122},"P6Jh7B0cTv2cKyNEeKVWVQ","Dutch Digital Agencies","https:\u002F\u002Fdutchdigitalagencies.com\u002Fleden\u002Fde-voorhoede\u002F",{"id":124,"image":125,"link":129},"MT5SCyNxSTSr_v5eeATMZw",{"url":126,"alt":127,"width":128,"height":128},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1775730283-dnv.png","DNV logo",518,{"id":130,"title":131,"link":132},"BRtNB5HnT5i-7HkA8IYzBw","DIV",{"__typename":44,"slug":133},"impact\u002Fdigitale-producten-privacy-by-design",null,{"page":136},{"title":137,"slug":138,"social":139,"headerIllustration":134,"date":144,"url":145,"callToActionLabel":146,"image":147,"label":151,"eventIsOnline":153,"onlineEventUrl":154,"location":155,"price":160,"items":161},"Perf.now()","perf-now",{"title":140,"description":141,"image":142},"Front-end Forward Meetup: Perf.now() ","Speed is everything! On the eve of the performance.now() conference, we're getting into theme with a night of lightning fast lightning talks.\nThis meetup will be held at Kapitein Zeppos. ",{"url":143},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1571747379-meetup-delft-07-2019-4465.jpg","2019-11-20T19:30:00.000+01:00","https:\u002F\u002Fwww.meetup.com\u002Fnl-NL\u002FFront-end-Forward\u002Fevents\u002F263961681\u002F","I'm attending! ",{"url":143,"alt":148,"width":149,"height":150},"Man presenteert voor een groep mensen en wijst naar het scherm waarop mobiele screenshots te zien zijn",2000,1333,{"label":152},"Meet-up",false,"",{"name":156,"street":157,"postcode":158,"city":23,"countryCode":159},"Kapitein Zeppos","Gebed Zonder End 4-6","1012 HS","NL","0",[162],{"__typename":163,"title":154,"body":164},"TextSectionRecord","\u003Cp>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61\">Speed is everything! And it certainly is at this web performance themed meetup.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61\">On the eve of the performance.now() conference, we're getting into theme with a night of lightning fast lightning talks\u003C\u002Fspan>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61 s-lparen\"> \u003C\u002Fspan>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61 h-lparen\">(600sec\u003C\u002Fspan>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61\"> max).\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61\">This meetup will be held at Kapitein Zeppos\u003C\u002Fspan>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61 s-lparen\"> \u003C\u002Fspan>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61 h-lparen\">(5min\u003C\u002Fspan>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61\"> walk from the performance.now() venue). There will be plenty of time to socialise with fellow perfaholics.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp>\u003Cstrong>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61\">Progressive Enhancement & PWA by Kevin Farrugia\u003C\u002Fspan>\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp class=\"p1\">The definition of Progressive Web Apps is constantly evolving; according to the latest definition on Google Developers it should be Reliable, Fast & Engaging; for others it is understood to be a web application which makes use of service workers and the \"Add to Homescreen\" prompt. So what is the meaning of \"progressive\" and why is it important? \u003C\u002Fp>\n\u003Cp class=\"p1\">During the talk I will be presenting the technique of progressive enhancement and how it can be used to improve the performance of a web application. Through code example, we will compare the different methods to develop a PWA and compare and measure the differences.\u003C\u002Fp>\n\u003Cp class=\"p1\">The talk is targeted at JavaScript developers who have already developed a PWA and are looking to explore different techniques.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61\">Proactive Performance Budgets in a CI\u002FCD World by Alfredo Lopez\u003C\u002Fspan>\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61\">Continuous Delivery is a goal teams strive for. Merge a Pull Request and it goes live! On one side, it accelerates the release cycle, but on the other side it increases the ability to have a long term view of the impact a number of Pull Requests could have on Performance.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61\">In this talk, I will share the tooling and process changes we've implemented at Hearst to be proactive, and our plans for allowing us to answer the question:\u003C\u002Fspan>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61 s-quot\"> \u003C\u002Fspan>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61 h-quot\">\"What\u003C\u002Fspan>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61\"> would the performance impact be if multiple Pull Requests get released today?\".\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp class=\"p1\">\u003Cstrong>A real-world case study: How I aligned Web Performance and Business KPIs in 3 simple steps by Alla Gringaus\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp class=\"p1\">Traditionally, web performance has been an afterthought, but what happens when a website takes longer than expected to load? In 10 min, Alla will walk through how she improved a perceived performance of just one page and how it resulted in better user experience, increased conversion rates, better ranking on Google, reduced bounce rates, and a much more. \u003C\u002Fp>\n\u003Cp>\u003Cstrong>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61\">Mobile web applications can be performant too by Oleksandr Tryshchenko\u003C\u002Fspan>\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61\">Mobile web is growing incredibly fast; however, resource consumption of them is also snowballing. Teams often skip mobile testing pipeline and evaluate if the application works. In this talk, I'll share my experience in measuring and improving the performance of mobile SPA's. We will focus on takeaways you can bring into your codebase.\u003C\u002Fspan>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61\">\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp>\u003Cstrong>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61\">Introducing perf budgets on CI with Puppeteer by Önder Ceylan\u003C\u002Fspan>\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61\">Puppeteer is a node library which provides a high-level API to control Chrome. When combined with the power of DevTools protocol, Puppeteer can expose metrics for a specific web page on DOM nodes, JS event listeners, JS and CSS coverage. We'll see how those metrics can be used to introduce performance budgets per each indicator during the regression on CI after each change.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp>\u003Cstrong>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61\">I reviewed 100 perf-related webpack plugins so that you don’t have by Ivan Akulov\u003C\u002Fspan>\u003C\u002Fstrong>\u003Cstrong>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61\">\u003C\u002Fspan>\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61\">There’re almost 10 000 packages in npm that use the\u003C\u002Fspan>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61 s-ldquo\"> \u003C\u002Fspan>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61 h-ldquo\">“webpack”\u003C\u002Fspan>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61\"> keyword. However, most webpack configs I saw end up using just 10-20 modules, and only a few of those – typically all the same ones – are related to web performance. What an omission. In this talk, I’ll cover the most interesting performance-related plugins from the webpack ecosystem: from advanced minification to image compression to custom library hacks.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp>\u003Cstrong>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61\">Overcoming Imposture Syndrome by Paul Calvano\u003C\u002Fspan>\u003C\u002Fstrong>\u003Cstrong>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61\">\u003C\u002Fspan>\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61\">Imposture syndrome affects many of us in tech, but we don't talk about it nearly enough. And that's probably because of imposture syndrome as well. So let's change that! During this talk, Paul will talk about his journey in webperf and share some of the things that helped along the way.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp>\u003Cstrong>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61\">Things you didn't know you can do with the Chrome UX Report by Rick Viscomi\u003C\u002Fspan>\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61\">The Chrome UX Report is a web transparency dataset that enables anyone to see how websites perform in key areas of user experience: performance, interactivity, and layout stability. This talk will breeze through some of the dataset's hidden superpowers to give attendees an idea of the awesome insights into the state of the web that are possible.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp>\u003Cstrong>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61\">Smooth as Silk: A story of animating on the web with perf in mind by Priyanka Kore\u003C\u002Fspan>\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61\">Website users want a smooth and engaging experience. In this talk we'll learn how browser rendering works and how to manoeuvre DevTools to debug animation performance issues. There are optimal practices to bear in mind that are considerably overlooked. The main reason for this to happen is devs don't get a the picture why they exist and are so vigorously advocated. DevTools are gold mine of information, we are going to explore the features that help us build animations smooth as silk. \u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp>\u003Cstrong>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61\">Lab-testing JavaScript CPU costs at a component level by Stoyan Stefanov\u003C\u002Fspan>\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61\">\u003Cspan>Long gone are the days when network was the performance bottleneck. JavaScript seems to be the one to blame these days more often than not. Setting up continuous perf testing of the \"price\" of each JavaScript module\u002FReact component\u002Fetc is a must. And, equipped with a headless Chrome and desire to dig into trace files, it's not that hard to do.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fp>",1776256164325]