Today, let’s talk a little bit about this tool: the PageSpeed Insights. But before we talk about it, we need to know a little bit about the Google Search Console .
Briefly, as we have seen in previous posts, Google Search Console is a simple and easy tool to use.
With just a few clicks you can view your site as a whole or only a specific part. Of course, your order status and possible optimizations.
To learn more about the tool, I suggest reading our post on What is Google Webmaster Tools . I hope you come back here, do not worry. ; )
As was said in the post, it has a number of interesting suuuper features for you to monitor your site!
Meet the main clicking here and reading our two posts that deal with their features ( Part One , Part Two ).
The important thing is that you understand what we are talking. To make clear the importance of using the PageSpeed Insights. D.
We can continue? Great ^ – ^
PageSpeed Insights is a tool Google Webmaster Tools that will access and process every element of your site, generating a note for it.
As? Evaluating it in some requirements that are deemed important for both desktop and for mobile to improve the user experience.
This tool is geared for the purpose of SEO . If you do not know what SEO is or what its importance, we also have article talking about it right here.
No, it will take into account several aspects that influence the user experience. Made this assessment, the PageSpeed Insights will return a note, which is graded from 0 to 100. Of course j unto her, the errors that were found.
These errors are not really errors, but are recommended to improve the user experience. After all, if they were really errors, your site would not run right straight rs.
Leverage browser cache: It will point out which points are not being entered with a consistent length of time.
Thus, the user will have faster access to your site. Since you already have lots of files previously downloaded on your device.
This greatly saves the consumption data for the mobile and increases performance, regardless of the device.
Enable compression: You have to enable compression using the HTTP header. The compression uses smaller files that consume less data to lower them by loading the site faster.
Remove JavaScript and CSS rendering blocking the content above the rim: We’ll deal with it later. Do not worry. 🙂
Avoid landing page redirects: page redirects are requests that slow page loading. This is to be performed via HTTP.
So every redirect you have more, it will be a new request. So it is good to avoid them. ; )
Optimize images: You’ll resize the image in measures “acceptable” if it is too large. You can use software to move the image pixels without decreasing noticeably their quality as well.
Prioritize the visible content: It is recommended that you have the bare minimum loading of CSS and scripts in the header. Calling those who are left only in the footer.
And believe me, it works! For it is facilitating loading the content that comes before.
However, it is not a mistake. Only seeks to improve the user experience allowing faster loading.
Reduce server response time: You should analyze at what point is the server response delay.
The use of web traffic monitoring tools can help you solve your problem. (Of course, using a foreign server does not help right).
The response bechmark a server needs to be below 1.3 seconds as recently reported by Google.
The average time it takes a page to display the information for a user is 3 seconds (source: Google)
The amount of elements that need to be loaded before showing the whole page the user is called ‘average score of requests to the server.’ The benchmark provided by Google is 50 requests.
Now I suppose you must be wondering how is the platform. Let us make a step by step to get an overview of it. Just below you can see how is the classification of the site rules.
The flap green indicates which rules PageSpeed Insights that the site already obeys. That is, every time your site is approved for a new rule, you can see here.
The flap yellow indicates the possible errors that can and should be corrected but are not causing a serious impediment to access.
The rules on which is not approved may be caused by more than one occurrence of the same error. Causing you to have to repeat more than once the error resolution process.
Compression of general files should be made. But why? Why it will decrease the size of the files.
This decrease will increase the performance at the time the files are uploaded to the server and then downloaded by the user to access the site.
The question is, how to compress these files? As a practical matter, you can start enabling compression on your server using the HTTP header.
It enables compression of a range of different extensions. However, there are specific alternatives for compressing files with extensions CSS, HTML or JavaScript. There are certain versions online of some software used for this.
PageSpeed Insights recommends cssmin.js for CSS and Closure Compiler for JavaScript. These programs have a free online version for use. As for HTML, it is recommended to use a proper extension of PageSpeed Insights.
Using CSS and JavaScript, basically you’ll get all your code, copy and paste it on the platform, run the algorithm, and ready. Difficult? Not even a little. : D
After that, just paste the code back in your file and you will have reduced the size of all the files you need.
That is, to get up a note on the PageSpeed Insights , you need to develop your website and optimize it to improve the user experience.
Not a focused optimization to improve your site so that search engines put your website in a better ranking. Its best ranking will only be the fruit you improve your site to users.
Liked the post? Tell us what you think in the comments! Or if you have any questions please contact us!
To the next. : D