2013-02-22 33 views
2

很慢,我的工作在网站上的客户端,我只是测试它在每一个浏览器我能想到的。它几乎每个浏览器的网站加载罚款,在2秒钟内。但由于某些原因,Safari浏览器需要将近20秒才能加载。网站加载在Safari 6.02在OSX 10.8.2

我的Safari 6.02在OSX 10.8.2测试

[编辑]网站地址删除,因为它是一个开发服务器,请查看答复永久链接到这个问题的演示。

任何想法?

+0

只有你的Safari浏览器,或每Safari浏览器? (其他人也体验过它?) – Dropout 2013-02-22 14:27:35

+0

我在iPad上的Safari 6中测试过它,它发生在那里。 Sarafi 5在我的Windows 7机器中没有发生这种情况。它发生在另一个MacBook Pro以外的Safari 6上。它也不会发生在我的iPhone iOS模拟器中,但它确实发生在iPad的iOS模拟器中。 – deweydb 2013-02-22 15:02:32

+0

我已经尝试禁用网站上的所有JavaScript,但它仍然加载非常缓慢,它几乎就像Safari 6不喜欢我的图像文件。 – deweydb 2013-02-22 15:04:24

回答

0

原来这是CSS属性:这是造成我的所有问题文本阴影。

这个网站的设计者已经使用了一些粉红色的辉光周围的一些文字,所以我用这样的规则在四个地方的:

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-onhttp://www.waspdigital.com/demo/text-shadow-off

请访问在Safari浏览器的最新版本,这两个链接,你会看到我我在谈论。