Up next in 10
Ezoic Leap (beta) General Features Overview
12 views
Feb 2, 2024
In this video, we walk you through the basic Ezoic Leap toolset features and capabilities. We also highlight several best practices and describe the purpose of the diagnostics and extensions provided by the free toolkit designed to help sites pass Core Web Vitals and improve visitor experiences. More at www.ezoic.com/leap/
View Video Transcript
0:00
Today I'm going to be walking you through the Ezoic Leap dashboard from the admin screen
0:17
So this is a tour of the Leap Beta to give everyone a better idea of how Ezoic Leap works
0:23
It's located here in the Speed tab. Today I've got a site that hasn't quite been set up yet that we're using as a test
0:29
Here, I'm in the main leap screen. You can see the tabs for navigating the tool set are here at the top
0:37
I also have the leap banner here and the option to join the leaderboard once I get my site set up
0:44
My core web vitals haven't been tracked for the last 28 days, which is the information that Google uses to determine the page experience that they'll be rolling into search updates here soon
0:57
I can see my speed score for the last 30 days, and that information will be displayed here
1:03
Until we have accurate field data for core web vitals, the information may not be available here yet
1:11
Here at the bottom, there's recommendations that once I'm integrated, Ezoic will begin understanding what technologies are working on my site
1:17
and which ones I could potentially replace to make my website faster
1:22
In some cases, we'll be sharing the percentages of sites that are using this that are actually slower
1:27
or faster than other sites. We'll also begin showing you what percentage of sites
1:32
are faster or slower than your site based on other sites that are similar
1:40
If you'd like to view alternatives for a technology, you can click on view alternatives
1:44
and we'll offer links and information about sites that may be using these alternatives
1:54
You can also go into the technologies tab here at the top, scan the site and understand what technologies are listed here and view the entire library
2:07
down at the bottom. So if you would like to see all CMS, message boards, widgets, blogs, WordPress themes
2:16
there's quite a few in here. You can go through all of them to determine which ones may offer you the most benefit or
2:23
just explore other ways you could build sites. In the Core Web Vitals tab, you'll notice this walks you through each of the three core web vitals
2:33
Again, we don't have the 28-day data available yet. However I can see below the URLs that we do have data on and it will show me my worst pages according to the specific vitals So in my case all three of mine are passing given the data that we have although this could
2:53
change as we collect more data. Before we get the optimization settings, I'm going to go to the tester tab
3:01
The tester tab allows me to actually test URLs in real time, and this uses Google's Lighthouse
3:06
and PageSpeed Insights information and will share both. both the field data and origin data that we have
3:13
In this case, both for Google and for Ezoic, not enough data is available yet
3:18
However, I can see the timing of this page in real time
3:22
and be able to go through the recommendations. The recommendations are the ones that are provided by Lighthouse
3:27
and often aren't as easy to follow or offer as much detail
3:31
or accuracy as the ones provided within Ezoic. We also have the leaderboard and the leaderboard allows you
3:39
to see other sites that are fast and how they got there
3:44
So I can see on this site, that's the 11th ranked. I can see that it's passing all the core web vitals
3:51
It's getting a 90 score in Lighthouse. I can see who it's host is
3:55
I can see the CMS is WordPress. It's using Cloud Player integration. I can also see the Azote features it's using
4:01
So it's ad serving. It's also using these settings and Leap, which we'll get to in a minute
4:07
And it'll show me the other technology, it's being the other technologies that are being used
4:13
In our case, we're adding more all the time and adding more data to this
4:17
to make it easier for you to implement things on other sites that may be making it fast
4:21
that you find that you have in common on your website. Now, I'm going to go to the Optimization Settings tab
4:30
Here, you'll be given a handful of different options depending on which version of the beta program you're in
4:36
For most sites, you'll see a Get Started button, where you'll pick your settings, you'll preview the site, and you'll activate it
4:43
Some sites will also have the ability to ask for a setup assistant, where someone will help you set up the site automatically
4:50
This will mean you'll have to wait in a queue. If you wait in a queue, we'll always update you with where you stand in line
4:56
When I click on Get Started, it'll automatically toggle on almost all of the settings
5:03
So in each of these settings, these are things that are universally
5:07
some of the most important things for speeding up a site. You may have plugins or caching tools or something at your host that's trying to do these jobs already
5:17
In almost every case, it's better if ZOC does this job instead
5:21
So if you can toggle off these features and other locations first it likely improve performance and help you troubleshoot going through the process and ensure that your preview is as fast as your actual site would be when those are toggled off
5:36
In almost every case, you're doing something here that is making your website faster
5:40
In this case, we're optimizing the loading of CSS, minifying certain codes so that they can be loaded quicker or combining them
5:49
Images will serve in next-gen formats, resize them in a browser, and compress them
5:54
So there's no need for other things to be doing this to your images already
5:59
Script execution is one of the areas where Ezoic has built a lot of really interesting proprietary technology
6:05
that ensures that your site is nearly instant for visitors. However, there are certain libraries of code and JavaScript that may cause different conflicts within your site
6:15
In our troubleshooting and setup video, there's some videos and some tips on how to ensure that this doesn't negatively impact your site or potentially harm
6:24
one of your core web vitals. So there'll be information here inside of advanced settings where you can toggle on different aspects of the
6:32
script delay feature. If I find that my menu isn't working or maybe my Google ytics isn't reporting data correctly, I can click on find delayed scripts and
6:43
can actually see all the scripts that isoic is delaying on the site and maybe there's one here that
6:48
I identify as being the one that's causing my issue and I can click on no
6:54
to exclude it from optimization. And then I can turn it back on
7:00
if I learned that that one actually doesn't make a difference. You can also submit your own here
7:07
So if you don't see one inside of the exclusion rules, you can add your own here
7:14
You can also exclude specific pages from the script delay. Last, We've got the static asset cash policy
7:26
This ensures that Ezoic can serve elements of the site through the cache
7:30
Content, specifically, Iframes is something that Ezoic can help you optimize. The important thing here is to ensure
7:37
that any I frames on the page aren't injected by a third party
7:42
And last, pre-connecting origins. This is primarily for ads, but there are things like fonts
7:47
that Ezoic can help you optimize as well by pre-connecting to them if there's an external call
7:54
Next, I can go to next or just simply click the preview and it'll open up a preview
8:04
You notice I got a URL here that allows me to see my site exactly how it would serve with this optimization in place I also am not logged into WordPress If you using a WordPress site you want to ensure that you logged out
8:19
prior to trying to preview anything. In fact, if you want to speed test the preview
8:24
you can. However, we recommend that sites copy and paste the preview URL
8:34
into an incognito window before running the Lighthouse test. This will ensure that no Chrome extensions that you have installed on your primary Chrome browser
8:49
are altering the speed test in any way. And then you can click Generate Report
8:59
Once you've modified the parts of your site that you think are important and achieve the
9:03
optimizations that you are seeking, you can click next one more time and then you can
9:09
activate this version of LEAP on your site globally. Once you click activate, the site will be live using LEAP, under change settings, and
9:21
you'll see here a Settings History tab. I don't have a Settings History right now so it doesn't display
9:27
If you go to your site and you want to debug something or better understand some aspect
9:32
of Core Web Vitals, our Chrome extension includes additional LEAP features now
9:38
This includes both information about the technology on your site, your CLS, and LCP
9:46
You can actually use this information to have EZOWIC highlight where the LCP violations or issues are on your site
9:53
And with CLS, you can actually activate this tool and then use the script debugger tool to live in-person work through your site
10:03
In one of our other videos, there's a great example of this. We also highly recommend installing the Zoic WordPress plugin
10:10
This will appear as a recommendation with a link to the plugin, even if you are integrated via cloud, which is highly recommended for LEAP
10:19
We recommend you download this plugin as it will help us learn and also identify issues that may be coming from one of your WordPress plugins or theme that we may be able to offer specific advice to help you with
10:32
Between the Chrome extension, the LEAP dashboard, and the WordPress plugin, if you're using WordPress
10:40
LEAP provides a complete tool set to make your website faster and to pass all core web vitals
#Web Stats & Analytics