Performance Newsletter RESOURCES # Front-end Performance Checklist for 2018

Smashing Magazine is continuing their performance advocacy with an incredibly comprehensive and detailed checklist. From planning, choosing the right metrics to build, asset and delivery optimisations. 

It’s an excellent resource outlining multiple strategies, tooling options and research done by multiple performance specialists. Also available in PDF or Apple Pages! 📃

[Front-End Performance Checklist 2018](https://www.smashingmagazine.com/2018/01/front-end-performance-checklist-2018-pdf-pages/)

OPEN SOURCE # Numerous performance updates to Webpack

The upcoming Webpack 4.0 stable release will also include numerous performance improvements such as safely removing re-exports, JSON support, tree-shaking and much more!

Moreover, thanks to [Sam Saccone](https://github.com/webpack/webpack/pull/6257), both Webpack core team and plugin authors to easily profile their code from within the regular build flow. Wonderful work, folks. 👏🏻 

[Webpack 4 beta](https://medium.com/webpack/webpack-4-beta-try-it-today-6b1d27d7d7e2)

RESOURCES # Performance-oriented features land in Safari

Safari 11.1 lands with a few critical updates we’ve been waiting for, namely Service Workers, font-display property, image decode API for async and synchronous image loading as well as Beacon API for non-blocking requests.

And that’s not even all, whew! 🚀

[Safari 11.1 release notes](https://developer.apple.com/library/content/releasenotes/General/WhatsNewInSafari/Articles/Safari_11_1.html#//apple_ref/doc/uid/TP40014305-CH14-SW1)

RESOURCES # On-demand image loading with custom elements Another interesting demonstration from [Monica Dinculescu](https://twitter.com/notwaldorf?lang=en)—a custom **** element that only loads imagery on-demand or when it’s within the user’s viewport, thanks to an [IntersectionObserver](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) (unfortunately, only available in Chrome, Edge and Firefox Nightly at the moment). 🖼

[Lazy image demonstration](https://meowni.ca/lazy-image/)

EVENTS # #PerfMatters Conference

There aren’t many performance-oriented events out there. #PerfMatters is going to take place in Redwood City, California on March 27-28, 2018 and features [a fantastic lineup of speakers and talks](https://perfmattersconf.com/talks/).

Additionally, [there’s discounted pricing](https://perfmattersconf.com/talks/#reg) on workshop and event passes for members of underrepresented groups. 💖

[#PerfMatters Conference](https://perfmattersconf.com/)

PRESENTATION # Code splitting patterns in Vue.js

[Sean Larkin](https://twitter.com/TheLarkInn), a core maintainer of Webpack, talks about all the possible ways of splitting Vue applications. If Vue is your tool of choice, this talk is an invaluable resource.

Don’t fancy videos? [Slides available here](https://docs.google.com/presentation/d/1KA2lQwdCjTEwEZX5EUvXOexzCUdPlHilsJpXK_RASMg/edit#slide=id.g1e68568439_0_6). 

[Code splitting patterns in Vue.js](https://www.youtube.com/watch?v=rn97hCNQsKI&feature=youtu.be)

SPREAD THE WORD ABOUT PERF.EMAIL We'd love to see more people reading [perf.email](https://perf.email/), so if you'd like to help—forward this email to a friend, tweet, or shout from a rooftop. It really does go a long way, please share it. ✌🏻
BROUGHT TO YOU BY
** ♠︎ Calibre** — Let’s make the web fast for everyone.