The first (of two) 45-minute session dealt with app optimization, focusing on code splitting as one of the means to speed up web apps. The idea of code splitting is to send to the browser only those parts of the code that are needed to load the UI part the user is focused on. Developers need to be careful with the size of the libraries they are using and need to include some of the performance budget tools to prevent the deployment of js files that are larger than the targeted value. Currently, developers are struggling with monolithic libraries, such as MomentJS, which have to be fully included, unlike RxJS which allows including just the needed parts.
The conclusion was to be careful with what is imported and to import only when necessary. Potentially, one of the solutions would be to use web workers and move the logic inside them while the rendering is kept in the main thread, but this is still experimental. Optimization of assets was also discussed and it was agreed that the best to use were the SVG image format, the CDN, next-gen image formats, pushing with https 2, gzip resources, etc.
Based on the participants’ reactions and the level of involvement in the discussions, the roundtable proved to be an excellent format with the engineers debating and sharing their experiences rather than just offering one-directional presentations on their personal achievements.