动态加载/卸载javascript和css样式表是否有优势?
背景:
我正在整理一个将使用ajax作为更改内容的主要方法的网站。这样,主页框架和图像不必在每次页面更改时不断重新加载。主框架有自己的site.css样式表。
问题1:
是否值得将所有样式表信息放入单个样式表中?我认为这会使网站更少模块化。每次添加/删除新页面或内容时,都必须更新css(假设内容需要不同的样式信息)。
问题1.1:
同样的问题,但用javascript。
问题2:
如果有多个样式表是值得的(我认为是这样),那么在不使用样式表时卸载它是有益的。例如,我加载profile.php页面,以便动态加载profile.css。然后用户更改到settings.php页面,我卸载profile.css并加载settings.css。这种恒定的装载/卸载是否会达到油箱性能甚至节省网站尺寸?
问题2.1
与上述问题相同但适用于javascript函数。
没有找到相关结果
已邀请:
6 个回复
奥李
茂坦湿床够
渐首洽陈染
- 46.8 Kb - 加载时间87 ms 只是为了更多地推动这一点,这里是这个特定SO页面上的一堆其他项目的加载时间(通过光纤连接在我四岁的笔记本电脑上): 以下是(部分)这些组件的相对大小: 我认为,如果你能够很好地构建网站的其余部分,那么你不必担心在最后几毫秒内优化它们,直到它们真正重要。
穗揣
窝头菊
然后在链接标记中正常引用它。
问题1.1 与以前相同的答案只需使用它:
问题2 不会。一旦加载,它将始终可以在内存缓存中访问。 Googles GWT框架实际上编译了所有外部内容,并将其作为一个庞大的整体包进行传输。这是因为每个域只能执行2个并发HTTP_Requests。这也是为什么雅虎的速度指南建议你将你的CSS放在页面的顶部,你的javascript放在body标签的底部。 问题2.1 不。但是请尽量保持外部文件小。始终缩小生产代码。
冉案
部分附加的
标记内,或将CSS文件添加到
,或者甚至有您的规则设置为HTML元素的
属性。 答案1.1 如果你应该根据需要加载Javascript代码,这个代码不应该重新加载两次,除非你真的需要重新加载代码,原因有些不明...... 但无论如何,CSS和Javascript都不应该“卸载”,没有任何意义。 答案2和2.1 如果几年前你问过这个问题,答案可能是“加载一个样式表和/或Javascript更好”,但这不再是真的了。随着互联网连接速度和计算机性能的提高,浏览器变得非常高效,并且麻烦不值得性能提升(大多数时候)。此外,如果这些资源是静态的(URL不会更改),则会对它们进行缓存和重用,但是可以使用很多资源。如果期待等待,用户通常不介意等待(参见第2.10节),或者这是第一次。