javascript - HTML 大小对我的 Js 有多重要(对我的页面加载时间更重要)

Question

我正在开发一个网站，我曾经使用无序列表进行导航，但前一段时间我从雅虎开发者博客中看到了一些文章。在本文中，他们解释了如何缩短加载时间，并且提供了大量性能改进提示和技巧。现在我已经尝试在 google 上搜索有关 html 的语义以及是否使用链接的 ul 列表或仅在“div”或任何其他语义上适合目的元素的“a”标签。实际上每个人都鼓励使用它们，对我来说它已经感觉很自然，但我计算了我的链接并且大约我已经有大约 120 个(可能更多)链接(每个都在列表元素内)。你有什么建议？或者有人可以推荐关于它的好文章吗？

<ul>
     <li>
         <a href="#">Link</a>
     </li>
</ul>

or

<div>
     <a href="#">Link</a>
</div>

附言哦，不要对我的链接感到惊讶，它们存在是有原因的:)

Answer 1

从 CSS 渲染的 Angular 来看，我会选择无序列表，因为我认为它会使 CSS 更清晰；此外，您的站点中可能有更多的 div，因此当浏览器搜索匹配项时，它不必尝试匹配每个 div 样式。然而，这确实是一个微优化，除非您对页面进行概要分析并发现它存在问题，否则您不必太担心它。

至于提高页面性能，还有许多其他途径(缓存、缩小、减少往返)。我建议你阅读 this .这是谷歌关于网络性能最佳实践的想法。此外，请查看您最喜欢的网络浏览器(应该是 Chrome)中的一些分析工具。