我有一个网页，其中有许多区域的可见性可以由用户切换。这些区域的默认可见性状态是隐藏的（css，显示：无）。我无法控制里面要放什么，但它可能是很多图像。
我用 Firefox 的网络观察器看到了所有加载页面的图像。这是相当浪费带宽的，因为用户可能选择不显示每个区域。
我来到了一个工作区，我将所有内容放在 a<script type="late-rendering"></script>中，为了避免任何潜在的冲突（例如：内容中的“”），我将所有“<”替换为“8691jQfdtxm”（随机选择的字符串）。然后当用户想要使一个区域可见时，我只需在用“<”替换 8691jQfdtxm 后用该内容填充该区域。
它工作正常，但我认为这样的操作会让爬虫（例如：谷歌）认为我的网页是纯粹的垃圾。我怎么能避免呢？
除非搜索引擎严重依赖alt您图像的标签或它们的标签，否则filenames您失去搜索排名的风险很小。如果您的网站确实加载得更快，它将提供更好的用户体验，这可能会被 Google 检测到，这会对排名产生积极影响。
谷歌这些天执行了很多 Javascript。而且你用随机字符串破坏 html 的技巧对我来说似乎很狡猾。
我会预加载所有文本内容（例如，在第一次加载时将所有文本内容都放在其中，并通过 display:none 关闭 div）。此内容不会与可见内容一样重要 - 但它确实很重要。
然后我会延迟加载图像。就像让你的所有图像一样：
<img src="blank.jpg" loadlater="realimage.jpg">
blank.jpg 可以是一个很小的图像。当 div 打开时，您可以使用 javascript/jquery 用 loadlater 重写每个 src。