2008-10-17 38 views
1

我做了一些优化我的网站,我试图找出一些内嵌代码是多么大的是,才可以证明的,而不是被写入内嵌有它自己的文件。当到单独的文件以节省带宽

我如何测量它的猜测是,代码(在这种情况下,CSS或JS)的量将需要大于发送和接收获得304响应的HTTP报文。

请忽略了一个事实,这是一个很好的做法,保持样式和javascript了HTML页面的只有想不到在浏览器的性能方面。 :)

+0

欣赏到目前为止的答案,但这是理论多于实际。现在的问题是如何大做了一些代码必须是之前缓存的HTTP请求是不是下载代码内嵌小。 原因,这可能包括移动的发展,其中最大的增长放缓是多余的http请求 – mjallday 2008-10-17 03:51:07

回答

5

老实说,在浏览器性能方面,分离你的CSS & JS文件并适当设置Expires头,使他们被缓存将增加性能,不会降低它。浏览器将缓存它,并且永远不会再请求它,这会减少在多个页面查看期间传输的数据量。

只有当您的大多数观众来到您的网站时才会使用空缓存只查看1页会内联CSS & JS帮助。

参见:

0

我还想补充一点,你应该你的JS/CSS合并成一个下载(每个)如果可能的话,以节省HTTP连接到Web服务器。我相信雅虎在Ryan发布的URL中提出这个建议。我最终编写了自己的可以结合脚本和CSS的.NET组件,并且在需要时将它们最小化并缓存它们(服务器端)。

+0

很遗憾,我有点想念回答原来的问题:你有一个通过单独的页面需要CSS或脚本,它需要在外部的任何时间文件。在复制的代码没有用。而像Ryan说,一旦浏览器下载并缓存它,就不会再得到它。 – 2008-10-17 03:40:27

0

但是,如果您的观众只会看到您的网站一次,或者如果你不想要文件被缓存,那么包含CSS和JS内联。

最佳做法是让你的服务器合并和gzip所有的CSS/JS文件合并成一个文件缓存来保存请求和带宽。

这可以很容易地安装在至少Tomcat和Glassfish的。

0

展望它自己多一点;我想我正走在正确的轨道上。

实际的HTTP请求看起来有点像这样:

HTTP/1.1 304 Not Modified 
Cache-Control: max-age=604800, public 
Last-Modified: Tue, 17 Jun 2008 17:20:41 GMT 
Date: Mon, 20 Oct 2008 03:49:58 GMT 
Server: ucfe 

大约是163个字节吧?

通过查看一下(http://www.freesoft.org/CIE/Course/Section4/8.htm),它看起来像一个TCP数据包本身的范围可以从大约20个字节向上。

所以我猜想总的请求+响应看起来像大约250个字节(猜测tcp数据包的30个字节+请求和响应文本的一点填充)。真的没什么。

我想那时大家都是对的。没什么大不了的。仍然对这如何影响移动浏览器感兴趣,但是多个请求的延迟将成为大问题。

请讲了,如果我在我的计算出现了失误

相关问题