3

GoogleChrome監査ツールによると：

ドキュメントヘッドにCSSを配置する（3）ドキュメント本文のCSSは、レンダリングパフォーマンスに悪影響を及ぼします。リンクノードbootstrap-extract.cssをドキュメントヘッドに移動する必要がありますリンクノードstyle.cssをドキュメントヘッドに移動する必要がありますリンクノードcssをドキュメントヘッドに移動する必要があります

しかし、スタイルシートは頭の中でリンクされています。コードは次のとおりです。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="fr-FR" xml:lang="fr-FR">
<head>
    <title>site</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" type="text/css" href="/resources/css/bootstrap-extract.css">
    <link rel="stylesheet" type="text/css" href="/resources/css/style.css">
    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
etc.

私は何が欠けていますか？

4

1 に答える 1

1

あなたのコードは私にとって有効であるように見えますが、metaタグを次のように閉じるべきではありません/>:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

これによりタグが閉じる可能性がありますが、その可能性はほとんどありません。<head>

Google Chrome の HTML を見て、コードがどのように見えるかを比較して、HTML がどのように表示されているかを確認しましたか?

于 2013-02-28T10:25:50.823 に答える