2017-03-05 3 views
0

Mon site Web a un design à 3 colonnes.Comment le% compte-t-il dans le "contenu final au-dessus de la ligne de flottaison"? - Prioriser le contenu visible

Je Collage sur Prioriser contenu visible de test google PageSpeed ​​

Il a dit: « Aucun de la teneur finale au-dessus du pli pourrait être rendue, même avec la réponse complète HTML. »

Parfois lorsque je modifie le code, le message devient "xx% de la finale ....".

Comment le% compte-t-il? Et ce que je dois faire pour résoudre ce problème?


Voici mon site de test: https://yudans.net/index2.php

et le rapport PageSpeed: https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fyudans.net%2Findex2.php&tab=desktop


Ce que je l'ai fait:

  • Toke de tous les éléments de rendu de blocage,
  • mettre les css o f au-dessus du pli contenu dans la balise,
  • bien redimensionnée de tous les imgaes utilisés,
  • pas javascript externe/css utilisé et
  • passé AMP HTML (validator.ampproject.org/#url=https%3A % 2F% 2Fyudans.net% 2Findex2.php)

Que puis-je faire d'autre? Merci!

Répondre

0

Depuis les navigateurs rendre les choses dans l'ordre. Si vous avez 3 colonnes, il faudra rendre toute la 1ère colonne tout en bas pour arriver à la seconde. Et toute la deuxième colonne pour arriver au troisième.

Donc, vous êtes en train de rendre la page entière juste pour montrer ce qui est au-dessus du pli (visible au chargement de la page).

Pour faire des aperçus de vitesse de page heureux, vous voudrez faire 6 colonnes. Les trois premières colonnes sont au-dessus du pli et les trois autres au-dessous. Vous pouvez ensuite les styliser pour les faire ressembler à une mise en page classique à trois colonnes. MAIS, maintenant le html pour le dessus du pli est rendu en premier, et vous pouvez également mettre seulement le CSS pour seulement pour les 3 premières colonnes dans la tête.

enter image description here

+0

Avant de poser cette question, la index2.php était plutôt le manque de contenu. Avec toutes les 3 colonnes avait une seule image (ce qui signifie que tous sont au-dessus du pli), l'erreur msg est toujours là. Comment et pourquoi cela est-il sorti? –

+0

Une autre question: comme vous pouvez le voir dans ma colonne 1, il est infinie ajax contenu défilant, et la hauteur du navigateur est variable. Comment puis-je déterminer la "ligne" du "au-dessus du pli"? –

+0

Le problème "Prioriser le contenu visible" signifie qu'il ne veut afficher que ce qui est "au-dessus de la ligne de flottaison" en premier. et oui, être au-dessus du pli est quelque peu arbitraire puisque les tailles/résolutions de moniteur et les tailles de fenêtre modifient ce qui est visible. Le code HTML est rendu de haut en bas.donc ils préfèrent une mise en page comme: