{"id":21439,"date":"2023-09-14T16:36:32","date_gmt":"2023-09-14T14:36:32","guid":{"rendered":"https:\/\/www.chrisgoutzapps.com\/proper-website-speed-evaluation\/"},"modified":"2026-04-08T21:07:20","modified_gmt":"2026-04-08T19:07:20","slug":"proper-website-speed-evaluation","status":"publish","type":"post","link":"https:\/\/www.chrisgoutzapps.com\/en\/proper-website-speed-evaluation\/","title":{"rendered":"Proper website speed evaluation"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">In this article, you will learn the proper evaluation of website speed using Google Page Speed.<\/p>\n\n<p class=\"wp-block-paragraph\">With the article on proper website speed evaluation, I am supplementing the video titled \"<a href=\"https:\/\/youtu.be\/bNbkRuy1JZY\" target=\"_blank\" rel=\"noopener\">How to properly evaluate your website's speed<\/a>\" which was created to teach you what these metrics mean and which ones you can improve yourself.<\/p>\n\n<p class=\"wp-block-paragraph\">You will see all the measurements Google takes in summary.<\/p>\n\n<p class=\"wp-block-paragraph\">Before we begin evaluating a website, let's analyze why a website needs to be fast, well-designed, and well-programmed.<\/p>\n\n<p class=\"wp-block-paragraph\">A website that is well-designed and programmed offers a better user experience for the person visiting your website, i.e., the visitor.<\/p>\n\n<p class=\"wp-block-paragraph\">It also counts in Google's results, meaning that due to a good user experience, it will rank significantly higher in search results, even on the first page, in the top positions.<\/p>\n\n<p class=\"wp-block-paragraph\">For this reason, it is very important for the website to be of high quality.<\/p>\n\n<h2 class=\"wp-block-heading\">Proper website speed evaluation<\/h2>\n\n<p class=\"wp-block-paragraph\">Let's start evaluating the website chrisgoutzapps.com.<\/p>\n\n<p class=\"wp-block-paragraph\">First, we open Google's <a href=\"https:\/\/pagespeed.web.dev\/?utm_source=psi&amp;utm_medium=redirect\" target=\"_blank\" rel=\"noreferrer noopener\">PageSpeed<\/a> website and enter the website we want to measure in the field. In this case, I have already evaluated chrisgoutzapps.com.<\/p>\n\n<p class=\"wp-block-paragraph\">Once the evaluation is complete, you will see that some performance, productivity, best practices, and SEO metrics for the website have appeared.<\/p>\n\n<p class=\"wp-block-paragraph\">It should also be noted that the speed of completing the evaluation depends on how easy or difficult it is for Google to complete the assessment.<\/p>\n\n<p class=\"wp-block-paragraph\">Let's briefly analyze what each measurement is individually in the video.<\/p>\n\n<h2 class=\"wp-block-heading\">Performance<\/h2>\n\n<p class=\"wp-block-paragraph\">We start with performance, which is the most important aspect of the measurement we conducted.<\/p>\n\n<p class=\"wp-block-paragraph\">As you can see, it displays a number, in this case 81, and an image next to it.<\/p>\n\n<p class=\"wp-block-paragraph\">This specific measurement concerns mobile devices; further below, we will also analyze the measurement Google has made for computers.<\/p>\n\n<p class=\"wp-block-paragraph\">Below, you will see some terminologies such as First Contentful Paint, Largest Contentful Paint, Total Blocking Time, and Cumulative Layout Shift. There is also one more in this specific measurement called Speed Index. <\/p>\n\n<p class=\"wp-block-paragraph\">All measurements are important because they relate to how quickly the page loads under specific conditions. From a technical perspective, as website owners, you cannot make any changes; these measurements concern technical details. I will try to explain them as simply as possible below so that you can understand their significance.  <\/p>\n\n<p class=\"wp-block-paragraph\">Let's analyze in detail what each measurement means individually.<\/p>\n\n<h3 class=\"wp-block-heading\">First Contentful Paint<\/h3>\n\n<p class=\"wp-block-paragraph\">First Contentful Paint measures the time from when the page starts loading until any content from the page appears on the screen. For this measurement, by \"content,\" we mean either an image on the page or some text\u2014generally, whatever content the page has.  <\/p>\n\n<p class=\"wp-block-paragraph\">To make it a bit clearer, I will explain how a page loads in the browser. When a page loads, it doesn't load entirely instantly; it loads from left to right and from top to bottom. So, whatever is on the left side at the top of the page, as soon as it starts loading, the First Contentful Paint measurement begins.   <\/p>\n\n<h3 class=\"wp-block-heading\">Largest Contentful Paint<\/h3>\n\n<p class=\"wp-block-paragraph\">Largest Contentful Paint is Google's second important metric and measures the time it takes for the largest part of the page's content to be rendered. In simple terms, from the moment the page starts loading until approximately the middle of the page, meaning how much time it took for the main part of the page to load. It measures how much time it takes for images and text content on the page to load.  <\/p>\n\n<h3 class=\"wp-block-heading\">Total Blocking Time<\/h3>\n\n<p class=\"wp-block-paragraph\">Total Blocking Time measures how much time was spent between the First Contentful Paint and Time to Interactive measurements. Essentially, this measurement quantifies how long the main thread was blocked, meaning for how long content was not displayed. <\/p>\n\n<h3 class=\"wp-block-heading\">Cumulative Layout Shift<\/h3>\n\n<p class=\"wp-block-paragraph\">Cumulative Layout Shift measures how many times the page layout has changed. To make it clearer, when there are additional codes within the page, for example, third-party advertisements, it often negatively affects page loading, and the text's position may suddenly shift while the user is reading it. <\/p>\n\n<h3 class=\"wp-block-heading\">Speed Index<\/h3>\n\n<p class=\"wp-block-paragraph\">Speed Index measures how quickly the page content loads in the browser. The less time it takes, the faster the page loads in the browser. <\/p>\n\n<h2 class=\"wp-block-heading\">What you can do yourself<\/h2>\n\n<p class=\"wp-block-paragraph\">To see what you can improve on your website to make it load faster for mobile devices, you can check the 'Opportunities' section further down.<\/p>\n\n<p class=\"wp-block-paragraph\">Here, in the opportunities section, you can see exactly what you can improve to make your website load faster. I have analyzed in previous YouTube videos how you can improve your website's speed yourself. If you believe you cannot fix your website's speed on your own, you can <a href=\"https:\/\/34.179.247.68\/en\/contact\/\" data-type=\"link\" data-id=\"https:\/\/34.179.247.68\/epikoinonia\/\" target=\"_blank\" rel=\"noreferrer noopener\">contact<\/a> me to find the best solution for your website. <\/p>\n\n<h2 class=\"wp-block-heading\">Accessibility<\/h2>\n\n<p class=\"wp-block-paragraph\"> The accessibility measurement assesses how easily a user can interact with your website. This specific measurement essentially gauges how well the website is designed according to certain basic standards. <\/p>\n\n<p class=\"wp-block-paragraph\">By a well-designed website, we mean one that is accessible to people with visual impairments, mobility issues, hearing impairments, and generally people with congenital disabilities. It is very important for a website to be easily accessible to people with disabilities. <\/p>\n\n<p class=\"wp-block-paragraph\">At Chrisgoutzapps, I place great importance on people with disabilities because I know quite well what it's like to have a disability. If you want to add a feature to your website that helps people with special needs, please <a href=\"https:\/\/34.179.247.68\/en\/contact\/\">contact<\/a> me to find the appropriate solution. <\/p>\n\n<h2 class=\"wp-block-heading\">Best Practices<\/h2>\n\n<p class=\"wp-block-paragraph\">The best practices measurement analyzes the changes and improvements that can be made to the website at both programming and design levels. It is more technical than aesthetic. If you want and believe that your website needs programming or design corrections, please <a href=\"https:\/\/34.179.247.68\/en\/contact\/\">contact<\/a> me, and we will make the necessary corrections. <\/p>\n\n<h2 class=\"wp-block-heading\">SEO<\/h2>\n\n<p class=\"wp-block-paragraph\"> The SEO measurement analyzes whether it is easily readable by search engines. If any change or addition is needed, it will be mentioned in the measurement. <\/p>\n\n<p class=\"wp-block-paragraph\">Search engine optimization is very important to perform during the creation of new websites. I pay great attention to detail when starting a new website creation. Good optimization can elevate you to the first page of Google and other search engines. <\/p>\n<span class=\"et_bloom_bottom_trigger\"><\/span>","protected":false},"excerpt":{"rendered":"<p>In this article, you will learn the proper evaluation of website speed using Google Page Speed.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[211],"tags":[232,231,227],"class_list":["post-21439","post","type-post","status-publish","format-standard","hentry","category-wordpress-en","tag-proper-website-speed-evaluation","tag-website-performance","tag-wordpress-support"],"_links":{"self":[{"href":"https:\/\/www.chrisgoutzapps.com\/en\/wp-json\/wp\/v2\/posts\/21439","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.chrisgoutzapps.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.chrisgoutzapps.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.chrisgoutzapps.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.chrisgoutzapps.com\/en\/wp-json\/wp\/v2\/comments?post=21439"}],"version-history":[{"count":0,"href":"https:\/\/www.chrisgoutzapps.com\/en\/wp-json\/wp\/v2\/posts\/21439\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.chrisgoutzapps.com\/en\/wp-json\/wp\/v2\/media?parent=21439"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.chrisgoutzapps.com\/en\/wp-json\/wp\/v2\/categories?post=21439"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.chrisgoutzapps.com\/en\/wp-json\/wp\/v2\/tags?post=21439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}