Otimizar para o Page Speed do Google

Deixo aqui a dica de como fiz para otimizar o site no Page Speed do Google.

O PageSpeed Insights, também conhecido como PSI, é uma ferramenta online do Google que avalia a velocidade de carregamento de uma página web.

Site de exemplo onde foi realizado os testes.

Os testes foram realizados usando o site https://bid8j1ta.appsaas.com.br/ que, alás, é um dos diversos sites que usamos para demostração, treinamento, etc. Abaixo, o resultado comparativo. Primeiro, fizemos a medição antes de instalar os plugins. Depois, instalamos os dois plugins, ativamos, ajustamos e novamente fizemos a outra medição pra comparar os resultados. 

Antes de instalar os plugins

Desktop - antes.
Mobile - antes.

Depois de instalar os plugins

Desktop - depois.
Mobile - depois.

Para quem quiser também fazer os testes, baixe os plugins em:

Nota:

Vale lembrar que estes plugins não pode ficar ativos durante o tempo de desenvolvimento, principalmente se você está usando o plugin Elementor, pois, por criar cache e ainda por transformar os arquivos js e css em arquivos compactados, você não vai conseguir trabalhar no desenvolvimento do site. Portanto, esses plugins devem ser ativados depois do site totalmente desenvolvidos. Caso precise fazer alterações no modo desenvolvimento, se faz necessário desativar temporariamente esses dois plugins, pelo menos durante o tempo em que estiver fazendo alterações no layout ou na instalação de novos plugins por exemplo.
Neste vídeo abaixo mostraremos, de maneira rápida, a comparação de antes de instalar os plugins e depois de ter instalado os dois plugins que otimizam o tempo de carregamento da pagina.