{"id":227086,"date":"2023-09-18T14:06:01","date_gmt":"2023-09-18T12:06:01","guid":{"rendered":"https:\/\/www.geotelecom.mx\/?p=231133"},"modified":"2023-09-18T14:06:01","modified_gmt":"2023-09-18T12:06:01","slug":"core-web-vitals-como-influye-experiencia-usuario","status":"publish","type":"post","link":"https:\/\/www.geotelecom.mx\/en\/blog\/core-web-vitals-as-influences-user-experience\/","title":{"rendered":"What are Core Web Vitals and how does it influence your users' experience?"},"content":{"rendered":"<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">When we browse any web page, one of the things that directly influences our experience is the loading speed. Many researches show that a page that takes more than 3 seconds to respond, <strong>increases the dropout rate by as much as 65%<\/strong>.\u00a0<\/p><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Contents\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.geotelecom.mx\/en\/blog\/core-web-vitals-as-influences-user-experience\/#Tipos_de_Core_Web_Vitals\" >Types of Core Web Vitals<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.geotelecom.mx\/en\/blog\/core-web-vitals-as-influences-user-experience\/#LCP_Largest_Contentful_Paint\" >LCP: Largest Contentful Paint.<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.geotelecom.mx\/en\/blog\/core-web-vitals-as-influences-user-experience\/#FCP_First_Contentful_Paint\" >FCP: First Contentful Paint:\u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.geotelecom.mx\/en\/blog\/core-web-vitals-as-influences-user-experience\/#TTFB_Time_to_First_Byte\" >TTFB: Time to First Byte<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.geotelecom.mx\/en\/blog\/core-web-vitals-as-influences-user-experience\/#CLS_Cumulative_Layout_Shift\" >CLS: Cumulative Layout Shift.<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.geotelecom.mx\/en\/blog\/core-web-vitals-as-influences-user-experience\/#FID_First_Input_Delay\" >FID: First Input Delay&nbsp;<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.geotelecom.mx\/en\/blog\/core-web-vitals-as-influences-user-experience\/#Como_mejorar_el_rendimiento_web_en_base_a_las_Core_Web_Vitals\" >How to improve web performance based on Core Web Vitals:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.geotelecom.mx\/en\/blog\/core-web-vitals-as-influences-user-experience\/#Informes_de_Core_Web_Vitals_y_su_influencia_en_la_experiencia_de_usuario\" >Core Web Vitals reporting and its influence on user experience<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.geotelecom.mx\/en\/blog\/core-web-vitals-as-influences-user-experience\/#Consulta_las_Core_Web_Vitals_de_tu_dominio\" >Check the Core Web Vitals of your domain:<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.geotelecom.mx\/en\/blog\/core-web-vitals-as-influences-user-experience\/#En_Search_Console\" >In Search Console:\u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.geotelecom.mx\/en\/blog\/core-web-vitals-as-influences-user-experience\/#Test_de_Core_Web_Vitals_en_Page_Speed\" >Core Web Vitals test on Page Speed:<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.geotelecom.mx\/en\/blog\/core-web-vitals-as-influences-user-experience\/#Influencia_de_las_Core_Web_Vitals_en_UX\" >Influence of Core Web Vitals on UX<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n\n\n\n<p class=\"wp-block-paragraph\">This data is devastating, because if we want our users to generate a lead or a purchase when visiting the web, either through Google Ads campaigns or through organic traffic, we must ensure that the speed is optimal.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is where Google's Core Web Vitals come in. This is a series of metrics created with the objective of <strong>analyze the performance of a website<\/strong> based on certain criteria. In this post we will tell you what they are and why you should work on them.<\/p>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Tipos_de_Core_Web_Vitals\"><\/span><strong>Types of Core Web Vitals<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Currently, there are 6 measurement metrics. All of them measure and analyze the time it takes for the web to respond to a certain element such as an image or a CSS file.\u00a0<\/p>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"LCP_Largest_Contentful_Paint\"><\/span><strong>LCP: Largest Contentful Paint.<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">It is the time it takes to load the heaviest element of that page. Let's see an example: let's imagine that we are working on a specific campaign with seasonal offers and we want to add a banner on the home page.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This resource is loaded normally, but generates a large impact on the LCP. This may be mainly due to the <strong>image weight<\/strong> (it is recommended that they are always less than 100kb). Also, it can be due to the <strong>dimensions <\/strong>or because the <strong>format <\/strong>is not the most performance friendly.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this case we must simply analyze which are the heaviest resources and analyze alternatives that are much lighter. An example of this is usually the initial or header image of the page, which tends to be one of the heaviest elements.<\/p>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.geotelecom.mx\/wp-content\/uploads\/2023\/09\/tipos-core-web-vitals.webp\" alt=\"core web vitals types\" class=\"wp-image-231135\"\/><\/figure>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"FCP_First_Contentful_Paint\"><\/span><strong>FCP: First Contentful Paint:\u00a0<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Measures the time it takes to display the first item on the screen<strong> <\/strong>since accessing the web.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In order to improve this metric it is important to take into account many factors such as <strong>server response time<\/strong>The main thread is running and how heavy these elements are.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this image, we can see the loading process from the moment a user enters the web and which are the different contents that are displayed on the screen progressively. In this case, the element that loads first is the text and then the image.<\/p>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.geotelecom.mx\/wp-content\/uploads\/2023\/09\/FCP-first-contentful-paint.webp\" alt=\"fcp first contentful paint\" class=\"wp-image-231136\"\/><\/figure>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"TTFB_Time_to_First_Byte\"><\/span><strong>TTFB: Time to First Byte<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This measures the time elapsed between the request for a resource and the first byte of the response, the first unit of information sent to the request.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example, if a user enters a url that does not exist and is redirected to another one, the TTFB will measure from the moment of the click until the new url is received.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This process can be seen in the following graph:<\/p>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.geotelecom.mx\/wp-content\/uploads\/2023\/09\/time-to-first-bite-TTFB.webp\" alt=\"time to first bite ttfb\" class=\"wp-image-231137\"\/><\/figure>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">One of the aspects that has a direct impact on this is the <strong>server response. <\/strong>It is essential for any website that receives constant traffic to have a server prepared not only to host all the information, but also to be able to receive requests and return responses in the shortest possible time.<\/p>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"CLS_Cumulative_Layout_Shift\"><\/span><strong>CLS: Cumulative Layout Shift.<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">It is probably the most complex in concept, as many variables are involved. The CLS measures the frequency of element change during the loading process. It is the only metric that does not measure time directly, but gives a score that, the closer to 0, the better.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this gif we can see what we mean by element changes:<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" data-id=\"231148\" src=\"https:\/\/www.geotelecom.mx\/wp-content\/uploads\/2023\/09\/CLS-cumulative-layout-shift.gif\" alt=\"cls cumulative layout shift\" class=\"wp-image-231148\"\/><\/figure>\n<\/figure>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">During the loading process, it is normal to see blank parts where an image or text is placed. The problem arises during the <a href=\"https:\/\/www.geotelecom.mx\/en\/renderizado-web-como-afecta-al-seo\/\">rendering process<\/a> (when the information is displayed on the screen) and the elements that had already been loaded are displaced due to the appearance of another container.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is very frequent in promotional banners, pop ups that do not work correctly or temporary sections of the web that have a high loading time.<\/p>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"FID_First_Input_Delay\"><\/span><strong>FID: First Input Delay&nbsp;<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This metric measures the response time from the time a user first enters a website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As an important fact, <strong>will cease to be used as of March 2024.<\/strong> as a new one called INP will be used. We explain it below so that you can be prepared.\u00a0<\/p>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>INP: Interaction to Next Paint. The new Core Web Vitals metric.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This new Core Web Vital arises from the need to measure not only the first interaction, but also all the events that occur during a session.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is a significant improvement from the previous metric measurement, because if we analyze it carefully, all the processes that a user performs are important.\u00a0<\/p>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.geotelecom.mx\/wp-content\/uploads\/2023\/09\/INP-nueva-metrica-core-web-vitals.webp\" alt=\"inp new metric core web vitals\" class=\"wp-image-231139\"\/><\/figure>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Como_mejorar_el_rendimiento_web_en_base_a_las_Core_Web_Vitals\"><\/span><strong>How to improve web performance based on Core Web Vitals:<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">While each metric is different, there are common factors that can be worked on for overall performance improvement. Here are some of them:<\/p>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Improving the server and reducing response time<\/strong><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">A server is the container of the web and therefore, it is something in which you should not skimp on expenses. This <strong>must be adapted to the needs of your project<\/strong> and respond efficiently to all requests.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To do so, check the plan you have contracted and evaluate possible improvements to be made with your IT team or hosting provider.<\/p>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Optimize images correctly<\/strong><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">The images are another <strong>important resource for any website<\/strong>. Not only do they make our experience more visual and intuitive, but they can also have a direct impact on the sale of a product or service.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To do so, it uses next-generation formats such as <strong>webp <\/strong>through modules or plugins. Avoid uploading heavy images to the website and make sure that the <strong>size <\/strong>of these is adequate to suit the rendering process.<\/p>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Prioritizes resources<\/strong><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">This is probably the most complex, as it requires technical knowledge to perform. You must analyze what kind of resources are vital on the web, such as the main CSS files of your theme or the JS involved in the submission of a form.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To do this, you can use <strong>tools such as GTMetrix<\/strong> that will help you detect the most important resources or those that could be postponed during loading.\u00a0<\/p>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Minify files<\/strong><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.geotelecom.mx\/en\/html-basico-para-mejorar-el-seo\/\">HTML files<\/a> such as DOM, CSS and JavaScript can become huge if you are not careful. Some plugins can unnecessarily implement content within the web that is not entirely necessary such as empty or overlapping divs, huge CSS where only some code fragments are used and the rest are not, Javascripts that are only used at a specific time, but are loaded in the first place, etc..<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">These are some improvements, but of course, each system is different and you will have to analyze the possibilities of each one.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The difference that these changes can generate is high in terms of content as we will see in this example:<\/p>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.geotelecom.mx\/wp-content\/uploads\/2023\/09\/core-web-vitals-ux.webp\" alt=\"core web vitals ux\" class=\"wp-image-231140\"\/><\/figure>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Informes_de_Core_Web_Vitals_y_su_influencia_en_la_experiencia_de_usuario\"><\/span><strong>Core Web Vitals reporting and its influence on user experience<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Now that you know what Core Web Vitals are and why they are used to measure performance, it is important to know where you can consult them and what influence they have on our users.\u00a0<\/p>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Consulta_las_Core_Web_Vitals_de_tu_dominio\"><\/span><strong>Check the Core Web Vitals of your domain:<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You will be able to use <strong>platforms such as Page Speed or Google Search Console<\/strong> to know the current status of your domain on both mobile and desktop.\u00a0<\/p>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"En_Search_Console\"><\/span><strong>In Search Console:\u00a0<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">To do so, go to the platform, select your website and go to the \"user experience\" section.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There you will see a section with several options. Choose \"page experience\" and you will be able to see the percentage of urls it considers correct by device.\u00a0<\/p>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.geotelecom.mx\/wp-content\/uploads\/2023\/09\/search-console-core-web-vitals-1024x442.webp\" alt=\"search console core web vitals\" class=\"wp-image-231141\"\/><\/figure>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Here you will be able to observe the existing problems, consult the specific metrics and identify the urls that show this performance.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In our experience, although it is a very interesting section to detect bugs in specific urls, <strong>is not entirely accurate <\/strong>and the percentage shown does not correspond in many cases with the Page Speed scores.<\/p>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Test_de_Core_Web_Vitals_en_Page_Speed\"><\/span><strong>Core Web Vitals test on Page Speed<\/strong>:<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Go to <a href=\"https:\/\/pagespeed.web.dev\/\">https:\/\/pagespeed.web.dev\/<\/a> Enter the url of the specific page you wish to analyze.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Keep in mind that each one is different because you don't usually have the same elements on the home page as on a product, for example. We recommend you to add at least 3 urls from different sections, to have a more general evaluation.<\/p>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.geotelecom.mx\/wp-content\/uploads\/2023\/09\/page-speed-core-web-vitals.webp\" alt=\"page speed core web vitals\" class=\"wp-image-231142\"\/><\/figure>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Once the analysis is run, you will see a score that reflects an average calculated based on all metrics. You will also be able to see each of the Google Core Web Vitals and the execution time.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Finally, you will be able to learn about possible improvements to be applied.\u00a0<\/p>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Influencia_de_las_Core_Web_Vitals_en_UX\"><\/span><strong>Influence of Core Web Vitals on UX<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In the words of Google Senior Webmaster Trends Analyst John Mueller: \"Page load speed is critical to the user experience and can negatively affect conversions. Slow websites can lead to higher bounce rates and lower user retention.\"<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This makes sense, as there are now countless pages to visit so if a user's initial experience is not good, it is quite possible that they will leave the site without even viewing the full content.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>There is a direct correlation between speed and conversions.<\/strong>. On average, for every second of page delay, the conversion rate can decrease by as much as 20% according to direct data from Google's Page Speed Insights.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In addition to conversions, another important factor is how poor optimization of Core Web Vitals can influence SEO. This is because <strong>user experience is a positioning factor<\/strong>.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Consequently, if your website is not specially optimized for mobile devices, it is very likely that the organic traffic will not be as expected, since Google will position other results before yours.\u00a0<\/p>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">As you can see, Core Web Vitals are an extremely important factor to take into account on your website. Web speed can influence your conversions, Google Ads campaigns and especially organic positioning, so it is something to always keep in mind at any stage of the project or type of web.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to know how you can improve your users' experience, <a href=\"https:\/\/www.geotelecom.mx\/en\/agencia-seo\/\">consult with our SEO experts<\/a> for more information.<\/p>","protected":false},"excerpt":{"rendered":"<p>Discover some of Google's ranking factors based on the speed and performance of your website, don't miss the opportunity to improve!<\/p>","protected":false},"author":27,"featured_media":227088,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_titles_title":"Qu\u00e9 son los Core Web Vitals y c\u00f3mo mejorarlos - Geotelecom","_seopress_titles_desc":"Descubre unos de los factores de posicionamiento de Google basados en la velocidad y rendimiento de tu web. \u00a1No pierdas la oportunidad de mejorar!\r\n","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"none","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"both","_seopress_redirections_param":"","_seopress_redirections_type":301,"_seopress_analysis_target_kw":"","footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[25],"tags":[],"class_list":["post-227086","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo"],"_links":{"self":[{"href":"https:\/\/www.geotelecom.mx\/en\/wp-json\/wp\/v2\/posts\/227086","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.geotelecom.mx\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.geotelecom.mx\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.geotelecom.mx\/en\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/www.geotelecom.mx\/en\/wp-json\/wp\/v2\/comments?post=227086"}],"version-history":[{"count":0,"href":"https:\/\/www.geotelecom.mx\/en\/wp-json\/wp\/v2\/posts\/227086\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.geotelecom.mx\/en\/wp-json\/wp\/v2\/media\/227088"}],"wp:attachment":[{"href":"https:\/\/www.geotelecom.mx\/en\/wp-json\/wp\/v2\/media?parent=227086"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.geotelecom.mx\/en\/wp-json\/wp\/v2\/categories?post=227086"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.geotelecom.mx\/en\/wp-json\/wp\/v2\/tags?post=227086"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}