Techniques for Improving Your Front-end App’s Performance

<p>These days, people simply do not have patience for slow websites &mdash; the&nbsp;<a href="https://www.creativebloq.com/features/how-the-bbc-builds-websites-that-scale" rel="noopener ugc nofollow" target="_blank">BBC found</a>&nbsp;that it lost an additional 10% of users for every second its site took to load. And as we know, unhappy users equals lost revenue and diminished brand reputation. Also, today&nbsp;<a href="https://www.statista.com/statistics/277125/share-of-website-traffic-coming-from-mobile-devices/" rel="noopener ugc nofollow" target="_blank">about half of web traffic</a>&nbsp;worldwide comes from mobile devices, where pages inherently load slower. Luckily, there are many strategies to diagnose and resolve performance issues. On a recent internal project with Slalom Build, we made use of some handy tools to remove unused JavaScript and compress images, which significantly sped up our page loads.</p> <p><img alt="" src="https://miro.medium.com/v2/resize:fit:630/1*deiqZ4-nRdu2nTMrnm6moA.jpeg" style="height:467px; width:700px" /></p> <h1>Using Lighthouse to Identify Performance Issues</h1> <p>In order to understand the drivers of performance issues on our project, we used the&nbsp;<a href="https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk" rel="noopener ugc nofollow" target="_blank">Google Lighthouse</a>&nbsp;performance scoring tool. When we ran the report, this was the initial result</p> <p><a href="https://medium.com/slalom-build/techniques-for-improving-your-front-end-apps-performance-8fec1af5991f">Visit Now</a></p>