【发布时间】：2023-03-22 00:54:01
【问题描述】：
因此，我是一名后端开发人员，他正在努力开发一个响应式网站，出于 SEO 的原因，该网站需要能够显示多达 1000 个响应式“容器”来显示搜索结果，即...
[1]: http://107.6.139.93/Melbourne.homes
那么似乎正在发生的事情是浏览器正在锁定试图渲染所有这些容器或其他东西？对于少于 300 个结果的搜索，延迟是可以容忍的，即...
[2]: http://107.6.139.93/Viera.homes
老实说，我有点不知所措（我是一名数据库专家），我正在努力学习，但不知道在不使用分页的情况下是否可以提高性能（我的客户非常反对）
我想知道这里是否有人对我的问题有任何见解。
编辑 - 当您调整浏览器大小并等待响应启动时，会发生相同的“锁定”延迟
【问题讨论】：
-
尝试“Web Workers”从数据库加载数据，这很容易做到。并且浏览器没有“卡住”，因为 JS 在另一个线程中工作。
-
这不是数据库问题...当前的 CSS 设计只是锁定了浏览器，我们正试图找出原因。
-
SEO 要求您这样做的可能性很小。你几乎肯定做错了。见webmasters.stackexchange.com/questions/7383/… 和webmasters.stackexchange.com/questions/26244/…
-
如果我使用 Chrome 控制台 (F12) 监控网络流量，当我打开网站时，加载所有图像最多需要 5 秒。看起来在页面呈现之前连续加载了 280 张图像。应该有一种方法可以动态加载图像，而不是在页面中预先加载所有图像。
-
图片不是搜索优化的一部分，除非您将 Google 图片搜索计算在内。也许你加载文本内容，然后load the images as the page scrolls?
标签： performance css responsive-design