Donner la priorité au contenu visible - Comment se débarrasser de cette situation?

Question

J'essaye d'optimiser mon site Web en utilisant l'outil Google PageSpeed ​​Insights. Je rencontre une condition qui ne se résout pas à moi, c'est Prioritize visible content. Voici l'instantané:

J'ai utilisé différentes solutions disponibles sur Internet, toujours confrontées au même problème. Vous pouvez consulter le site sur la page Speed ​​Insights: Here
Je suis à la recherche d'une solution généralisée afin que cette situation, afin que je puisse appliquer cela sur mes autres sites aussi.

Answer 1

Il s'agit de la façon dont vous structurez le DOM de votre HTML et ce qui est affiché sur l'écran des utilisateurs au chargement de la page. Pour résoudre ce problème, vous devez comprendre comment un navigateur charge une page. La plupart des navigateurs essaient d'afficher le contenu le plus rapidement possible, mais s'il trouve une ressource qui doit être téléchargée telle que CSS, image ou fichier JS, il télécharge ces ressources et les analyse avant de passer au code HTML principal. Si moins, il trouve ceux-ci le mieux.

Il y a plusieurs choses dont vous avez besoin pour résoudre ce problème. Voici quelques-unes des instructions générales.

1. ajouter les sections des pages qui ont un contenu pertinent dans la partie supérieure du HTML DOM. Exemple serait si votre page a la barre latérale, alors votre HTML devrait être dans cet ordre: <content></content><sidebar></sidebar> plutôt que d'ajouter la barre latérale en premier.

2. Retirez les codes de blocage rendre

3. Déplacer tous les fichiers JS au bas de la page.