ページの読み込み順序の問題_html/css_WEB-ITnose-htmlチュートリアル-php.cn

ディスカッションへの返信 (解決策)

ホームページ

ウェブフロントエンド

htmlチュートリアル

ページの読み込み順序の問題_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 pm 12:19 PM

子供の靴がこの状況に遭遇したかどうかはわかりません。インターネットの速度が比較的遅い場合、Web ページ上のすべてのテキストが画面の中央に集まります。CSS に読み込んだ後は正常に表示されます。サポートしてください。

ディスカッションへの返信 (解決策)

これまでにこの問題に遭遇したことがありますか?ネットワーク速度が遅いため、関連する CSS をダウンロードできなかったため、ページは基本的な HTML フローでレンダリングされました

元の投稿者の「サポートを求める」とはどういう意味ですか?
他の人にこの問題を解決してもらいたいですか、それともあなたの視点をサポートしてもらいたいですか?

私も実際にそのような状況に遭遇したことがあったので、CSSの紹介文をページ上部に配置し、可能な限り圧縮しました。

最適化して CSS ファイルを圧縮します。10K 未満、圧縮後の 2 ～ 3K がより許容されます。

この場合、何か良い解決策はありますか？

実際にそのような状況に遭遇したので、CSSの紹介部分をページの上部に配置し、可能な限り圧縮しました。ページの上部に配置されており、CSS (複数のファイル) で参照できます。サイズは大きくありません

「サポートを求める」とはどういう意味ですか?
他の人にこの問題を解決してもらいたいですか、それともあなたの視点をサポートしてもらいたいですか? 解決策を探しているに違いありません

圧縮やその他のことはすべて上記に記載されています。もう 1 つのポイントは、@import などのメソッドを使用して複数のファイルをロードしないことです。リンクメソッドを使用して CSS をロードすると、ブラウザは CSS を並行してダウンロードできるため、はるかに高速になります。

CSS ファイルを結合して最適化します。この方法では、リクエストを開始するだけで済み、複数のリクエストは確実に遅くなります。

2階のshn11160さんからのリプライ引用：投稿者の「支援を求める」とはどういう意味ですか？
他の人にこの問題を解決してもらいたいですか、それともあなたの視点をサポートしてもらいたいですか?解決策があるはずです。
メンテナンスがそれほど複雑でない場合は、次のように、これらの CSS ファイルのスタイルを HTML の head タグ内の style タグに埋め込みます。

<!DOCTYPE html><html>   <head>      <meta charset=“utf-8"/>      <title>index</title>      <style type="text/css">      /*------------把CSS写在这里----------------*/      </style>   </head>    <body>      <!-- HTML -->   </body></html>

ログイン後にコピー

ネットワーク遅延の問題

ネットワーク遅延の問題であることもわかっています問題は、ネットワークが遅延しているときにこの状況を回避する必要があることです

明日は投稿を終了します、ご回答いただきありがとうございます、私は先に仕事を休みます。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。