Page load times can influence conversion rates and store profitability a lot. PWA is a magic keyword that can deliver fast page load times and happy customers that buy a lot. PWA was coming to Magento, there were several competing solutions, but we wanted to be the best and stand out. Being the most certified Magento agency in the world Scandiweb wanted to make something that is both compatible with default Magneto, but also easier to use and faster. So this is a story of looking at competitors and finding our niche as well as building on experience gained by creating solutions for the world’s top brands. The talk will share approaches investigated and selected and look into tips and tricks used to get out most of React, Webpack, Mobx and other cool frontend tools. There is also some GraphQl and aspects of integration with Magento.

1. First Load Optimization
@RaivisDejus

2. Load time = money

3. Load time == money

4. Load time === money

5. Code splitting

6. Code splitting
(load what you need)

7. Service Worker
precache

8. Listeners on load

9. Event on interaction

10. Defer below-the-fold

11. Defer
Hidden components

12. Defer
Minicart

13. Placeholder components

14. Defer
main menu items

15. Fake menu

16. SVG placeholders

17. Lazy dependencies

18. Lazy notification

19. After component load

20. SEO SSR

21. @RaivisDejus