Pourquoi mon site web, faites défiler lentement, et pourquoi sont ses effets de survol de lag? Comment puis-je résoudre ce problème?
J'ai donc ce site ici qui a d'importants problèmes de performances. Le défilement est très lent, effets de survol ont un peu de lag et autre question similaire. Malheureusement, maintenant, je suis en train de travailler hors d'un pas cher hôte, de sorte que je n'ai pas l'option pour gzip mes fichiers et je ne suis pas sûr de savoir comment grand d'un facteur contribuant c'est bien. Pour ce que ça vaut, je suis à l'aide de Drupal comme CMS.
Je voudrais savoir les diverses raisons du retard et ce que je peux faire pour résoudre le problème.
Sujet:la mémoire des stats de la page d'accueil :
Mémoire:
- Privé:49664k
- Partagé:13052k
- Total: 62716k
De La Mémoire Virtuelle:
- Privé : 53400k
- Mappé : 10412;
Laissez-moi savoir si vous avez besoin de plus d'informations.
background-size:cover
. C'est lent. La désactivation de il élimine complètement le défilement des questions.que fait le fixer! merci. mais alors l'arrière-plan se termine à la recherche de merde. les alternatives à
background-size:cover
?OriginalL'auteur bcosynot | 2011-04-12
Vous devez vous connecter pour publier un commentaire.
Il semble très bien sur ma machine (2009 MacBook Pro exécutant Chrome 10), mais je pense que vous avez besoin de faire ressortir l'idée de “performance”.
gzipping réduit la taille du texte les fichiers qui composent votre site, de sorte qu'il réduit le temps nécessaire pour eux d'obtenir à partir de votre serveur web pour ordinateurs des utilisateurs finaux. Que se passe avant le chargement de la page dans le navigateur de l'utilisateur. Il n'affecte pas la vitesse de défilement de la page, une fois que c'est chargé.
Il ne semble pas être une mesure de la merde-tonne de JavaScript, les fichiers inclus sur la page, un peu de qui ont “arrêt” dans leur nom. Je ne suis pas sûr si l'un d'entre eux sont en cours d'exécution lorsque l'utilisateur fait défiler, et donc de ralentir le navigateur vers le bas, mais il semble comme le candidat le plus probable pour ralentir le défilement. (Ooh — à moins que meagar du commentaire à propos de
background-size: cover;
est à droite.)Edit: comme
background-size: cover
semble être la question, je vous suggère de le retirer, et de faire de votre image d'arrière-plan assez grande, de sorte qu'elle semble convenir à la plupart des résolutions d'écran. Vous voudrez peut-être obtenir celui qui a fait l'image pour la modifier afin qu'elle s'estompe en une seule couleur sur les bords, de sorte qu'il s'intègre dans votrebackground-color
pour les utilisateurs sur des résolutions plus élevées.bien sûr, je sais — tout en expliquant pourquoi gzipping n'a probablement rien à voir avec votre problème. Ma réponse ne viennent à travers comme un peu négatif, les excuses.
pas de soucis. le "scroll" js fichiers sont tous les plugins jquery. des suspects possibles, aura à vérifier.
oui, vous semblez être à l'aide de beaucoup de plugins jQuery. Bien que les performances JavaScript dans les navigateurs est venu à pas de géant au cours des dernières versions, vous voulez être prudent.
Je sais. Le prochain sur ma liste à faire est de couper vers le bas sur le montant total de la JS utilisé. maigre était que le droit, la suppression
background-size:cover
instantanément fixe le défilement des questions.OriginalL'auteur Paul D. Waite
J'ai enlevé l'image de fond et le positionnement à l'aide de Firebug et le défilement instantanément en accéléré.
Partie de la vitesse seront les différents composants JavaScript, mais le plus notable de 'retard' a la fixe 2000x2000 image spécifiée dans le code CSS de l'élément HTML.
background-size:cover
était le principal coupable.OriginalL'auteur Widor
Bien, CMS généralement la cause de beaucoup de lag. Pourquoi: parce qu'ils ont tendance à se vanter d'une alambiqué tas de balivernes appelé JavaScript, qui séduit à l'utilisateur d'utiliser en offrant simple d'utilisation. Dans la plupart des cas, le JavaScript est essentiellement inutiles. J'ai rencontré des sites web qui avait l'air bien, mais susceptibles de donner mon nouveau alienware-jeu-machine de l'indigestion. La raison est: JavaScript a été utilisé, pour presque tout. Cela ralentit les choses, énormément, si vous utilisez un CMS ou copier-coller d'une page web personnalisée.
Conception Simple de la règle que j'ai appris: l'utilisation JavaSript lorsque cela est nécessaire pour accomplir une tâche. Jamais, jamais dans les cas où il ne pas ajouter de fonctionnalités, ou le faire seulement quand vous êtes à l'apprentissage et que vous souhaitez tester la chose et, naturellement, quand vos clients de garder frapper à votre porte parce qu'ils veulent animé de pop-ups, la parallaxe défilement et la comme.
Il y a des cas, où vous aurez besoin de JS, même pour eyecandy, mais un trop grand nombre de pages, c'est beaucoup trop. Résultat: les gens aiment votre page web, où votre galerie photo de la page ne sera pas prendre 15 secondes pour afficher une meezly nouvelle photo ou la vitesse de défilement vous fera penser que l'internet était en fait "plus vite" dans le début des années 1990...
OriginalL'auteur Hannes