1. Zuhause
  2. Frage und Antwort
  3. Wie zählt% im "abschliessenden Inhalt" - Sichtbaren Inhalt priorisieren

Wie zählt% im "abschliessenden Inhalt" - Sichtbaren Inhalt priorisieren

2017-03-05 3 views
0

Meine Website hat ein 3-Spalten-Design.Wie zählt% im "abschliessenden Inhalt" - Sichtbaren Inhalt priorisieren

ich auf Priorisieren sichtbare Inhalte von Google Page Speed-Test

Es wird gesagt bin kleben „Keiner der endgültigen above the fold Inhalte auch mit der vollständigen HTML-Antwort gemacht werden könnte.“

Irgendwann, wenn ich den Code bearbeiten, wird die msg ändern „xx% der endgültigen ....“.

Wie zählt der%? Und was muss ich tun, um dieses Problem zu lösen?

Hier ist meine Prüfstelle: https://yudans.net/index2.php

und der Page Speed-Bericht: https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fyudans.net%2Findex2.php&tab=desktop

Was ich tat:

  • alle Sperrelemente machen Toke off,
  • setzen Sie den css o f above the fold Inhalt Tag,
  • auch alles imgaes Größe verändert verwendet,
  • keine externe Javascript/CSS verwendet und
  • bestanden AMP HTML (validator.ampproject.org/#url=https%3A % 2F% 2Fyudans.net% 2Findex2.php)

Was kann ich sonst tun? Danke!

Quelle

2017-03-05 1 1

Antwort

0

Da Browser die Dinge in der Reihenfolge rendern. Wenn Sie drei Spalten haben, muss die gesamte erste Spalte vollständig nach unten gerendert werden, um zur zweiten zu gelangen. Und die ganze zweite Spalte, um zum dritten zu kommen.

Sie rendern im Grunde die gesamte Seite, nur um zu zeigen, was über der Falte ist (sichtbar beim Laden der Seite).

Um Seite Geschwindigkeit Einblicke glücklich machen, werden Sie es 6 Spalten machen wollen. Die oberen 3 Spalten sind oberhalb der Falte und die anderen 3 sind darunter.

können Sie sie dann wie ein normales 3-Spalten-Layout aussehen. ABER, jetzt wird der HTML-Code für über den Falte zuerst gerendert, und Sie können auch nur die CSS nur für die oberen 3 Spalten im Kopf setzen.

enter image description here

Quelle

2017-03-07 13:22:48

+0

Bevor ich diese Frage stellen, war die index2.php ziemlich Mangel an Inhalt. Mit allen 3 Spalten hatte nur ein Bild (das heißt alle von ihnen sind über der Falte), der Fehler msg ist immer noch da. Wie und warum das herauskommen? –

+0

Eine andere Frage: wie Sie in meiner Spalte 1 sehen können, ist es unendlich AJAX Scroll-Inhalt, und die Höhe des Browsers variieren. Wie kann ich die "Linie" des "über dem Falz" bestimmen? –

+0

Das "priorisize visible content" -Problem besagt, dass es nur das wiedergeben will, was zuerst "über dem Falschen" ist. und ja, über der Falte zu sein ist etwas willkürlich, da Monitorgrößen/Auflösungen und Fenstergrößen verändern, was sichtbar ist. Der HTML-Code wird von oben nach unten gerendert.Sie würden also ein Layout wie:

", false) });

 Verwandte Themen