0:00
Today we'll be walking you through a basic Ezoic Leap setup and configuration
0:18
Once you've navigated to the EZOIC Leap screen on your dashboard under the speed tab, you'll first start at the main dash
0:25
At the bottom here, you'll immediately notice the recommendations that Ezoic may have for you
0:29
on your site. You can view alternatives to different types of technology that you may want
0:34
to explore for your website, as some of these technologies may not be ideal and may prevent
0:39
your site from being as fast as it possibly could be or potentially not passing core web vitals
0:46
You can also test individual URLs by going to the tester tab and testing individual parts of your
0:53
site. You can also check out our leaderboard to see other sites that are fast or have passing
0:59
core web bottles to see both their technologies, their Azoic Leap settings, and the features
1:04
that they're using. While it might be tempting to try their settings on your site, we recommend starting from
1:11
scratch to get started. Once you've enabled Azoic Leap on your site, you can navigate to the Optimization Settings
1:18
tab to begin one of two selections You can ask for someone to set it up for you but today we be showing you how to set it up yourself To see how the recommended settings work on your site click on change settings and then next to begin the preview
1:32
It'll open a special URL that will preview these settings on your site
1:36
You'll want to ensure you're logged out of WordPress. Then we recommend copying this URL and pasting it into a new incognito window
1:44
Once there, right click and click Inspect. Click Inspect. This will open Chrome Developer Tools
1:52
From here, you can navigate to the Lighthouse tab and click Generate Report, under Categories
1:58
Performance and Device Mobile Selected. This site received a 96 performance score inside of Google's Lighthouse
2:07
Unfortunately, my CLS or cumulative layout shift is still not passing and it's one of the key
2:13
core web vitals. Here I can also see in the rendering that my menu is a new link
2:17
open. This is likely the cause of the CLS. I can troubleshoot this by going to the ESOIC Chrome
2:23
extension inside of my incognito window and using the LEAP tab to troubleshoot the CLS. I can
2:31
turn on my script debugger tool, which is one of the easiest ways to understand why a menu
2:37
or something like that may not be working on your website From here it identifies exactly where the CLS is and offers for me to try the CLS debugger or script delayed debugger tool From here I already done a little bit of research and have a good idea of
2:53
what scripts may be causing my menu to stay open on mobile load. Here, I navigate to the external
3:00
file that I would like to exclude from script delay, and I do the same here where I find the JavaScript
3:07
library in which my menu is called from. And I'm going to exclude both
3:11
both of these in a new version of the site, and I'm going to view the CLS once again
3:17
Ezoic will open a separate tab now, run the test, and we'll see if the CLS has improved
3:23
I can see here that my CLS is passing now and faster than it was before
3:31
I can click on Activate here and then navigate back to my Ezoic Leap dashboard
3:37
Here, under Optimization Settings, I can go to my Settings History now and then click on Activate Here
3:41
settings history now and find the version that I just created with my script debugger tool
3:46
I can make sure that these settings were applied by going to advanced settings inside of script delay
3:51
identifying that the scripts that I excluded are in fact excluded inside of advanced tools
3:57
Now I can preview my site once again, copy that URL, posted into an incognito window
4:05
open Chrome Developer Tools by right once again And this will give me the opportunity to run the test with these scripts excluded from the script delay feature
4:18
which is helping my website pass core web vitals and be much faster for visitors
4:25
Success. Although my score is technically in 94 now, I'm passing all three core web vitals
4:32
And you can see my CLS is actually listed as a number. zero inside of the tool and in the rendering, my MoMA menu is closed
4:40
So now I can click on next and actually activate this version of my site
4:47
The rocket shows me that this version is now active and I'm going to clear the Zoic Leap cache
4:55
This is slightly different from your website cache, which you'll have to navigate down to the
4:59
caching app, open the app, and then you can clear the entire cache of your site
5:05
take 10 to 15 minutes before it begins showing to actual visitors, but you may want to make
5:11
sure that if you have any other caching going on on your website, that override cache control
5:17
headers is set to true. This ensures that Ezoic is delivering every component of the site, lightning fast from the cache
5:25
For more information, visit support.ezoic.com
