+ Rispondi alla Discussione
Risultati da 1 a 3 di 3

Come fare il css defer senza penalizzare page speed

Ultimo Messaggio di Violetta Parma il:
  1. #1
    User
    Data Registrazione
    Feb 2017
    Località
    Parma
    Messaggi
    16

    Come fare il css defer senza penalizzare page speed

    Dopo aver inserito inline il css necessario per la pagina, ho bisogno di inserire il link ad 1 css esterno per le font icon social (ho scelto awesome ospitato sulla cdn di bootstrap). Se inserisco il link dopo il tag di chiusura html comunque page speed rileva un calo di performance sul mobile con uno score 75, mentre sul desktop lo score rimane come prima cioé 100. Tra l'altro questa tecnica invalida la pagina AMP. Qualcuno ha trovato un altro modo per ritardare il caricamento css non necessario above the fold che non sia penalizzante per la velocità?

  2. #2
    Utente Premium
    Data Registrazione
    Jul 2012
    Località
    Roma
    Messaggi
    1,218
    Mi è nuova questa cosa del CSS dopo il tag di chiusura HTML, i CSS dovrebbero andare nell'HEAD prima del BODY, e dopo la chiusura dell'HTML non ci dovrebbe essere nulla... o mi sono perso qualcosa?

  3. #3
    User
    Data Registrazione
    Feb 2017
    Località
    Parma
    Messaggi
    16
    la regola ferrea è come dici tu, css inline o link al css esterno in head. Poi è intervenuta la regola del blocco che fa' il css (di richiesta esterna) sull' above the fold che comporta uno score negativo di circa 10 punti nel Page speed. Allora si sono moltiplicate le tecniche per superare il problema, c'è il lazy loading del css, il defer del css, oppure più semplicemente spostare il link al css esterno dopo la chiusura del tag di html. Tutte queste tecniche possono andare per le pagine html ma non vengono validate in AMP, a meno che' mi sia sfuggita qualche possibilità. E appunto magari qui nel forum qualcuno ha risolto il problema, perché se si riesce ad incorporare il css inline quando è il proprio css, altrettanto non si può fare con i font di libreria ...
    ps: in generale in AMP il css non può essere esterno, ma mi riferisco al css dei font "whitelisted"
    Ultima modifica di Violetta Parma; 21-04-17 alle 19:01

+ Rispondi alla Discussione

Tag per Questa Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.