1

次のサイトは、IE9 以降のほとんどのブラウザで問題なく動作します。スクリプトの読み込みに約 1 分かかりますか?

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

私は完全に混乱しています。どんな助けでも素晴らしいでしょう。

敬具。

4

2 に答える 2

1

ページの下部にjavascriptコード/cssを配置することは（パフォーマンスの観点から）一般的に悪い考えであり、ページはそこに多くをロードします...

ページのGoogleChrome監査のサンプルコードとヒントは次のとおりです。

    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サービスを使用してファイルを変換できます。ここで、YUIコンプレッサーを確認してください。

于 2012-09-26T11:31:12.400 に答える
1

IE9 開発者ツールによって提供されたネットワーク情報を見ると、404 を返す PIE.htc に対する多くの要求があります。IE は、使用するスタイル ルールごとにファイルを再度フェッチしようとしているとbehavior: url(PIE.htc);思いrevamp/css/W.inav.css.pagespeed.cf.o5re9TDSo5.cssます。また、ファイルの取得を数回再試行しているようです)。

そのため、PIE.htc ファイルを css フォルダーに配置するか、スタイル ルールごとに正しい URL に変更します。

これは私が見ることができる問題のようです。この問題を修正しても問題が解決しない場合は、問題をもう一度確認させていただきます。

于 2012-09-26T14:16:15.187 に答える