Performance 针对100'的CSS响应性能问题；集装箱运输缓慢

因此，我是一个后端开发人员，我正在努力开发一个响应性强的网站，出于SEO原因，该网站需要能够为搜索结果显示多达1000个响应性“容器”，即

[1]: http://107.6.139.93/Melbourne.homes

那么，浏览器试图呈现所有这些容器或其他东西时出现了锁定的情况？对于搜索结果少于300个的搜索，延迟是可以容忍的，即

[2]: http://107.6.139.93/Viera.homes

老实说，我在这里有点不知所措（我是一个数据库专家），我正在努力学习，但不知道是否有可能在不使用分页的情况下提高性能（这是我的客户非常反对的）

我想知道这里是否有人对我的问题有任何见解

---

编辑-当您调整浏览器大小并等待响应性启动时，同样的“锁定”延迟也会发生。我认为您的浏览器内存过载，这是css无法解决的。它是整个软件包（图像和内容）

您可以通过使用无限滚动来解决这一问题，从而仅在用户滚动时加载内容。在投入到无限的搜索引擎之前，有一些事情是你必须注意的，尤其是在搜索引擎优化级别

您可能需要阅读以下内容：

---

尝试使用“Web工作者”从数据库加载数据，这相当容易。浏览器不会因为JS在另一个线程中工作而“卡住”。这不是一个数据库问题……当前的CSS设计只是锁定了浏览器，我们正在试图找出原因。SEO不太可能要求您这样做。你几乎肯定做错了。请参阅，如果我使用Chrome控制台（F12）监控网络流量，当我打开网站时，加载所有图像最多需要5秒钟。看起来在页面呈现之前，有280个图像被连续加载。应该有一种动态加载图像的方法，而不是在页面中预加载所有图像。图像不是搜索优化的一部分，除非你将谷歌图像搜索计算在内。也许您加载了文本内容，然后呢？事实证明，这是一个浏览器回流/渲染树问题，由于显示了大量的元素，并且需要动态调整元素的大小和位置，画布的渲染被淹没了。更多信息