Le migliori da fare potrebbero essere molte.

Critical CSS, Caricamento asincrono JS e CSS completo, Service Worker, Font Face Observer, ma principalmente limitare al minimo JS e CSS inutili.

Se avrai 30 immagini usa il lazy load.

Non è brutto da vedere il lazy load? Il problema è che vorrei evitare altri plugin ma se implemento il lazy load via javascript rischio di aumentare di nuovo il numero del codice da ottimizzare...o no?

Come minimizzo js e CSS?

Perché è brutto il lazy load?

In teoria l'utente non aspetta che carichino le immagini ? Non so se sia brutto è una mia idea.... Comunque adesso siamo sui 3/4 secondi. A casa proverò a cachare e quindi ad attivare il minify. Altre idee?

Le altre idee te le ho scritte sopra

Riguardo al lazy load in realtà puoi farlo in modo che l'utente non si accorga neanche che vengano caricate successivamente al load impostando un treshold che anticipa il caricamento prima di X pixel dalla visibilità nello schermo.

In caso di slideshow invece basta precaricare le 2 successive all'attuale.

Per l'utente diventa tutto trasparente.

Grazie per i vostri preziosi consigli. Vi chiedo un ultimo favore, ho attivato w3 total cache ma adesso la pagina contenente un calendaio (lavora con js) non funziona più. Se disattivo minify per javascript da w3 cache è inutile, come posso risolvere?

Il calendario in questione si trova a casalemaremma.it/contatti/.
Ho provato a ispezionare la pagina ma è tutto inline e non ci capisco un tubo ...

casalemaremma.it/contatti/

In che senso non funziona più?

A me sembra funzionare il calendario.

Ho attivato il minify ma ho escluso la pagina contenente il plugin ed infatti la pagina funziona. Ora se volessi implementare js e css asyncroni però mi si sfancula di nuovo il plugin. Un'idea sarebbe quella di togliere il calendario e metterci un form con date ed un calendario semplice per reminder...

Molto probabilmente l'implementazione del calendario necessita che in quella pagina il JS non venga caricato asincrono.