Google’s core web vitals provides an integrated guide to website performance related to user experience, and is redefining the way websites are measured. Google has begun to use core web vitals as a signal that affects the ranking of websites in Google search. In 2021, WP engine’s own web marketing team started to complete a major project, which has generally understood and realized more than 90% of the core web life cycle. In this session, you can view the project in detail and use the browser of new real to gain practical insight into the factors affecting core web vitals. The
Video: real time core web vitals view. The slides in the website improvement session will be discussed by Ryan Hoover, web development manager of WP engine, and lindsy farina, chief product manager of new real. The impact of core web vitals on the business in 2021 and beyond, and how to use new real’s browser and other tools to understand scores. In order to overcome the limitations of synthetic testing and gain inner peace, that is, we can control the way to evaluate the user experience of the website. The actual user data is very important. In order to understand important data, there are many ways to pivot, slice and dive. Obviously, we have immediate experience, but users can also build their own dashboards. You are the data master of new realic. We will give you access to everything and hope to build important experiences for you. The
Lindsy farina, chief product manager of new realic full text script lindsy farina: Hello. Today, we welcome you to discuss how to improve your site with Google’s real-time core web vitals. My name is lindsy farina from new realc. I am the chief product manager there. I spent more than two years focusing on front-end web performance, and expanded it to other areas of new real, such as lookout, which is a very cool change detection product. And today I’m going to introduce myself to Ryan. The
Ryan Hoover: I’m Ryan Hoover. I am the WP engine administrator of the web development group. We are committed to actually showing that the public web properties of WP engine can be used as the technology of word press and WP engine. Regie farina: very good. So today, let’s look at a simple topic of what we are going to talk about. First, I want to determine if you understand what the core web lifecycle is. Because to optimize the core web lifecycle, you must know what it is. Provides some information about the measurement method. Except for core web vitals, everything else can be done through the browser of new real, which is something interesting. Then, let’s take a look at the work that the WP engine does to make this optimization journey and make the site equal to the core web life cycle. The
Ryan Hoover: what is web vital and why so much has been said recently? Let’s start with this topic. We have been talking about web performance for decades. We have been trying to understand how to quickly create the web and how to make the user experience better when users visit our website. Over the years, we have been using various measurements and processes. We talked about time to first byte, window load events, document ready, and all types of metrics, but there are always some deviations and some people are artificial. Last year, in the summer of 2020, Google released the core web vitals standard, which is a truly clear standard to measure the page experience. content
Locking time or time to interactive, and some of them are rum. This means that users must actually participate in the site. Therefore, the first input delay is based on the fact that what actually needs to be done. As a result, the robot does not actually click some buttons, so it cannot re report the data. But from the perspective of the actual user, we know that when the user clicks the button. Users know when to take action, change paths, or perform actions, so they can report all this information. So, obviously, we also reported JavaScript errors, etc., that are located in the front and center of your application summary page, on the core web vitals. Because if you don’t tell me if there are any mistakes, there will be no good products. Although many performance improvements can be achieved, without sufficient error support, you may miss some key items that will disappoint customers. Then we want to show you. A good front end is not supported by a good back end. So look at the data flow, AJAX requests, and all the back-end services. Therefore, if an employee acts in an abnormal way downstream, you can track these problems and finally determine who is responsible for the poor results of the customer. Therefore, we provide this information and the ability to understand who the customer is through this rich data. Just as you have many data related attributes, it allows you to understand how customers think and move spatially through the site. This is what you actually need to know how to specify performance and data priorities. Ultimately, the goal is to arm yourself with all this information, moving from a reactive state where you receive a support request and try to debug to a more proactive state. state With these key results reports, you can find and solve problems before they occur, so as to provide a good customer experience. So it sounds terrible, especially if you don’t start your own show journey in your own business. Where do you start? So I always want to create people, which is similar to what I just said. Know your customers. I know what kind of websites to manage. If it is a news website, it should give priority to stability and content. If you are an e-commerce website that really needs users, you can click the button and add it to the shopping cart, and then move it by settlement. Although you have less intervention in taking measures, you can seamlessly move the shopping experience. You may want to focus on making sure that the page not only loads visually quickly, but also responds well. For example, does my main thread overuse activities that prevent users from processing the task when they click a button? Then, get all the relevant information and decide where to start. Look for a few users with poor experience. Although not all users, please focus on the URLs accessed by most users. It seems that it is your website that you want to focus on from the beginning. This may be your login experience. Maybe it’s the shopping cart experience. As a subject matter expert who helps you identify the most important places, what do you know about your website? Using the new real browser, you can get all this data to define these experiences. Therefore, there are many ways to pivot, segment and analyze data to determine what is important. Obviously, we have immediate experience, but users can also build their own dashboards. If you are the owner of the data together with new real. We will give you access to everything and seek important experience from you
Happy birthday to you. Another point I want to pay attention to is that if you are not a new real customer, you can use the free option. Here you can start playing, upload data, view the installer agent, and perform the following operations: It’s amazing that you can use all the single functions immediately. But now that you know where you’re going, focus on the customer experience. Because this is the customer experience. Improve the customer experience. So what works for a company may not be the same story about your journey to success. Therefore, it is very important to have these different measurement items and ensure that they are complete. It won’t happen. It doesn’t happen directly from the door, but you can set goals. Yes, let’s see what the actual customer has done. Ryan Hoover: I see. Yes, unlike lindsy just said, sometimes you need to find metrics that get too many metrics and work. Therefore, new realic helps you set up a good dashboard full of data. Unfortunately, to be honest, it gets a little too much. We saw it, overwhelmed by all the other things we tried to track. So we went back to work and made a very simple and intuitive dashboard, which can be seen here. What we do is our main website, wpengine. COM and get flywheel. This narrows our goal of great achievement for the two com sites. We separate mobile traffic from desktop traffic. Part of the reason is that we have very different experiences, and part of the reason is that Google is tracking these experiences separately. For all four experiences, we are looking at three web essentials. Therefore, a total of 12 metrics are being tracked. Therefore, we can quickly see what we are doing at a glance and make this excellent dashboard. We have integral scores in a very fast college column. What was our average level in the past week? What is our average score? Are we in the black good area? Are we in the yellow area, or are we actually in the red area? We saw ourselves bouncing up and down there. To be honest, we did a good job. It is worth mentioning that there are still some paint problems, including the biggest content that needs to be solved by mobile. Efforts are being made to solve these problems, but it is really helpful. This is actually a dashboard that our team and senior management often share. This is our constant show off. Hey, that’s what we think about the performance of our website. You can see several interesting trends through this chart. In the middle is wpengine. You can see that the paint containing the largest content of COM has a periodic action, that is, slow, fast, slow, fast. When U.S. traffic switches to power saving mode and begins to generate more international traffic, the speed will slow down. This traffic in West Virginia brings more difficult content, so you tend to see it for longer. In the process of scoring how to get international traffic faster, this problem still needs to be solved. One aspect of this dashboard is very helpful for us to focus on what we care about and improve the specific indicators we pursue. Lindsy farina: most importantly, you can understand where you should start traveling. You may have selected a survey item. LCP wants to optimize, but may decide what to do. And that’s one reason – the journey may not always be the same, Google is optimizing
Try to find knowledge. Then Google may come and actually discover. In fact, there are better ways to measure it. They are now accumulating layout moves. They’re figuring out there’s a better way to measure layout shift and so they’re reworking those definitions And we might have to change our strategy a little bit to respond to that And so that’s just something that’s going to have to keep going on Lindsy farina: yep and the one thing i’ll note is that Google is also – these are recommendations that are going to be coming out annually So the core web vitals is going to be something that they’re continuously researching If you’ve been with the user centric performance journey from its inception, you’ll know that it has gone through a lot of change We’ve had metrics that have come and gone We’ve had brand new metrics that have kind of jumped in and been weighted high in the lighthouse scores but then suddently have been demoted And there’s a lot of folds who’ve like latched on to a particular metric and have determined’This is the one, ‘and the reality is it is no longer that space where we have one metric that rules they all It is going to be a consistent thing that we have to look at multiple things in order to define user experience And as we get more data and as we continue to research, it’s just – it’s a science This is data science and as more data comes in and Google does this evaluation, they’re going to be changing the way that they weight things, the way that the algorithms are used to define them, and they may also completely reduce a metric They may decide that this isn’t the thing and we need to have a different one So largest Contentful paint and CLS are still something new We had first paint We had first Contentful paint We had time to interactive in a lab metric All of these things kind of swirl around so it got very conflicting So be on the outlook for 2021 recommendations They may change a little bit and so we just – this is a concept of a marathon, not a sprint Of course.
On and when something starts to blip out of that good range or out of the needs improvement back into poor Just be mindful, keep checking and we wish you good luck I hope that everyone enjoyed what we presented to you today It’s definitively my pleasure to be able to co present with you, ryan I really enjoyed hearing your story, and i’m very happy that new relic browser was able to work for you Ryan hoover: thanks, lindsy This has been great It’s great to always help people try to get their sites faster and try to make the web a better experience for everyone Have a great rest of the summit, and thank you so much for listening Lindsy farina: thank you all
