Introducing Google Chrome Profiler

Lesson Details:

Video Transcription: In this video, I want to introduce you to the google chrome profiler this video is brought to you by Appy Pie’s Academy. which you already have on your computer if you have the Google Chrome browser installed if you don't have it installed installed Google Chrome browser and then you'll be able to use this tool if you're on a Mac all you have to do to use this tool is enter command option I and it's gonna pull this up and if you're in Windows then you simply click control shift I and you will see this profiler come up and it's gonna tell you everything you want to know well not everything but a lot of things you want to know about you our website the page you're browsing so you can you know it gives you it gives you some instructions you can click the record button let's say we record and we start on your recording and it's gonna tell us all about it so for example we record and it's profiling profiling maybe we're going to go here maybe we're gonna refresh so that it can tell us about the performance of the loading speed we're going to stop let's say let's give it until 15 seconds and we're going to stop and it's going to give us the report and we can look up many things about our site a lot of interesting things come up you can see the events that happened call tree bottom up the interesting thing here is sometimes you can see how what took how long to come up like let's say there's some resource that maybe took a long time to load so if we click on the performance tab some of this can be a little bit technical so if you are not the main like JavaScript developer for the site maybe you will hand this off to your JavaScript developer whoever your WordPress developer is but what you want to get a sense is for what took a while to load and you can see there's some function call and there's like you know you can see that list right now I have embed player dot JavaScript and is it a YouTube script is it something else we're not sure.

It looks like you tube something and then we have BAE's Jas which I don't know what that is because I'm not the person who you know who like put all the JavaScript libraries here but you can see that these are the things that have been taking a lot of time and we want to stay with you know like things that load under two seconds we want to make sure that the load speed is not bad and we want to make sure definitely that our worst performing calls we definitely want to make sure like are they 100% necessary and literally that you can click this and go to that line and if you can read the code you can see where it is what it's doing and all that and all that now I actually don't wanna even though I am fairly technical I don't want to dig around and this JavaScript and so all you would all you if you're not technical or if you don't want to dig around with this all you would do is have your you know either you sit down with your developer or you hand this off to your developer and just have them look at the calls that take a while to load and then you can point them hey like what is this JavaScript or what is that or what is this you know like B so they take you to some line of the JavaScript file and then you would examine that with them is it necessary is there a way to use a different library and you will experiment and getting rid of it or or fixing it in some ways for that your site performance would improve and then you just run the profiler again look for other you know worst offending areas of the page and quickly actually improve the site loading speed by quite a bit.