Si consiglia comunque di incorporare above the fold CSS con l'adozione di http / 2?

8

Per un po 'di tempo ho seguito la raccomandazione di Google qui ( https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery ) per incorporare i criteri above the fold CSS per tempi di caricamento più rapidi. Mi chiedevo, sarà ancora necessario con l'adozione di http2 sempre più in alto? Il mio ragionamento è il modo in cui lo capisco http2 consente richieste parallele attraverso una connessione in modo che il CSS possa iniziare a scaricare subito? Qualcuno, per favore, mi corregga se la mia comprensione di come funziona http2 è sbagliata ...

https

— jetyet47
fonte

2

Hai ragione sulla necessità di non incorporare più i CSS con l'adozione di HTTP / 2. È un dato di fatto, le migliori pratiche HTTP / 2 suggeriscono il contrario di allineare. La domanda che persiste per te e per qualsiasi lettore di questo post è: quando è il momento giusto per fare questo passaggio?

Un passaggio da inline a non inline (e lo stesso sarebbe vero per gli sprite di immagini) dovrebbe essere fatto solo dopo aver valutato attentamente le capacità del browser / client degli utenti di accettare HTTP / 2. L'uso dell'analitica per informare la tua decisione elimina le ipotesi.

Nel corso del tempo non sarei sorpreso di vedere modifiche ad apache, mod_pagespeed, nginx, svanire e altri per l'autoinline solo per client / browser HTTP / 1. Quindi, rimanete sintonizzati sugli aggiornamenti della versione per i principali server Web per automatizzare questa modifica.

Per ulteriori informazioni su HTTP / 2, consiglio vivamente il podcast di changelog.com su HTTP / 2 con Ilya Grigorieva, l'architetto principale dietro gli sforzi di Google http: 2: ascolta l'intervista qui

— John Mark Mitchell
fonte

1

L'idea alla base dell'integrazione per above-the-fold è ancora valida perché le richieste di CSS richiedono ancora lo stesso tempo e le pagine vengono ancora bloccate durante il download del file CSS. HTTP / 2 non accelera i download. Permette il download simultaneo. In questo modo, le immagini e altri file non vengono collegati in attesa del loro posto in linea ma, ancora una volta, ci vuole tanto tempo per scaricarli, eseguirli o installarli come prima di HTTP / 2.

— rapinare
fonte

Supponi di avere una pagina con un file CSS e un'immagine. L'immagine ha una dimensione del file maggiore rispetto al CSS. Se vengono scaricati contemporaneamente, non importa se il CSS è stato inserito o meno perché il tempo di download richiederà comunque il tempo più lungo della risorsa, in questo caso l'immagine?

— jetyet47,

@ jetyet47 Il mio punto era che l'OP pensava che HTTP / 2 accelerasse il download. Non è così. Si noti che i CSS bloccano il primo disegno fino a quando non viene scaricato e non viene creato il modello di oggetti CSS.

— Rob