2

我正在为客户开发一个网站，我只是在我能想到的每个浏览器中对其进行了测试。网站几乎所有浏览器都能在 2 秒内正常加载。但由于某些原因，在 Safari 中加载该网站需要将近 20 秒。

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

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

有任何想法吗？

4

1 回答 1

1

原来是 css property: 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 中的两个链接，您会看到我在说什么。

于 2013-02-25T10:36:53.047 回答