Question

我正在为一个客户的网站工作，我只是在我能想到的每个浏览器中测试它。几乎每个浏览器网站都能在2秒内完成加载。但由于某些原因，在Safari中网站需要将近20秒才能加载。

我正在使用OSX 10.8.2上的Safari 6.02进行测试

[edit]网站地址被删除，因为它是一个开发服务器请查看答案，以获得有关该问题的演示的永久链接。

有什么想法吗？

Answer 1

原来是css属性：text-shadow导致了我的所有问题。

这个网站的设计师在一些文字周围使用了一些粉红色的光晕，所以我在四个地方使用这样的规则：

text-shadow: 
  0 0 10px rgba(60,3,64, 0.6), 
  0 0 20px rgba(60,3,64, 0.6), 
  0 0 30px rgba(60,3,64, 0.6), 
  0 0 40px rgba(60,3,64, 0.6), 
  0 0 70px rgba(60,3,64, 0.6), 
  0 0 80px rgba(60,3,64, 0.6), 
  0 0 100px rgba(60,3,64, 0.6), 
  0 0 150px rgba(60,3,64, 0.6);

现在文本阴影工作得很好，并且在几乎所有现代浏览器中都看起来相当不错，但它确实让safari 6慢慢地突然出现。实际上在iPad上它几乎崩溃了浏览器。并且客户抱怨它也在他的iMac上崩溃了浏览器（虽然我没有能够复制这种行为，因为我没有iMac）。

好的，所以我制作了一个演示，向别人展示我在说什么：

http://www.waspdigital.com/demo/text-shadow-on 和 http://www.waspdigital.com/demo/text-shadow-off

请访问最新版safari中的两个链接，您将看到我在说什么。

OSX 10.8.2上的网站加载速度非常慢

1 个答案: