Question

以下网站在IE9的大部分浏览器中运行良好。这些脚本需要花费一分钟才能加载？

http://www.charterhouse-aquatics.co.uk/revamp/

我完全糊涂了。任何帮助都会很棒。

亲切的问候。

Answer 1

将javascript代码/ css放在页面底部是一般的坏主意（从性能角度来看），你的页面加载了很多...

以下是您网页的Google Chrome审核中的示例代码和提示：

    A width and height should be specified for all images in order to speed up page display. The following image(s) are missing a width and/or height:
    Logo.gif
    tp-logo.jpg
    image.php
    image.php
    image.php
    image.php
    image.php
    image.php
    image.php
    image.php
    image.php
    image.php
    image.php
    image.php
    image.php
    image.php
    image.php
    image.php
    image.php
    image.php
    cards.png
    Web Page Performance
    Optimize the order of styles and scripts (10)
    The following external CSS files were included after an external 
JavaScript file in the document head. To ensure CSS files are downloaded in parallel, 
always include external CSS before external JavaScript.
    css
    normalize.css
    main.css
    tipped.css
    style.css
    buttons.css
    jquery.tweet.css
    inav.css
    /revamp/../layerslider/css/layerslider.css
    /revamp/../layerslider/skins/noskin/skin.css
    Put CSS in the document head (1)
    CSS in the document body adversely impacts rendering performance.
    1 style block(s) in the /revamp/ body should be moved to the document head.

换句话说，将所有javascript（ .js）包含文件移到文档头部分中，并在所有文件头部分之前放置样式表（ .css）文件的链接。还要考虑使用jquery / plugins / css文件的最小化版本，如果无法获得此类版本，可以使用Web服务为您转换文件check here, the YUI compressor。

Answer 2

查看IE9开发人员工具提供的网络信息，您有很多请求返回404的PIE.htc。我想IE会尝试再次为使用behavior: url(PIE.htc);的每个样式规则获取文件在revamp/css/W.inav.css.pagespeed.cf.o5re9TDSo5.css你有9次出现（IE似乎也重试了几次）。

所以要么将PIE.htc文件放在css文件夹中，要么在每个样式规则中更改为正确的URL。

这似乎是我所看到的问题。如果您解决了这个问题并且问题仍然存在，我很乐意再看一下这个问题。

IE9加载JQuery非常慢，所有其他浏览器工作得非常快

2 个答案: