何时分离文件以节省带宽

我正在为我的网站做一些优化,并试图弄清楚一些内联代码有多大,然后才能证明拥有它自己的文件而不是内联编写.

我对如何衡量它的猜测是,代码量(在这种情况下为CSS或JS)需要大于发送和接收的HTTP数据包以获得304响应.

请忽略这样一个事实,即将样式和javascript保留在HTML页面之外,只考虑浏览器性能.:)

老实说,在浏览器性能方面,将CSS和JS文件分开并正确设置过期标题以便缓存它们将提高性能,而不是降低性能.浏览器将缓存它并且从不再次请求它,这减少了在多个页面查看期间传输的数据量.

只有当您的大多数受众使用空缓存进入您的网站时,只有查看1页才会内联CSS和JS帮助.

看到:

http://developer.yahoo.com/performance/

http://www.ryandoherty.net/2008/10/12/optimizing-openspacebook/