How to improve Google PageSpeed scores?

S

seserg7772019-07-19 22:28:06

Joomla

seserg777, 2019-07-19 22:28:06

Are there ways to optimize Page Speed indicators other than optimization\compression of code\styles\scripts\images, caching? Particularly interested in CMS. Maybe it is still necessary to carry out some server settings?

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

K

Kirill Udaltsov, 2019-07-22
@uashkki

The metrics are primarily based on page load speed. From this it follows that the optimization of styles, scripts and images, in principle, can be limited, especially if it is a small site.
1. Place scripts at the end of the document, styles can also be in the tag <head>
2. For scripts, specify the async attribute (there are exceptions)
3. To ensure that styles are actually loaded after loading the entire DOM, include styles as follows:
4. Put important styles for content visible immediately after the page is loaded in a tag <style>separate from the main .css file
5. Place fonts next to css files
6. Avoid heavily nested everything, especially in css selectors
Bad:

div > p:nth-child(5) > b.color-red {
  color: red;
}

Good:

.color-red {
  color: red;
}

7. For images, you can use the new .webp format.
In theory, you can put the font in localstorage, but I don’t know how relevant this is
. In general, you shouldn’t focus on this. The main thing is to use common sense