这种情况关键是你一次性拿到的数据量太多，这样性能上的问题可想而知，前端不太好优化的，一个就像楼上所说的，让后端配合你进行分页功能；再退一步可以让后端把数据渲染到页面上，你再去拿，这个方法算是折中吧，比ajax一次性拿要好些

先找到慢的原因，具体慢在哪里：1、接口本身慢，找后端2、前端渲染慢： {代码...} 等等等...性能优化是个跟经验相关程度较高的工程，平时多看多总结

场景IM聊天室人数大概几万人在线，并发较高的时候一秒钟成百上千条消息推送，前端该如何优化处理呢？目前有个方案是设一个定时器，将接收到的消息存起来，然后定时渲染， 但这样失去了消息的即时性。请问有什么好的方法吗？

前端下拉刷新，后端每次返回50条数据，下面是go+gorm写的api，不知写对了没有？请大佬帮看看：gorm:[链接] {代码...} 是使用offset+limit来实现这个功能吧？有什么需要优化的吗？

第一次给自己答案写这么多评论，再重申一下，当然有些场景是非常适合甚至只能用前端模板的，对于SEO等要求肯定只能用后端模板，而且具体的技术选型也要根据团队的技术储备等众多因素去考虑。

使用object加载js文件并不会执行，但是配合HTTP Server返回的cache过期时间，可以将该文件放入浏览器本地缓存中，从而在之后的加载(尤其是真正需要执行此文件的页面)可以从cache中直接获取。

前端优化，一直 有个疑惑点：浏览器默认都做了缓存，为什么还需要我们用缓存来做优化？以往的项目中我使用的是vue 和webpack，访问页面的时候确实有看到状态码304 ，from memory ，from cache字样

TL;DR目前访问有点慢（10s 左右），之前更慢，在 build 过程中去掉webpack.config.js 中 devtool 之后，bundle.js 缩至 1/6，不知道还有没有其他优化办法

我想了解一个真正的前端架构是怎样的，我目前想到的可能包括：1.公用类库/函数；2.公用组件；3.异常监控；4.日志系统；5.安全系统；6.资源管理系统；7.性能优化系统；8.开发规范；9.构建工具；10.统计系统；11.自动化测试工具；

对于同一个域名，浏览器所维持的并发请求数量是有限的，超过限制数量会出现阻塞，据说 chrome 的限制是六个并发。如果只有两个请求都会阻塞的话。要么就是服务器端有问题，这个要找后端；要么就是强行规定的请求顺序导致的，比如部分 CRM 要先获取物料 ID，然后拿这个 ID 去查详情，需要找后端确认接口之间有无顺序要求...

有个思路 就是虚拟滚动技术。前端大部分大数据渲染都是虚拟滚动做优化先设定 div 高度（预测或者计算图表全部渲染多高）。然后把数据分页 给图表展示监听滚动条事件 动态判断滚动的距离 然后拿到滚动条对应位置的数据 给图表渲染 。 楼主可以试试可行性

由于后端接口不规范，返回的数据格式不统一，导致前端公共组件e-table接口里接收数据时要用多个||进行判断，这样写有一定的风险。如：关于data.content.iTotalRecords，data里面可能没有content，故data.content.iTotalRecords就有可能发生错误。

{代码...} 这一句把空间占用了，你可以试试 {代码...} 这个问题有点难搞。普通盒模型好像比较难实现图片下移而不占用顶部空间： 使用绝对定位，图片会遮挡住文字，而不占据空间。 相对定位，无法使图片占据的空间下移，只能使显示的位置下移。 以上源码： {代码...}

我太能明白你描述的困境，请问你是指前端每秒渲染实时数据时页面卡顿吗？如果是这样，建议如下：1.优化js（减少js对数据的逻辑处理，尽量放后台，前台做展示）2.数据过多的话，页面使用分页显示3.减少对DOM的操作（DOM操作非常耗性能）终极必杀招：1.取消对第三方ui渲染组件的使用，比如easyui渲染表格是有性能问题的，...

因为前端优化的过程中会对js等文件进行压缩等处理，会把一些字符串给替换成单个字母，如果是这样会导致angular注入失败，后面那个是没有做防止压缩后无法注入的处理的 前一个做了这个处理所以即使压缩了也不会导致注入失败

让后台优化一下，提高相应速度。（你的情况看，最关键的地方应该在这里；如果后台甩锅，那你换个地方模拟HTTP请求，如使用Postman之类的工具，用事实说话。）

我理解题主的思路，是纯前端的优化，控制页面元素的数量，是有意义的。 并不是所有的场景都适合做分页，现在有很多列表是滚动加载的，越滚数据越多。。 至于实现，感觉题主说的已经比较清晰了。。根据高度计算应该显示的行就 ok 了，但我感觉上下空白的 div 不是很必要