¿Por qué la fuente de visualización de Google es tan desordenada?

Parece desordenado porque el código fuente de Google está optimizado para la entrega a través de la red y la velocidad de carga y no para la legibilidad / depuración.

Algunas de las técnicas que han utilizado:

1. Han colapsado y eliminado espacios en blanco redundantes para disminuir el número de bytes transferidos. Esto ha eliminado la sangría, haciendo que el código sea más difícil de leer.

2. Han eliminado comentarios para disminuir el número de bytes transferidos.

3. Han utilizado código en línea (js y css) para mantener el número de conexiones de red al mínimo una vez que se carga la página, y su código js en línea se comprime acortando los nombres de las variables, eliminando los comentarios / espacios en blanco.

4. Lo más probable es que sus clases CSS también cambien de nombre. Haciéndolos más difíciles de leer pero haciendo que la página sea pequeña.

Anteriormente descubrieron que cargar la página de resultados de búsqueda en 0.9 segundos en lugar de 0.4 segundos disminuyó el tráfico y los ingresos publicitarios en un 20% [1] Por lo tanto, existe un increíble incentivo para que Google optimice la velocidad.

Nunca he trabajado en Google, pero estoy 100% seguro de que todos los pasos anteriores están automatizados (de hecho, puedes ver que han usado el Compilador de cierre de Google) y los ingenieros de Google están viendo un código mucho más detallado y fácil de leer mientras Están haciendo desarrollo.

Hay muchos procesos detrás de esa página web “simple”. Si desea tener una idea de lo que está sucediendo, puede “embellecer” el código.

Copie la fuente de la página y diríjase a Online Code Beautifier para JavaScript, HTML, CSS y PHP y formateará el código con la idea adecuada.

Espero que eso ayude.

Google realiza millones de búsquedas por día. Un solo kb adicional costará mucho ancho de banda y tiempo. Google tiene que cargar más rápido para minimizar / uglificar el código del sitio para reducir el tamaño de la página web. Y cuando uglifica el código del sitio se vuelve desordenado. Intente usar el HTML Beautifier en línea – BeautifyTools.com para que sea un poco más legible.

Haga clic derecho y seleccione inspeccionar elemento, copie todo y péguelo en un nuevo archivo de texto, guarde como html, lo obtendrá fácilmente.