如何优化网页上10,000个元素的呈现？

Question

我是一个完整的网页开发人员，我最近一直在寻找一份年轻的工作，因为我没有为公司工作的经验，但我过去做过一些项目，从设计到部署(大约6年)。

在一次工作面试中，我最近被问到我认为在前端CSS问题背景下一个奇怪的问题：

面试官：“你会做些什么来优化将许多元素呈现到页面中的性能？”

我：“我不认为我遵循，优化了什么?你说‘渲染’是什么意思？”

面试官：“假设您从后端获得了10,000个搜索结果，您如何优化将其呈现到页面上的性能？”

我：“对不起，但不明白这个问题，在前端，如果你必须全部渲染，我不知道如何‘优化’渲染。我们是在这里讨论CSS ?还是JS? Ajax?”

采访者："...Whatever你认为解决这个问题是合适的.“

我：“说实话，我一开始不会发送1万条搜索结果。如果有必要的话，我一次只会向用户显示少量搜索结果，可能会使用占位符(后来澄清了，我指的是虚拟列表)来加载元素。但如果你想同时显示所有内容，我看不出一个解决方案……”

面试官好像我搞错了..。

我错过什么了吗？我甚至在网上寻找答案，但什么也没找到，老实说，我对我的前端知识(特别是)有信心.但这个问题让我想，也许我错过了这个领域的一些东西。

编辑:为了澄清，我并不特别在意这是否是面试官想要的答案，我想知道，除了我给出的例子之外，是否还有一种我不知道的方法来优化这些元素的渲染。

Answer 1

我们不可能知道面试官所期望的答案。

但如果这是一个现实世界的情况，那么唯一正确的答案是“瓶颈在哪里？”如果您有性能问题，您需要使用分析来确定问题的位置，因为它可能在堆栈中的任何位置。