Warum wird meine website scrollen langsam, und warum sind die hover-Effekte laggy? Wie kann ich dieses Problem beheben?
Also ich habe diese Seite hier die große performance-Probleme. Scrollen ist sehr langsam, hover-Effekte haben ein bisschen hinken und anderen ähnlichen Problem. Leider sind im Moment arbeite ich aus einem Billig-host ein, damit ich nicht die option gzip meine Dateien und ich bin nicht sicher, wie groß ein Faktor ist, dass, obwohl. Für was es Wert ist, ich bin mit Drupal als CMS.
Ich würde gerne wissen, die verschiedenen Gründe für die Verzögerung und was kann ich tun, um es zu beheben.
Einige über:Arbeitsspeicher-Statistiken für die homepage :
Speicher:
- Privat:49664k
- Freigegeben:13052k
- Insgesamt: 62716k
Virtueller Speicher:
- Privat : 53400k
- Abgebildet : 10412;
Lassen Sie mich wissen, wenn Sie weitere Informationen benötigen.
background-size:cover
. Es ist langsam. Deaktivieren Sie es vollständig eliminiert die scrolling-Probleme.das tut es tatsächlich zu beheben! danke. aber dann wird der hintergrund landet auf der Suche beschissen. alternativen zu
background-size:cover
?InformationsquelleAutor bcosynot | 2011-04-12
Du musst angemeldet sein, um einen Kommentar abzugeben.
Es scheint gut auf meine Maschine (2009 MacBook Pro mit Chrome 10), aber ich denke, dass Sie auswählen müssen, neben der Vorstellung von "Leistung".
Gzip verringert die Größe der text-Dateien, aus denen Ihre Website, so dass es reduziert die erforderliche Zeit für Sie, um von Ihrem web-server, um end-Benutzer' Maschinen. Das passiert, bevor die Seite geladen und im browser des Benutzers. Es hat keinen Einfluss auf die Geschwindigkeit der Seite, wenn es einmal geladen.
Es scheint eine Metrische Scheiße Tonne von JavaScript-Dateien enthalten auf der Seite, ein paar von denen haben "Blättern" in Ihrem Namen. Ich bin mir nicht sicher, ob alle von Ihnen ausgeführt werden, wenn der Benutzer scrollt, und somit die Verlangsamung der browser nach unten, aber es scheint der wahrscheinlichste Kandidat für langsame scrollen. (Ooh — es sei denn, meagar Kommentar über
background-size: cover;
richtig ist.)Edit: als
background-size: cover
scheint das Problem sein, würde ich vorschlagen, es zu entfernen, und machen Sie Ihren hintergrund Bild einigermaßen groß, so dass es aussieht akzeptabel an den meisten Bildschirmauflösungen. Will man sich, wer hat das Bild, um es zu Bearbeiten, so dass es ausgeblendet, um eine einzige Farbe an den Rändern, so dass es sich harmonisch in Ihrebackground-color
für Benutzer, die auf höheren Auflösungen.sicher, ich weiß — nur erklären, warum Gzip wahrscheinlich nichts zu tun hat mit deinem problem. Meine Antwort war auch gekommen über als etwas negatives, Entschuldigung.
keine Sorge. die "scroll" js Dateien sind alle jquery-plugins. möglichen verdächtigen, müssen überprüfen Sie Sie heraus.
ja, Sie scheinen mit viel von jQuery-plugins. Obwohl die JavaScript-performance im Browser hat komm sprunghaft in den letzten Versionen, die Sie wollen, vorsichtig zu sein.
Ich weiß. Als Nächstes auf meiner to-do-Liste ist eine Senkung der Gesamtmenge der JS verwendet wird. mager war stimmt allerdings, das entfernen
background-size:cover
sofort behoben, durch das scrolling-Probleme.InformationsquelleAutor Paul D. Waite
Ich entfernt und das Bild im hintergrund und Positionierung mit Firebug und das scrollen sofort beschleunigt.
Teil der Geschwindigkeit werden die verschiedenen JavaScript-Komponenten, aber die auffälligste 'lag' war der festen 2000x2000 Bild angegeben in der CSS für das HTML-element.
background-size:cover
war der Hauptschuldige.InformationsquelleAutor Widor
Gut, CMS verursachen in der Regel eine Menge lag. Warum: weil Sie haben eine Tendenz, sich zu rühmen verworrenen Haufen von malarkey namens JavaScript, das verführt die Benutzer zu nutzen, bietet sich durch die einfache Nutzung. In den meisten Fällen, JavaScript ist im wesentlichen nutzlos. Ich habe festgestellt-websites das sah gut aus, aber das geben selbst meine neueste alienware-gaming-Maschine Verdauungsstörungen. Grund ist: JavaScript wurde verwendet, für fast alles. Dies verlangsamt Dinge nach unten, unermeßlich, ob Sie ein CMS oder kopieren-einfügen einer benutzerdefinierten Webseite.
Einfache design-Regel, die ich gelernt habe: verwenden Sie wenn javascript, wenn notwendig, für eine Aufgabe. Nie, nie in Fällen, in denen es fügt keine Funktionalität, oder tun Sie es nur, wenn Sie lernen und testen möchten, Sache, und, natürlich, wenn Sie Ihre Kunden halten hämmern an Ihrer Tür, weil Sie wollen, animierten pop-ups, parallax-scrolling und dergleichen.
Gibt es Fälle, wo Sie brauchen, JS, auch für eyecandy, aber auf zu viele Seiten, es ist zu viel. Ergebnis: die Menschen lieben Ihre Web-Seite, wo Sie Ihre Foto-Galerie-Seite wird nicht nehmen Sie 15 Sekunden, um die Anzeige einer meezly neue Bild oder die Scroll-Geschwindigkeit wird machen Sie denken, dass das internet tatsächlich "schneller" in den frühen 1990er Jahren...
InformationsquelleAutor Hannes