Come creare siti Web più veloci

Sep 11, 2025

Come si fa

Davanti al suo discorso a Genera Londra. Il 21 settembre abbiamo raggiunto Patrick Hamann. , un tecnico delle prestazioni web a Velocemente , chi è in missione per costruire un web più veloce per tutti.

Cosa coinvolge il tuo ruolo?
Patrick Hamann: È una piattaforma della nuvola di Body che è una piattaforma che compia alcuni dei marchi più grandi del mondo. Il mio ruolo si concentra prevalentemente su R & AMP; D; Lavorando con i team in modo rapido per utilizzare le tecnologie del lato client e gli standard Web per migliorare le prestazioni e la consegna dei nostri prodotti e - soprattutto, i servizi dei nostri clienti. Alcuni progetti attuali includono iniziative attorno al monitoraggio delle prestazioni del browser, alle metriche e ai lavoratori dei servizi.

Prima di entrare in fretta, hai passato del tempo a entrambi i Guardian sia ai tempi finanziari. Come hanno avvicinato le prestazioni del nastro?
PH: Le prestazioni non sono più un elemento aggiuntivo o controllo post-deplorazione. Deve essere uno sforzo costante che ogni persona nell'organizzazione ritiene, dal design fino alla consegna. Questo è qualcosa che queste organizzazioni di notizie si sono rese conto molto presto, introducendo pratiche come l'infrastruttura di monitoraggio degli edifici per misurare e confrontare le prestazioni contro i concorrenti, prioritaria per la priorità alla consegna dei contenuti rispetto ad altre caratteristiche e utilizzando tecnologie come i lavoratori dei servizi.

Qual è il più grande ostacolo a un'esperienza veloce online in questo momento?
PH: Una parola: JavaScript. Immagino che dovrei elaborare leggermente questo: il web è al culmine di una crisi di obesità javascript. La pagina Web media offre ora circa 500kb di script. Script che richiede più di un secondo a solo analizzare: per non solo l'esecuzione - su un dispositivo a bassa potenza e superiore a cinque secondi per raggiungere uno stato che l'utente può interagire con la pagina. Pertanto, l'unico modo per migliorare l'esperienza dell'utente dei nostri siti è di misurare, ottimizzare e ridurre il nostro JavaScript, soprattutto.

WebPageTest runs a free website speed test from multiple locations around the globe using real browsers and at real consumer connection speeds — WebPageTest esegue un test di velocità del sito Web gratuito da più posizioni in tutto il mondo utilizzando i browser reali e con velocità di connessione dei consumatori reali

Quali sono i tuoi strumenti preferiti per ottimizzare le prestazioni web?
PH: Sono un forte credente che non puoi ottimizzare ciò che non hai ancora misurato. Quindi la mia cassetta degli attrezzi è pesantemente ponderata agli strumenti di misurazione e profilazione. Per la misurazione sintetica, raggiungerò sempre Webpagetest. e Browser Developer Tools (riquadri di rete e prestazioni). Tuttavia, niente batte anche a misura di esperienze dell'utente reale (r.u.m), quindi anche una buona conoscenza delle API della distribuzione delle prestazioni del browser aiutano anche.

Hai lavorato su alcune tappe di codici molto grandi. Quali sono le sfide del lavoro su scala?
PH: Da e grande sostenerei che un grosso codice di codici condivide la maggior parte dei problemi che troverai in uno più piccolo: eliminando il CSS inutilizzato (un problema che penso sia irrisolto), nella cache, nella cache, costruisci condutture e controllening, e così via. Ottieni anche più 'bit road' - le migliori pratiche che diventano anti-modelli nel tempo. Ma personalmente ho trovato la maggior parte delle sfide in scala sono problemi di persone, non quelli tecnici. Devo ancora lavorare in una grande organizzazione che non è influenzata dalla legge di Conway.

Ti chiami un progressivo avvocato di miglioramento. Di cosa si tratta di quell'approccio che risuona con te?
PH: Contrariamente alla credenza popolare, i nostri utenti utilizzano effettivamente i prodotti che costruiamo nel mondo reale: uno pieno di condizioni di navigazione non ideali e fallimento intorno ad ogni angolo. Il miglioramento progressivo ci consente di costruire esperienze che sono comprensive per tutti i nostri utenti e sono resilienti per i fallimenti del mondo reale. È abbastanza semplice: inizia con le basi, non una libreria JavaScript da 300 KB che ti ha parlato del tuo barista locale. Non dovremmo dimenticare le basi.

A cosa sei entusiasta di uno sviluppo di frontend al momento?
PH: Il web è minacciato. Gli utenti stanno spendendo più tempo in nativo - e così sciocchezza - le esperienze app lontano dall'apertura del Web. Eppure sembrano ancora costruire cantieri che richiedono 20 secondi e costano £ 1,20 per carico sulla mia connessione di roaming, alla fine guidando oltre i nostri utenti.

Fortunatamente, le tecnologie come il lavoratore dei servizi e le API associate sono qui per aiutare. Non posso aspettare una nuova era di siti Web veloci e resilienti che funzionano ancora offline, possono sincronizzare i miei dati in background e avvisarmi gli aggiornamenti. Alcune persone chiamano questa progressione 'progressive web apps'. Preferisco il termine "il web".

In his talk at Generate London Patrick Hamann will explore the current, past, and future best-practices for loading assets in the browser — Nel suo discorso a Genera London Patrick Hamann esplorerà le migliori pratiche attuali, passate e future per il caricamento di beni nel browser

Cosa possono aspettarsi le persone di imparare dal tuo discorso a Genera Londra. ?
PH: All'estero, servendo un sito Web sembra piuttosto semplice: inviare un po 'di html e css in fondo al filo, il browser decide cosa fare dopo. Tuttavia, molto in realtà sta succedendo sotto il cappuccio, tutto venendo a un costo per i nostri utenti.

In che modo il browser determina quale risorsa richiedere il prossimo? Come possiamo misurare la velocità percepita dei nostri siti web? Come possiamo utilizzare le moderne caratteristiche della piattaforma Web per influenzare la priorità e la velocità dei nostri beni? Speriamo che il mio discorsi risponderà a queste domande e di più. Dare al pubblico gli strumenti per creare esperienze più veloci e resilienti per i loro utenti.

Genera Londra. Il 21/22 settembre presenta 15 altre presentazioni che coprono animazioni web, strategia UX, prototipazione, accessibilità, componenti Responsive CSS e molto altro. Ci sono anche quattro workshop tra cui scegliere il giorno prima della conferenza ma i biglietti sono molto limitati. Prenota il tuo posto ora !

Come creare siti Web più veloci

Come si fa - Articoli più popolari

Come girare il giorno nella notte in Photoshop

Inizia con la piattaforma di animazione Greensock

Affinity Designer: come utilizzare il personaggio di esportazione

Come utilizzare le trame in Photoshop

Inizia con la stampa monotype

Come creare le tue tavole di tela

Simula una trasformazione di Ghost Rider

Come nominare la tua agenzia di progettazione Web

Categorie