Javascript 将JS和CSS作为单个文件(包)下载

Javascript 将JS和CSS作为单个文件(包)下载,javascript,performance,Javascript,Performance,为了提高我们网站的性能,我们将代码分成了几个模块。(为每个功能分别加载JS文件和CSS文件。)现在,我们将在页面加载期间仅加载核心文件,并仅在用户请求该功能时加载其余文件。我们考虑加载连接文件(JS文件和CSS文件)来保存请求,而不是分别发送JS和CSS请求。有办法吗 注意:我们已经尝试了以下技术 通过Ajax加载并通过JS拆分。考虑到精心设计的站点能够并行下载JS文件和CSS文件。因此,一旦您将所有CSS组合在一个CSS文件中,将所有JS组合在一个JS文件中,并确保可以并行下载这两个文件(例

为了提高我们网站的性能,我们将代码分成了几个模块。(为每个功能分别加载JS文件和CSS文件。)现在,我们将在页面加载期间仅加载核心文件,并仅在用户请求该功能时加载其余文件。我们考虑加载连接文件(JS文件和CSS文件)来保存请求,而不是分别发送JS和CSS请求。有办法吗

注意:我们已经尝试了以下技术


通过Ajax加载并通过JS拆分。考虑到精心设计的站点能够并行下载JS文件和CSS文件。因此,一旦您将所有CSS组合在一个CSS文件中,将所有JS组合在一个JS文件中,并确保可以并行下载这两个文件(例如,使用JS DEDER)您应该比下载JS+CSS串联的单个文件获得更好的端到端性能(这也可以避免处理ajax响应所花费的时间)

顺便说一句,以上所有工作都可以由(如果您使用apache或nginx)自动和动态完成


如果以上所述还不够,您可能需要研究CDN(这是一个很好的免费起点),并确保资源缓存的配置是最佳的(mod_pagespeed部分为您提供了这一功能).

您使用了MSDN链接,您是否也在使用ASP.NET或某种.NET框架,或者您正在使用直接的HTML/Javascript?不,我没有使用.NET,我正在尝试使用HTML/Javascript来实现这一点