For my site, the result for mobile is 1/100, for PC - 27/100. Link to the test .

How to eliminate all the shortcomings of the site on Wordpress in the new Google PageSpeed ​​Insights?

It is possible that someone has already solved similar problems for sites on WP, share, please, links to articles or solutions, thanks in advance!

Closed due to the fact that off-topic participants are SeVlad , 0xdb , LFC , Enikeyschik , andreymal on Feb. 6 at 10:02 .

It seems that this question does not correspond to the subject of the site. Those who voted to close it indicated the following reason:

  • “Questions asking for help with debugging (“ why does this code not work? ”) Should include the desired behavior, a specific problem or error, and a minimum code for playing it right in the question . Questions without an explicit description of the problem are useless for other visitors. See How to create minimal, self-sufficient and reproducible example . " - SeVlad, 0xdb, LFC, Enikeyschik, andreymal
If the question can be reformulated according to the rules set out in the certificate , edit it .

  • I wrote about this: ru.stackoverflow.com/a/743906/220220 Something is outdated, but in general, can be taken as the initial manual for action. - KAGG Design
  • Until yesterday, everything was OK, and then suddenly it became bad because some fake service failed to do so? searchengines.guru/showthread.php?t=1004306 And yes the question is off topic SO - SeVlad
  • @KAGGDesign there is no mod_pagespeed module for Apache, I will try to install it now - spoilt 1:59 pm
  • @SeVlad before innovations in Google PageSpeed ​​Insights the site was in the green zone for both mobile and PC - spoilt
  • I know (whining around the internet the 3rd day), and you don't even think. Read the link KAGG Desig and my answer. And the topics on the chain that I gave here and there. - SeVlad pm

1 answer 1

Check your website with a Lighthouse audit.

Check out the critical resources of your website using the WebPageTest tool (recommended by Google).

To optimize your critical resources, use the Google guide Optimizing the visualization process .

To optimize your images, use recommendations from Google Web Fundamentals Responsive Images . Here it may be useful to pay attention to the fact that you assign different image files for different media queries or image formats using the picture element. For example:

<picture> <source media="(min-width: 800px)" srcset="head.jpg, head-2x.jpg 2x"> <source media="(min-width: 450px)" srcset="head-small.jpg, head-small-2x.jpg 2x"> <img src="head-fb.jpg" srcset="head-fb-2x.jpg 2x" alt="a head carved out of wood"> </picture>

You can also use the following code, which will allow the browser to automatically calculate the optimal pixel density and select the correct image to load using the srcset element:

 <img src="lighthouse-200.jpg" srcset="lighthouse-100.jpg 100w, lighthouse-200.jpg 200w,lighthouse-400.jpg 400w, lighthouse-800.jpg 800w, lighthouse-1000.jpg 1000w, lighthouse-1400.jpg 1400w, lighthouse-1800.jpg 1800w" alt="a lighthouse">

Please note that currently the lightest images are JPG (JPEG) images. You can use the Photo Editor PIXLR tool to change the image format and to change the image size .

The ImageOptim tool can be useful for compressing images.