Caricare più in fretta l'elemento visibile più grande

Mi aiuti a caricare più in fretta l'elemento visibile più grande di una pagina.
Pagina: [Pagina]
Elemento: [Elemento]
Struttura: [Struttura]
Procedura: 1. Legga il report di misurazione e l'inizio dell'HTML della pagina e indichi l'elemento più grande nella prima area visibile su mobile e desktop. 2. Suddivida il tempo di caricamento di questo elemento in parti: risposta del server, attesa prima dell'avvio del caricamento, durata del caricamento e tempo fino alla visualizzazione. 3. Verifichi i freni tipici: immagine con caricamento differito, immagine inserita solo da uno script, file troppo grande, fogli di stile o font bloccanti, reindirizzamenti. 4. Proponga modifiche come annunciare l'immagine in anticipo, disattivare il caricamento differito per questa immagine, fornire dimensioni e formati adatti o includere direttamente gli stili critici. 5. Ordini le modifiche per effetto atteso e impegno. 6. Descriva come verificare il risultato dopo la modifica con dati di laboratorio e dati di utenti reali.
Risultato: elemento per dispositivo, suddivisione dei tempi, elenco delle modifiche ordinato per effetto e un piano di verifica.

Fai particolare attenzione a si concentri sull'unico elemento che determina la velocità percepita.

Prima di rispondere, controlla: hai rispettato tutte le indicazioni? Se manca un'informazione importante o nel testo è rimasto un segnaposto tra parentesi quadre, chiedi invece di indovinare. Indica chiaramente le ipotesi.​