Racconti da 200 trincee

Le prestazioni sono critiche Le prestazioni, in particolare la velocità delle pagine Web, sono un fattore chiave per il successo dei progetti Web. Garantire punteggi di prestazioni pari a 100 è un obiettivo primario.

Procedure di sviluppo

• Utilizza Google PageSpeed Insights per eseguire test continui durante lo sviluppo.
• Avvia i progetti con un codice boilerplate che ha già un punteggio di 100 per mantenere alte le prestazioni.
• Prima dell’unione, assicurati che le richieste pull (PR) soddisfino gli standard di prestazioni.

Metriche chiave si concentrano sull'ottimizzazione di LCP (Largest Contentful Paint) e TBT (Total Blocking Time) in quanto influiscono in modo significativo sui punteggi delle prestazioni.

Gestione risorse

• Includi le risorse necessarie, come font e script di terze parti, nell’origine del progetto.
• Utilizza i fallback dei font per migliorare i tempi di caricamento.
• Ritarda il caricamento di script non essenziali per migliorare le prestazioni di caricamento iniziali.

Ottimizzazione immagine Assegna la priorità al caricamento di immagini superiori alla piega e utilizza le impostazioni di recupero ad alta priorità per le immagini critiche.

Casi di studio

• CNN.com ha ottimizzato gli indici di query e ha ritardato il caricamento degli annunci Google per migliorare le prestazioni.
• Herbert Homes ha utilizzato l'API Intersection Observer per caricare i dati mentre gli utenti scorrono, migliorando le prestazioni e l'esperienza utente.

Best practice

• Inizia con un codice boilerplate e utilizza un markup ben strutturato.
• Utilizza selettori CSS avanzati e riduci al minimo la manipolazione del JavaScript.
• Concentrati sullo sviluppo mobile-first.
• Garantire agli autori una struttura dei contenuti intuitiva.

Strumenti Utilizza strumenti come Google Sheets e DSA per tenere traccia dei punteggi delle prestazioni del sito nel tempo.