「最終折りたたみ済みコンテンツ」の％カウントはどのように表示されますか - 表示内容の優先順位付け

私のウェブサイトは3列のデザインです。「最終折りたたみ済みコンテンツ」の％カウントはどのように表示されますか - 表示内容の優先順位付け

私はそれは「最終上記の倍の量のいずれも、完全なHTMLレスポンスをレンダリングすることはできなかった。」と述べたGoogleのページスピードテスト

の優先順位付け見える内容にこだわっています

いつかコードを編集すると、msgは「最後の....のxx％」に変わります。

％カウントはどのように計算されますか？そして、私はこの問題を解決するために何をしなければなりませんか？ここで

私のテストサイトです：https://yudans.net/index2.php

とのPageSpeedレポート：https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fyudans.net%2Findex2.php&tab=desktop私がやったこと

：

はすべての要素、
put ths css oタグ中のF上述倍コンテンツ、外部のJavaScript/CSSを使用しない
よく使用されるすべてのimgaesのリサイズ
、およびAMP HTML 渡さ
（validator.ampproject.org/#url=https%3A ％2F％2Fyudans.net％2Findex2.php）

他に何ができますか？ありがとう！

出典

2017-03-05 1 1

ブラウザは物事を順番にレンダリングするため、 3つの列を持っている場合は、第1列全体を一番下まで描画して2番目の列に到達させる必要があります。そして第2列全体が第3列に到達する。

したがって、基本的にページ全体をレンダリングして、ページの上に表示されているものを表示するだけです（ページの読み込み時に表示されます）。

ページスピードの洞察を幸せにするには、6列にします。上位3列は折りたたみの上にあり、残りの3列はその下にあります。

通常の3列レイアウトのようにスタイルを設定できます。しかし、今度は折りたたみの上のhtmlが最初にレンダリングされ、頭の中の上位3列のCSSだけを置くこともできます。

出典

2017-03-07 13:22:48

私がこの質問をする前に、index2.phpは内容がかなり不足していました。 3つの列すべてに1つの画像しかありませんでした（つまり、すべてが折り畳みの上にあることを意味します）。エラーmsgはまだそこにあります。どうやってこれが出てくるの？ –

別の質問：私のコラム1で見ることができるように、それは無限のAjaxスクロールコンテンツであり、ブラウザの高さは様々です。どのように私は "折りたたみの上"の "ライン"を決定することができますか？ –

「目に見えるコンテンツの優先順位を上げる」という問題は、まず「折り畳みの上」のものだけをレンダリングしたいということです。モニターのサイズ/解像度とウィンドウサイズによって表示される内容が変わるため、折りたたみ部分の上にくることはやや恣意的です。 htmlは上から下にレンダリングされます。そのようなレイアウトを好むでしょう：

iOSで '折りたたみ'のアニメーションが表示されます

3. ブートストラップの折りたたみが横に表示されない

4. タスクの優先順位付けされたリスト

5. ブートストラップの折りたたみはすぐに表示され、非表示になります

6. Navbarの折りたたみが768pxで表示されない

7. インターネットエクスプローラー背景画像にはコンテンツの内容のみが表示されます

8. Javascriptでメッセージの優先順位付けはありますか？

9. mysqlの優先順位付けケース

10. メニューオプションが折りたたみツールバーに表示されない

11. ロードするウェブページのコンテンツの優先順位付け

12. ヘッダー画像の優先順位を下に表示する

13. Erlangノードの優先順位付け