使用Javascript渲染元素加速页面？

Question

正是基于最佳实践告诉我们优先考虑内联HTML和外部CSS和JS文件以获得性能优势。

提供尽可能小的HTML文件是一个好主意吗？并使用Javascript / jQuery尽可能多地渲染DOM，在客户端连接Javascript事件等？

Answer 1

将CSS和JS保存在单独的文件中的原因与性能无关。如果有任何问题，可能会因为向服务器的额外往返而减慢您的页面速度。

真正的原因是，对于任何复杂的网页（应用程序）而言，将页面的逻辑结构（声明性HTML）与布局（CSS）和UI逻辑（Javascript）分开是非常重要的。

可以而且应该使用缓存，缩小等单独解决性能问题。

Answer 2

通常，为浏览器提供HTML更快。

当然，一切都取决于服务器创建此HTML所需的时间。

但就客户端呈现而言，预先构建的HTML总是会赢得javascript生成的文档。这是因为DOM-API相对较慢（尽管最近已做了很多改进）。

CSS和JS的分离与可维护性和SEO更相关。