我的网站上有很多引用的.js文件;那些是相当小的文件,但我想让我的方法按主题/功能分开。
将所有方法保存在一个.js文件中是否更好?或者包含许多(~20 - 30)个小文件(仅包括一些行)是没有问题的吗?
答案 0 :(得分:3)
一定要将它们分开进行开发,但是你应该考虑将它们捆绑在一起用于生产。
进行了很好的讨论对于这些文件中的每一个,都是HTTP 请求被发送到服务器,和 然后浏览器等待响应 在请求下一个文件之前。 浏览器的限制(或限制) 通常会阻止并行下载。 这意味着对于每个文件,您 等待请求到达 服务器,服务器来处理 请求和回复(包括 文件内容本身)与您联系。放 端到端,其中一些可以做到 页面加载时间差别很大。
答案 1 :(得分:2)
实际上有这么多引用文件是个坏主意。性能问题的基本思想是尝试尽可能地减少HTTP请求(至少在生产服务器上)。看一下这个http://developer.yahoo.com/performance/rules.html#num_http
答案 2 :(得分:0)
有没有人有一个聪明的nant脚本可以为你做这个?我编写了一个自定义的nant任务,它使用YUI压缩器来缩小我的css和js,但是添加组合会很有用。你们怎么处理这个?
答案 3 :(得分:0)
我不知道你在服务器端使用什么框架(如果有的话),但Ruby on Rails有一个脚本包含功能,根据设置(例如测试或生产)它可以创建大量的脚本标签(通常是测试)模式)或创建一个标签,所有脚本连接成一个(可选择用一些插件压缩)文件。我相信很多其他框架也支持这样的东西。
更新:我记得: 你也可以手动压缩(通过剥离空格和注释,缩短变量名等),并将javascript文件和CSS文件与Yahoo! UI Library: YUI Compressor结合起来。在压缩之前,请确保您的JavaScript正确无误,请尝试JSLint。