为什么谷歌使用内联JavaScript和CSS

Why does Google use inline JavaScript and CSS?

本文关键字：JavaScript CSS 谷歌为什么更新时间：2023-09-26

在查看谷歌网页的源代码时，我只能看到内联CSS和JS。我没有看到任何CSS文件或JS文件被包括在内。

它们是如何包含jquery、插件等的？（或者）谷歌使用Jquery吗？

Google使用闭包编译器来压缩其JavaScript
不，谷歌当然不使用jQuery——它都是普通的JavaScript和（有时）闭包库。

至于内联，如果JS/CSS相对较小，那么内联它会更快，以最大限度地减少HTTP请求的数量。

Google页面速度在线可以为您提供一些关于如何优化页面的提示
Apache的mod_pagespeed可以为您做许多优化（包括适当的内容内联）。

他们很可能使用一些处理软件，将他们的开发HTML/CSS/JS转换为我们网站访问者收到的HTML/CSS/JS。

许多网站在一定程度上做到了这一点（例如压缩CSS和JS文件以减小其文件大小），但也可以使用处理器内联所有内容。

谷歌搜索页面（带有巨大谷歌标志的页面）不过是一个单页的"网络应用程序"。它使用AJAX与服务器通信来检索它的搜索，因此您甚至不需要离开页面。

话虽如此，将页面（压缩源代码）加载到一个大块（HTML+CSS+JS）中比将多个文件用于样式表、页面和脚本更有意义。

这是一个优势，因为它将HTTP请求的数量减少到只有一个文件（而不是有一个单独的索引和几个CSS和JS），并使页面加载快速。更不用说，那一页是可缓存的。下次访问该页面时，它会直接从缓存中弹出，不需要HTTP请求。