Compactar CSS/JS em Landing Page

[will90]

Olá, pessoal.

Trabalhei numa landing page de desenvolvimento de site para uma agência de marketing digital e estou tendo alguns problemas para otimizá-la para o Google. O URL é http://desenvolversitelondrina.com.br/

Preciso compactar CSS e JS para diminuir a velocidade de carregamento da página, mas estou com medo de bagunçar o site todo porque nunca fiz isso e ouvi relatos de experiências péssimas. Como é possível arrumar isso?

Envio o URL do relatório do relatório do Google Page Speed que indica essa mudança: https://developers.google.com/speed/pagespeed/insights/?hl=pt-BR&url=http%3A%2F%2Fdesenvolversitelondrina.com.br%2F&tab=desktop

Obrigado.

 

 

 

[darkstrikerd]

@will90 As libs que vi na análise (como o Jquery) já tem versões compactadas para download. 

 

Veja em http://jquery.com/download/

 

Por padrão, eu uso versões compactadas das libs e deixo meus JS e CSS sem compactação mesmo, já que por via de regra não são assim tão grandes.

 

Outra boa prática é você usar essas libs direto do Google, por exemplo, vi que está usando o Jquery, ao invés de deixar uma versão do arquivo no seu site, use linkado direto do google: https://developers.google.com/speed/libraries/

 

Vários sites na web usam essa prática, então, quando o usuário entrar no seu site, a chance dele já ter esse arquivo em cache é muito grande, reduzindo consideravelmente o tempo de load da página.

[will90]

@darkstrikerd Valeu, vou dar uma olhada e qualquer coisa volto aqui!