In this chapter, we discussed how to use profiling tools such as GPU Overdraw Walkthrough and GPU Rendering Walkthrough to debug and enhance our website's performance. After that, I explained the features of browser's DevTools and how we can remotely debug our website using actual devices connecting to our PC. Also, I explained the Firefox, Safari, and IE developer toolbars and how we can use those for debugging.
In the latter part of the chapter, we went through the Google emulator and how we can use it as a testing environment. Finally, I showed you how to get a performance score and rating for our website using Google PageSpeed Insights and YSlow. Using that report's recommendations, we can enhance our website's performance by making simple tweaks.
In the next chapter, I am going to discuss how to manage third-party components to increase our website's performance.