如何从我的网站缓存脚本和图像?

时间:2011-04-24 09:56:13

标签: php jquery html caching browser-cache


问题::::::


我一直在尝试创建一个网站(托管在x10hosting上)。所以我一直在寻找如何建立一个快速网站。我有一个页面来改进Jquery代码。以下是该页面的链接。 在那个页面中,我读到包括来自Google.com的Jquery框架代码可以加快网站的速度。我也找到了原因,因为Google.com缓存了Jquery框架代码,因此用户不必一次又一次地下载Jquery框架代码。所以我想我可以用我的网站做到这一点。好吧,我正在使用基于Linux的网站。因此,任何人都可以建议在我的网站中缓存脚本或图像的页面或代码,以便用户不必一次又一次地下载它。


链接::::::


Improve JQuery


感谢提前!

3 个答案:

答案 0 :(得分:3)

只要您使用普通的静态文件(以.js.gif结尾等),您的服务器就已经为您进行了缓存。

您可以在Firefox中使用Firebug等工具,或在Chrome中使用内置的开发者控制台。最简单的方法是右键单击一个元素,然后选择“Inspect element”。

如果切换到“网络”标签,您将看到必须为当前文件发出的所有请求。

enter image description here

304 not modified(from cache)表示资源未再次加载。如果您看到静态资源的那些,则已经存在一些缓存。主文档通常每次都会重新加载;跟踪代码(例如Google Analytics和广告)也是如此。在大型网站上,您也会看到许多200 OK个请求。

在选项卡中,您还可以找到每个资源的响应标头。本教程可帮助解读每个标头的含义:Caching Tutorial for web authors and webmasters

微调缓存是一个非常复杂的领域。 Here是一个涉及在Apache上缓存图像的问题。 Stack Overflow对此有各种各样的问题。

如果您希望通常考虑加快网站速度,请查看以下问题:Optimizations to reduce website loading time

答案 1 :(得分:1)

正如pekka所说,微调缓存是一个非常复杂的领域。我建议从书籍"High Performance Web Sites"开始,然后按yahoo performance blog

答案 2 :(得分:0)

正如他们所说的那样x10对付费网络主机非常有用,如果您的网站使用大型数据库,任何真正的速度问题都将与MSQL一起使用。

将所有javascript(.js)和css放入外部文件[托管于任何地方],以便将它们缓存在访问者浏览器中以便重复使用,这是一个不错的开始。 (大多数人都知道图像缓存,但通常不知道css和js文件也会缓存)

另一个有用的技巧是Client Side Includes,通过将每次页面加载时通常必须从服务器移动到访问者的html块也可以通过将html包装在javascript文件中来缓存在浏览器中。

相关问题