# Page Loading Performance Strategies


- Presented on: 18-Aug-2018
- Event: ReactFoo Delhi
- Locations: India, New Delhi
- Slides: <iframe class="speakerdeck-iframe" style="border: 0px none; background: rgba(0, 0, 0, 0.1) padding-box; margin: 0px; padding: 0px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 40px; width: 100%; height: auto; aspect-ratio: 560 / 314;" src="https://speakerdeck.com/player/94118181b3e94135be80c595c54eb435" title="Page Loading Performance Strategies" allowfullscreen="true" data-ratio="1.78343949044586" frameborder="0"></iframe>
- Tags: Performance, Web Development
- URL: https://miranj.in/blog/2018/page-loading-performance-strategies


Performance on the web isn’t a simple switch that can be flipped on, but a vast, multi-layered subject. Page loading speed is one of the layers that has received a fair bit of attention recently thanks to tools like [PageSpeed Insights][1] and [WebPageTest][wpt]. While these profilers serve as great checklists to measure our sites against, their recommendations can often be difficult to incorporate or grasp fully.

In this talk, [presented originally at the Delhi 2018 edition of ReactFoo][4], I examine and demystify modern front-end page loading best practises. For each performance strategy, we break down the why and how. We go through the principles on which these loading strategies are based, and look at ways to implement the strategies with real-life examples.

The ideas and experiences presented in this talk are based on my experience [building and maintaining CMS-based websites for clients both large and small][3]. However, these learnings and performance gains should be applicable to all websites, independent of the technology stack.

[1]:https://pagespeed.web.dev/
[wpt]:https://webpagetest.org/
[3]:https://miranj.in/work
[4]:https://hasgeek.com/reactfoo/2018-delhi/sub/page-loading-performance-strategies-from-the-field-4NYMUWTb9BuvoLsCPhPNmP