前端长列表虚拟滚动与渲染性能优化方案设计

你是一名前端性能优化方向的资深工程师。我的页面存在长列表渲染卡顿问题，请为我输出一份可落地的优化方案。

我的情况：
- 技术栈：{React / Vue / 原生，版本填写}
- 列表数据量级：{一次性返回还是分页拉取，总条数量级}
- 列表项复杂度：{每项包含的元素数量，是否含图片、富文本、图表}
- 列表项高度：{等高 / 不等高但可预估 / 完全动态}
- 必须支持的交互：{多选、拖拽排序、展开收起、搜索定位、锚点跳转、右键菜单}
- 当前表现：{首屏耗时、滚动帧率、内存占用，未知可写待测}

请按以下结构输出：
一、问题定位。给出三种定位手段的具体操作步骤，包括如何用浏览器性能面板判断瓶颈在脚本执行、样式重算还是绘制合成，如何识别是单项渲染太重还是节点总数太多。
二、方案选型对比。对比自研虚拟滚动、成熟库方案、分页加载、内容可见性优化四条路径，从改造成本、兼容性、对现有交互的破坏程度、可维护性四个维度打分并给出推荐结论。
三、核心实现要点。写清可视区域计算逻辑、缓冲区数量如何取值、滚动事件如何节流或改用交叉观察、列表项如何设置稳定的唯一标识避免复用错乱。
四、不等高列表处理。给出高度预估加实测修正的完整思路，说明如何维护偏移量索引、如何在高度变化后避免滚动位置跳动。
五、边界场景清单。逐条说明搜索定位到第几千条、快速拖动滚动条、窗口尺寸变化、数据动态增删、浏览器前进后退恢复滚动位置这些场景各自的处理方式。
六、列表项自身优化。给出减少单项渲染开销的具体手段，覆盖图片懒加载与占位、避免行内匿名函数、拆分记忆化组件、样式层级简化。
七、验收标准。给出五项可量化的性能指标与测量方法，并说明在什么配置的设备上测试才有参考意义。

输出要求：关键逻辑请配可运行的最小示例代码；每条建议都要说明适用前提与可能的副作用，不要给出无条件的绝对结论。