javascript - 加载动态 HTML - 服务器端或客户端

标签 javascript jquery html json ajax

我一直在从事一个项目,其中我正在进行 AJAX 调用以从数据库加载 100 条记录,然后将其呈现在 slider 上。

准确地说,我要获取的数据是所有图像的“图像路径”,以及其他详细信息,例如“ slider 缩略图的大小”、“要显示的缩略图的数量”等。

对于这个数据列表,我有两个选择: 1. 在服务器端生成 HTML 并将其发送到客户端,客户端将应用到 slider 。 2. 生成json数据并发送给客户端。解析此 json 数据并生成 slider 的幻灯片。

我很困惑要使用哪种方法来提高客户端/服务器的整体性能。 Google 搜索和阅读文章表明,使用 json 数据更快。然而,在执行了一些初始测试来获取和渲染 HTML 之后,我们发现在服务器端生成 HTML 并将其发送到客户端进行渲染比将 json 数据发送到客户端并准备 HTML 进行渲染要快得多。

如果有人能够解决这个问题,那就太好了,服务器每小时大约有 4k-5k 次点击。

最佳答案

围绕这个主题有很多非常精彩的讨论,但我倾向于客户端渲染。我的理由是 1. 如果您的服务器经常受到攻击,服务器端渲染会减慢服务器的响应时间,并可能导致排队时间很长,2. 因为您是与标记和样式分开发出请求,您可以在用户端有一个启动页面或一些等待动画,而不是在服务器编译所有内容时让它们坐在白屏上。这只是我的观点,但我发现客户端渲染可以提供最佳的用户体验以及从网络服务器卸载计算通常是一个好主意

关于javascript - 加载动态 HTML - 服务器端或客户端,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38692689/

相关文章:

jquery - 按钮图标未显示

javascript - 让div在页面加载时不显示,然后在函数运行时显示 block

javascript - 如何在 javascript 中的现有表单中添加新的表单元素?

html - MVC 4 Razor 添加输入类型日期

javascript - 如何清理剩余的 watch

javascript - RxJS 的开关函数

javascript - jQuery.proxy 中的第三个参数是做什么用的?

JavaScript - 在 DIV 中选择文本时更改按钮的值(并将其组合到一个简单的函数中)

php 变量在 jquery 或 javascript highchart 中正确传递

html - 为什么只有当我在 iframe 上移动鼠标时我的 CSS 动画才流畅?