{"id":5518,"date":"2021-08-25T12:49:54","date_gmt":"2021-08-25T17:49:54","guid":{"rendered":"https:\/\/giovanirodriguez.dev\/?p=5518"},"modified":"2022-06-09T17:54:20","modified_gmt":"2022-06-09T22:54:20","slug":"the-definitive-method-how-to-improve-page-loading-speed","status":"publish","type":"post","link":"https:\/\/giovanirodriguez.dev\/the-definitive-method-how-to-improve-page-loading-speed\/","title":{"rendered":"The definitive method: how to improve page loading speed"},"content":{"rendered":"\n<p>Even if your website has spectacular content, do you think people will pay to be there if the loading speed is too slow?<\/p>\n\n\n\n<p>Although the speed of the Internet in Latin America is well below the average, some websites are very heavy and make this situation even worse. Unfortunately, they develop without due regard to the loading speed and end up becoming a real test of the user\u2019s patience.<\/p>\n\n\n\n<p>Consider this situation: it has been 15 minutes since you placed your order at a restaurant, specifically one that is known to deliver orders in 5 minutes. Would you cancel the order? And your other establishment offered you the same in a period of 3 minutes?<\/p>\n\n\n\n<p>It happens in a similar way on the Internet, but the period becomes seconds. You\u2019ve also experienced it, when you want to tackle certain content, you visit a website and it takes more than 10 seconds to load. Before you know it, you\u2019re already googling for another option, every second that goes by feels like forever!<\/p>\n\n\n\n<p>Today, time is more valuable than money. Immediacy is the main currency of exchange in today\u2019s world, especially in the world of the Internet. As a result, our audience is becoming more demanding. Even if your website has quality content, will people come to see it if it takes more than five seconds to load? Learn here how to improve page loading speed, as well as test a website load time.<\/p>\n\n\n\n<script async=\"\" src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<ins class=\"adsbygoogle\" style=\"display:block; text-align:center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-8789912029337488\" data-ad-slot=\"9182886459\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script<\/script>\n\n\n\n<h2 class=\"wp-block-heading\">Are website results affected by speed?<\/h2>\n\n\n\n<p>What is a good page load speed? <a href=\"https:\/\/backlinko.com\/google-ranking-factors\">According to Google\u2019s announcement, page load speed is one of more than 200 rating factors<\/a>. Therefore, the time it takes for your website to load compared to your competitors represents one of the main factors influencing your organic rankings, compared to the main search results page. A website that loads so slowly is penalized immediately.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is page speed?<\/h2>\n\n\n\n<p>Page speed is a measure of how quickly the page content is loaded. To increase the speed of your website, here are some tips:<\/p>\n\n\n\n<p>The page speed for a sample of pages on a site is different from the \"site speed\", that is, the page speed for the entire site.&nbsp;<\/p>\n\n\n\n<p>It is possible to describe the page speed in terms of \"page load time\": the time it takes for a specific page to display all your content; unlike \"time for first byte\", that is, how long it takes your browser to receive the first byte of information from the server. Have you tried to test a website load time?<\/p>\n\n\n\n<p>Under these considerations, <a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/v5\/about\">Google PageSpeed Insights<\/a> lets you measure the speed of your page. Based on <a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-user-experience-report\/\">data from CrUX (Chrome User Experience Report)<\/a>, PageSpeed Insights Speed Score measures two important performance metrics: First Contentful Paint (FCP) and DOMContentLoaded (DCL).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" data-src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/08\/marc-sendra-martorell-Vqn2WrfxTQ-unsplash-1-1-1-1024x659.jpg\" alt=\"do you know how to improve page loading speed? what is a good page load speed? Check page speed SEO\" class=\"wp-image-5533 lazyload\" width=\"840\" height=\"540\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 840px; --smush-placeholder-aspect-ratio: 840\/540;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/08\/marc-sendra-martorell-Vqn2WrfxTQ-unsplash-1-1-1-1024x659.jpg\" alt=\"do you know how to improve page loading speed? what is a good page load speed? Check page speed SEO\" class=\"wp-image-5533\" width=\"840\" height=\"540\"\/><\/noscript><figcaption>Speed in light<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Best ways to optimize your SEO<\/h2>\n\n\n\n<p>Among the signals used by Google to classify pages is the speed of the site and therefore page speed SEO. A recent study suggests that <a href=\"https:\/\/trinity.one\/insights\/seo\/time-to-first-byte-ttfb\/\">Google may use the time to the first byte as a factor in determining page speed.<\/a> In addition, a slow-loading page could prevent search engines from tracking all of your pages using your tracking budget, so that it has a negative impact on indexing.<\/p>\n\n\n\n<p>User experience is also affected by page speed. The bounce rate and average page time are lower on pages with long load times. Conversion rates may also be negatively affected by longer lead times.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Improves server response time<\/h2>\n\n\n\n<p>Server response times depend on traffic, resource usage, the software you use on your server, and the hosting solution you use. Try to fix these performance \"bottlenecks,\" such as slow database queries, routing, or insufficient memory to improve server response time. Under 200ms is the optimal response time of the server. Discover how you can optimize the time up to the first byte, as would be most ideal.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Image optimization<\/h2>\n\n\n\n<p>You should make sure that your images are not larger than they need to be, that they are saved in the correct format and that they are compressed for the web. PNG files are generally better for graphics with less than 16 colors, while JPEG files are better for photos.<\/p>\n\n\n\n<p>Make a <a href=\"https:\/\/www.w3schools.com\/css\/css_image_sprites.asp\">template of images on your site that you use frequently, such as buttons and icons, with CSS sprites.<\/a> Using CSS sprites, you can combine any number of images into a large image to preserve bandwidth (reducing HTTP requests) and then show only the parts you want to display. This means that not loading multiple images at once saves your users time and makes their experience more enjoyable.<\/p>\n\n\n\n<p>Also try to find your <a href=\"https:\/\/giovanirodriguez.dev\/10-best-sites-with-free-stock-images-for-your-page\/\">indicated free stock images<\/a>, of which we have spoken before.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" data-src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/08\/lalo-hernandez-2p7BD4T5GSE-unsplash-1-1-1-1024x659.jpg\" alt=\"Do you know how to improve page loading speed? what is a good page load speed? check your page speed SEO\" class=\"wp-image-5535 lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/659;\" \/><noscript><img decoding=\"async\" src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/08\/lalo-hernandez-2p7BD4T5GSE-unsplash-1-1-1-1024x659.jpg\" alt=\"Do you know how to improve page loading speed? what is a good page load speed? check your page speed SEO\" class=\"wp-image-5535\"\/><\/noscript><figcaption>Fast motocycle<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Make use of browser cache storage&nbsp;<\/h2>\n\n\n\n<p>There are many cached items (stylesheets, images, JavaScript files, etc.) that allow the browser to reload the page when a user returns. Find out if you have already set an expiration date for your cache. You can use tools like <a href=\"http:\/\/yslow.org\/\">YSlow<\/a>. Specifies how long you want that information to be cached when setting the \"expires\" header. Most of the time, a year is a reasonable period, unless your site design changes frequently.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Compress the file<\/h2>\n\n\n\n<p>If your CSS, HTML, and JavaScript files exceed 150 bytes in size, use <a href=\"https:\/\/www.gzip.org\/\">Gzip<\/a>, a file compression software application.<\/p>\n\n\n\n<p>It is better to reduce the quality of the images by using a program like Photoshop or TinyPNG.&nbsp;<\/p>\n\n\n\n<p>Your page\u2019s performance can be dramatically improved by optimizing code (including removing commas and spaces). Remove all unused code, code comments, and format as well. <a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/MinifyResources\">CSSNano and UglifyJS are recommended by Google.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Don\u2019t redirect so much<\/h2>\n\n\n\n<script async=\"\" src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<ins class=\"adsbygoogle\" style=\"display:block; text-align:center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-8789912029337488\" data-ad-slot=\"9182886459\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script<\/script>\n\n\n\n<p>The HTTP request-response cycle continues to run every time one-page redirects to another.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" data-src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/08\/toine-g-iRnUeA04kUY-unsplash-1-1-1-1024x657.jpg\" alt=\"what is a good page load speed? You need to check the page speed SEO. how to improve page loading speed?\" class=\"wp-image-5534 lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/657;\" \/><noscript><img decoding=\"async\" src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/08\/toine-g-iRnUeA04kUY-unsplash-1-1-1-1024x657.jpg\" alt=\"what is a good page load speed? You need to check the page speed SEO. how to improve page loading speed?\" class=\"wp-image-5534\"\/><\/noscript><figcaption>Fast car<\/figcaption><\/figure>\n\n\n\n<p>Let\u2019s say you have the following mobile redirection pattern:<\/p>\n\n\n\n<p><em>example.com -&gt; www.example.com -&gt; m.example.com -&gt; m.example.com\/home&nbsp;<\/em><\/p>\n\n\n\n<p>These two additional redirects make page loading much slower.&nbsp;<\/p>\n\n\n\n<p>JavaScript which representation blocks should be removed<\/p>\n\n\n\n<p>Rendering takes place after the browser has built a DOM tree by parsing HTML. While this process is ongoing, your browser can find a script that has to be executed before continuing. Blocking JavaScript should be avoided and minimized, according to Google.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Distribute content over a network<\/h2>\n\n\n\n<p>A content distribution network (CDN), also known as a content distribution network, is a network of servers used to distribute the content delivery load. Data centers that store copies of your site are distributed around the world so users can access your site faster and more reliably.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusions<\/h2>\n\n\n\n<p>As we can see, there is no point in having an innovative website with a great design that does not prioritize loading time, because, in the end, it will give results below the competition.<\/p>\n\n\n\n<p>Therefore, the speed at which your website loads is critical to your digital marketing strategy. It directly affects your organic rankings on Google and other search engines improve user experience and increase conversion rates.<\/p>\n\n\n\n<p>Several of the optimizations listed here may already be installed on your website, so some may not have a significant impact on loading time. However, there are diagnoses of websites and prioritization of actions that should be handled ideally by testing tools.<\/p>\n\n\n\n<p>Remember to test a website load time, even those that represent your competition. Now that you\u2019ve seen everything in action, please share what you\u2019ve experienced in the comments section. Did you learn how to improve page loading speed? So if you\u2019ve already optimized your website and want to see other tips or tools, don\u2019t hesitate to check other articles on this site:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/giovanirodriguez.dev\/hostinger-review-how-good-is-this-european-host\/\">Hostinger Review: How Good Is This European Host?<\/a><\/li><li><a href=\"https:\/\/giovanirodriguez.dev\/a2-hosting-pros-and-cons-review\/\">A2 Hosting Pros and Cons review<\/a><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>In the immediacy of our world today, the public is increasingly demanding. Even if your website has the best quality content, will anyone see it if it takes more than five seconds to load? Learn here to improving site speed.<\/p>\n","protected":false},"author":6,"featured_media":5532,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"wds_primary_category":0,"footnotes":""},"categories":[371],"tags":[321,359],"class_list":["post-5518","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo","tag-tools","tag-web-development"],"_links":{"self":[{"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/posts\/5518","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/comments?post=5518"}],"version-history":[{"count":1,"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/posts\/5518\/revisions"}],"predecessor-version":[{"id":6844,"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/posts\/5518\/revisions\/6844"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/media\/5532"}],"wp:attachment":[{"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/media?parent=5518"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/categories?post=5518"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/tags?post=5518"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}