投稿のリンクが壊れているため、コードが表示されません。
この動作の考えられる理由の 1 つは、外部 css ファイルを含める方法です。使用した場合は、代わりに要素を使用@import
してみて<link>
ください。すべての css ファイルを<head>
要素に含めてください (本文ではありません)。
もう 1 つの理由は、過剰な重みまたはそれらの css ファイルの量が原因である可能性があります。ブラウザーがすべてのルールをロードして解析するのに時間がかかる場合があるため、サーバーが圧縮されたコンテンツを提供できるようになっている場合は、すべての css ファイルを提供してみてください。 gzip 圧縮 (または最も古い apache では deflate) を使用し、可能であれば、css リクエストの量も減らしてみてください (有効な例を取得するには、html5 ボイラープレートの .htaccess を参照してください)。
すべての css ファイルを 1 つのファイルに結合すると、通常、一度に 1 つのファイルを圧縮するよりも gzip 圧縮の方がうまく機能します。
最後に、それほど重要ではありませんが、css ルールのパフォーマンスを向上させます。常に詳細な特定のルールを使用し* { margin: 0; padding: 0 }
、ブラウザーが一般的にこのスタイルを要素に適用するのに時間がかかるため、一般的なステートメントを常に避けます。