What do you do to get a good google page speed score, and should you even care about it?

Question

Web development

I uploaded my layout to the hosting for the first time and got a bad score on Google page speed (hosting is free). I would like to have a good score.



My build included:

• Uglify js minifier
  
• CSS minifier - Clean css
  
• imagemin
  
• gulp-webp and a function that changes jpg and png background images to webp if the browser is webkit
  

Perhaps I should change the assembly? What can I do to get a good score? And do I need to think about it while I'm still new to the frontend?

Answer 1

What can I do to get a good score?

There is a list of specific recommendations and explanations below on the page.

And do I need to think about it while I'm still new to the frontend?

It is necessary, but not very strenuously. Many things are easier to do at the start of a project, and for this you need to know about them. If you spend a couple of hours now going through each of Lighthouse's recommendations, you will raise your level on this issue quite a lot.
In reality, a lot depends on the client - they may not want to make normal images, disable or delay the loading of third-party scripts (Y.Metrika + Zhivosite can easily gobble up 20 points on their own).
But the developer must do everything in his power to improve the result. For example, for the sake of a map, half a megabyte of Yandex API scripts are loaded in the basement, which blocks the site for 4 seconds. Of course, it needs to be loaded lazily when a person actually scrolled there.

Answer 2

It says just below what needs to be done to increase the score. At the very least, I think caching is not enabled for you, and you probably use free hosting, which, to put it mildly, does not work quickly. Google also requires lazy load and transfer of scripts/styles to the footer.
And layout affects 10 percent. The rest is back and server.
On Wordpress, I achieved the following scores:

spoiler

Answer 3

I always do 100/100.
Of course, your framework.
I had no problems meeting all the requirements.
Regarding search results : Google VERY APPRECIATES! the work of webmasters who comply with its rules for optimizing the site code and server settings.
The problem you have is that the code must be "clean" BEFORE different minifiers and optimizers.
Then, they may not be needed from words at all + never ... (I don’t use them at all, because I can’t fully control the logic of minification execution, and why? ...)

Answer 4

By the way, I think the recommendation about the pictures is extremely controversial.
Literally bumped into today. Everything looks great on the web, but artifacts appeared on the tablet, so watch the result of this optimizer.
The second claim from the category of grumblers. Of course, I understand that webp is the format for displaying. But the fact that it is not visible in the explorer annoys me, as well as the inability to open it in the editor without unnecessary gestures.