Posso vedere solo CSS e JS incorporati durante la visualizzazione del codice sorgente della pagina Web di Google. Non vedo alcun file CSS o file JS da includere.Perché Google utilizza JavaScript e CSS in linea?
Come fanno jquery, plug-in, ecc.? (o) Google utilizza Jquery?
Google usesClosure Compiler per comprimere il suo JavaScript.
No, Google certamente non usa jQuery-è tutto vaniglia JavaScript e (a volte) Closure Library.
Per quanto riguarda l'inlining, se JS/CSS è relativamente piccolo, è più veloce inserirlo in linea per ridurre al minimo il numero di richieste HTTP.
Google Page Speed Online può darti alcuni suggerimenti su come ottimizzare la tua pagina.
mod_pagespeed for Apache può fare molte ottimizzazioni per te (incluso il contenuto inlining dove appropriato).
"La libreria di chiusura funge da libreria JavaScript di base per molti prodotti Google, tra cui: Gmail, Maps, Documenti, Siti, Libri, Lettore, Blogger, Calendario, Google+, Foto." Https://developers.google.com/closure/library/ –
+1 ora è una spiegazione approfondita – Joseph
È abbastanza ironico come la pagina che hai linkato usi effettivamente jQuery ora;) –
Molto probabilmente utilizzano un software di elaborazione che converte il loro sviluppo HTML/CSS/JS in HTML/CSS/JS che riceviamo dai visitatori del loro sito.
Molti siti lo fanno in una certa misura (come la compressione dei file CSS e JS per ridurne la dimensione) ma è anche possibile integrare tutto con un processore.
La pagina di ricerca di Google (quella con il logo Google gigante) non è altro che una singola "web app". utilizza AJAX per comunicare con il server per recuperare le sue ricerche, quindi non è nemmeno necessario uscire dalla pagina.
con quello detto, ha più senso per caricare la pagina (con fonte schiacciata) in una grossa fetta (HTML + CSS + JS) piuttosto che utilizzare diversi file di fogli di stile, di pagina e script.
questo è un vantaggio poiché riduce la quantità di richieste HTTP a solo un file (anziché avere un indice separato e diversi CSS e JS) e rende la pagina veloce. e per non parlare, quella singola pagina è intercambiabile. la prossima volta che visiti quella pagina, si apre direttamente dalla cache e non è richiesta alcuna richiesta HTTP.
In tal caso, perché non tutti fanno inline CSS e JS? Inoltre, considerando le probabilità che qualcuno abbia il CSS e JS per google.com nella cache del browser ...;) – bzlm
perché non tutti eseguono un sito "single paged"/"web-app-like". questi tipi di pagine sono difficili da mantenere. ci sono molte cose da considerare quando si fa questo invece del tradizionale sito web pagina per pagina – Joseph
Com'è così diverso dai siti multipagina? E perché la cachabilità sarebbe diversa se avessero usato CSS e JS non in linea? Tutte le risorse potrebbero facilmente "filtrare direttamente dalla cache", no? – bzlm
Pensa ad alta voce molto? :) – bzlm
pagina web di google .. quale? la ricerca? – Joseph
Sì, la ricerca. –