Question

感谢大家花时间阅读本文。

我使用列表在我的网站上设置了导航栏和其他一些东西。例如......

<ul>
    <li id="n1"><a href="http://www.beaconrecords.com/index.php"></a></li>
    <li id="n2"><a href="artists"></a></li>
    <li id="n3"><a href="lifestyle.php"></a></li>
    <li id="n4"><a href="events.php"></a></li>
    <li id="n5"><a href="shop.php"></a></li>
    <li id="n6"><a href="contact.php"></a></li>
    <li id="n7"><a href="about.php"></a></li>
</ul>

它完美地工作，但是当它加载时，它有点像呼吸。它开始萎缩一点点，然后在一秒钟后扩展到正确的位置。我不知道是什么导致了这个问题，我认为这不是由于我设置列表的方式，正如我将展示的那样。

这是有问题的网站。 http://beaconrecords.com/

这是一个没有问题的测试链接。 http://beaconrecords.com/wp-content/themes/br/test.php

Answer 1

我个人并不认为这有任何问题，但是，我认为将“闪电”间隔物切割成两个图像是可能的，解决该问题也可能会修复另一个问题。我会扩展每个li中的图像以包含间隔符（或者甚至更好，使用单词图像作为链接的背景，并使用间隔符作为除最后{或第一个}列表项之外的所有项目的背景）

现在闪电灯没有正确显示给我（在Chrome中），这将是确保这一点的方法。

Answer 2

在Google PageSpeed上测试您的网站：https://developers.google.com/speed/pagespeed/insights#url=http_3A_2F_2Fbeaconrecords.com&mobile=false - 也许您找到了一些可以改进的地方。在我看来，您的网站通常会减慢我在1M连接上的负载。

CSS样式列表UL LI - （sprites）加载jumpy

2 个答案: