web-dev-qa-db-fra.com

Le site Web a un effet de "retard". Causes? Trucs et astuces à résoudre?

J'ai donc ce site ici qui présente des problèmes de performances majeurs. Le défilement est très lent, les effets de survol ont un peu de retard et d’autres problèmes similaires. Malheureusement, en ce moment, je travaille avec un hôte bon marché, je n'ai donc pas la possibilité de créer des fichiers gzip et je ne suis pas certain de l'importance de ce facteur. Pour ce que ça vaut, j'utilise Drupal en tant que CMS.

J'aimerais connaître les différentes raisons de ce décalage et ce que je peux faire pour y remédier.

Quelques statistiques sur la mémoire pour la page d’accueil:

Mémoire:
- Private: 49664k
- Partagé: 13052k
- Total: 62716k

Mémoire virtuelle:
- Private: 53400k
- Cartographie: 10412;

Faites-moi savoir si vous avez besoin de plus d'informations.

htmlcssdrupalperformance
2
bcosynot

Ce ne sont pas des problèmes de serveur. Une fois la page chargée, le serveur n'a plus rien à voir avec le rendu et les performances de la page. Cela est géré par le navigateur et le périphérique qui exécute le navigateur, dans votre cas, votre ordinateur.

J'ai jeté un coup d'œil rapide sur votre site Web et vous avez assez de JavaScript et de <object>s pour tuer un éléphant. Il y a trop de choses qui se passent en même temps. Vous devrez soit améliorer l'efficacité de votre site, ce qui nécessitera probablement la réécriture ou la suppression totale de ce code JavaScript, soit simplifier votre page en supprimant le contenu et en le plaçant sur d'autres pages (ou en trouvant un meilleur moyen de le faire). .

6
John Conde
  1. Les arrière-plans fixes ont tendance à rendre le défilement lent dans certains navigateurs.
  2. Idem pour définir une image d'arrière-plan sur l'élément HTML.

Si cela vous dérange, vous devriez alors vous demander si vous avez vraiment besoin que l'arrière-plan soit corrigé et si vous pouvez le déplacer plutôt vers la balise body (il semble que vous puissiez le faire).

3
Su'

L’effet "retardant" dans son ensemble est dû à cet attribut css: background-size:cover Cela ne fonctionne pas bien sur beaucoup de systèmes.

0
bcosynot