Codice HTML ben formattato rispetto a un codice di linea

Question

Vedo sempre più pagine (ad esempio translate.google) in cui il codice html è formattato in una riga? È fatto per abbreviare il tempo di caricamento? È lo stato dell'arte adesso?

Grazie

Answer 1

La risposta breve è Sì: riduce la dimensione del download.

Anche se questo non ha molto impatto sulla velocità di download per il singolo utente, se il sito pubblica pagine per molti utenti, l'effetto cumulativo è una significativa riduzione della quantità di traffico che il loro server ha inviare.

È piuttosto semplice rimuovere lo spazio bianco ridondante da un documento HTML, quindi sarebbe probabilmente stato scritto con lo spazio bianco intatto durante lo sviluppo, e quindi rimosso in seguito quando è stato distribuito nel sistema live.

Troverete che i file Javascript e CSS hanno spesso lo stesso trattamento.

Come utente finale, non si dovrebbe avere alcuna necessità di guardare il codice HTML non elaborato. Se vuoi veramente vedere come è scritta la pagina, non guardare la fonte, piuttosto guarda il DOM - cioè la vista ad albero degli elementi nella pagina HTML (per scopi visivi, il DOM è molto più di questo , ma è quello che vedi)

Puoi vederlo usando l'estensione Firebug di Firefox o la funzione Strumenti per gli sviluppatori in IE8, Chrome o Safari.

Spero che questo aiuti.

Answer 2

HTML è per i browser. Non hanno bisogno di nuove linee/spazi extra di cui le persone hanno bisogno.

Se HTML viene generato in un programma, è necessario ulteriore tempo/codice per formattare l'HTML leggibile per gli esseri umani. Quindi è più facile stamparlo in una riga.

Answer 3

Giusto per aggiungere fino (hai già grandi risposte risposte):

Se vuoi essere stato dell'arte in termini di prestazioni web qui è una risorsa fantastica.

Yahoo's Best Practices for Speeding Up Your Web Site

Buona fortuna!