Solo puedo ver CSS y JS en línea mientras veo el código fuente de la página web de Google. No veo ningún archivo CSS o archivo JS incluido.¿Por qué Google usa JavaScript y CSS en línea?
¿Cómo incluyen jquery, complementos, etc.? (o) ¿Google usa Jquery?
Google usesClosure Compiler para comprimir su JavaScript.
No, Google ciertamente no usa jQuery, es todo JavaScript vainilla y (a veces) Closure Library.
En cuanto a la línea interior, si JS/CSS es relativamente pequeño, es más rápido alinearlo para minimizar el número de solicitudes HTTP.
Google Page Speed Online puede darle algunos consejos sobre cómo optimizar su página.
mod_pagespeed for Apache puede hacer muchas optimizaciones para usted (incluido el contenido en línea cuando corresponda).
"The Closure Library sirve como la biblioteca base de JavaScript para muchos productos de Google, incluidos: Gmail, Maps, Docs, Sites, Books, Reader, Blogger, Calendar, Google+, Photos". Https://developers.google.com/closure/library/ –
+1 ahora que es una explicación completa – Joseph
Es bastante irónico cómo la página que enlazó realmente usa jQuery ahora;) –
Lo más probable es que utilicen algún software de procesamiento que convierta su HTML/CSS/JS de desarrollo en el HTML/CSS/JS que recibimos los visitantes de su sitio.
Muchos sitios hacen esto hasta cierto punto (como comprimir los archivos CSS y JS para reducir su tamaño de archivo) pero también es posible alinear todo con un procesador.
La página de búsqueda de Google (la que tiene el logotipo gigante de Google) no es más que una sola "aplicación web" paginada. usa AJAX para comunicarse con el servidor para recuperar sus búsquedas, por lo que ni siquiera necesita salir de la página.
dicho esto, tiene más sentido para cargar la página (con fuente aplastado) en una gran parte (HTML + CSS + JS) en lugar de utilizar varios archivos de hojas de estilo, la página y secuencias de comandos.
esto es una ventaja ya que reduce la cantidad de solicitudes HTTP a solo un archivo (en lugar de tener un índice separado y varios CSS y JS) y hace que la página cargue más rápido. y para no mencionar, esa sola página es cachable. La próxima vez que visite esa página, simplemente aparecerá directamente desde la memoria caché y no se requerirá ninguna solicitud HTTP.
En ese caso, ¿por qué no todos hacen CSS y JS en línea? Además, teniendo en cuenta las probabilidades de que alguien tenga CSS y JS para google.com en su caché del navegador ...;) – bzlm
porque no todos ejecutan un sitio de "una sola página"/"aplicación web". este tipo de páginas son difíciles de mantener. hay mucho que considerar al hacer esto en lugar del sitio web tradicional página por página – Joseph
¿Qué diferencia hay entre los sitios de varias páginas? ¿Y por qué sería diferente la cachabilidad si hubieran usado CSS y JS no en línea? Todos los recursos podrían simplemente "salir directamente del caché", ¿no es así? – bzlm
¿Piensas en voz alta? :) – bzlm
página web de google ... ¿cuál? ¿la búsqueda? – Joseph
Sí, la búsqueda. –