如何缓存我的javascript文件以提高性能

Question

所以这是我的标题:

<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> 
<script type="text/javascript" src="js/jquery-ui-1.8.14.custom.min.js"></script> 
<script type="text/javascript" src="js/jdpicker/jquery.jdpicker.js"></script> 
<script type="text/javascript" src="js/uniform/jquery.uniform.min.js"></script> 
<script type="text/javascript" src="js/jquery.hotkeys.js"></script> 
<script type="text/javascript" src="js/visualize/visualize.jQuery.js"></script> 
<script type="text/javascript" src="js/jquery.cookie.js"></script> 
<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.pack.js"></script> 
<script type="text/javascript" src="js/jwysiwyg/jquery.wysiwyg.js"></script> 

所有这些都必须加载,它滞后我的网站如何让他们缓存,以便加载时间更快

Answer 1

你的裤子里装了很多JavaScript!我的建议是(请不要被冒犯,因为我相信你已经采取了很多这些步骤):

• 确保您需要页面上的所有这些js文件.你在用fancybox吗？你在用cookie.js吗？如果您可以从列表中删除任何js文件,请执行此操作.
• 这些js文件是否可以通过CDN获得？jQuery是.jQuery UI是.这将减少您的服务器上的负载,并且许多用户可能已经在他们的网站上使用这些js库的缓存版本来到您的网站!
• 你可以换掉你的库的更轻版本吗？如果是这样,交换他们!
• 对于您在本地托管的文件,请缩小并混搭它们.如果您在Visual Studio中工作,则可以使用Chirpy或Combres.如果您不使用Visual Studio,那么还有很多其他很酷的工具可以帮助您减少CSS和JS资产的大小.
• 考虑使用Less for CSS和CoffeeScript for JS.它们会加快您的开发周期并且它们会预先优化您的许多代码(如果您很幸运的话).
• 现在你已经有了一个大的,精简的,优化的JS文件,你可以缓存它.此步骤是特定于平台的,因此您可能需要进行搜索.

我错过了什么关键吗？这些是我采取的快速步骤.我认为.