ページの読み込み順序の問題_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 までご連絡ください。

公式アカウントのキャッシュの更新の難しさ：バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は？Mar 04, 2025 pm 12:32 PM

公式アカウントのWebページはキャッシュを更新します。これはシンプルでシンプルで、ポットを飲むのに十分な複雑です。あなたは公式のアカウントの記事を更新するために一生懸命働きましたが、ユーザーはまだ古いバージョンを開くことができますか？この記事では、この背後にあるtwist余曲折と、この問題を優雅に解決する方法を見てみましょう。それを読んだ後、さまざまなキャッシュの問題に簡単に対処でき、ユーザーが常に新鮮なコンテンツを体験できるようになります。最初に基本について話しましょう。それを率直に言うと、アクセス速度を向上させるために、ブラウザまたはサーバーはいくつかの静的リソース（写真、CSS、JSなど）やページコンテンツを保存します。次回アクセスするときは、もう一度ダウンロードすることなく、キャッシュから直接検索できます。自然に高速です。しかし、このことは両刃の剣でもあります。新しいバージョンはオンラインです、