2009-04-13 12 views
2

Wenn ich eine Seite von meiner Website über Mutter Teresa - http://www.peopleforever.org/nfhomepage.aspx?nfid=41 speichern, dauert es 1,73 MB, das ist riesig!Warum ist die Größe meiner Seiten im Vergleich zu Wikipedia so groß?

Eine ähnliche Wikipedia-Seite braucht viel weniger. Ich verstehe, dass ich viele Bilder habe, also sollte es mehr Platz brauchen, aber so viel mehr?

Wenn ich sparen, sehe ich die folgenden Dateien:

ScriptResource_002.js - 254 kb Mediaplayer-min-2.js - 204 kb main.js - 194 kb Prototype.js - 124 kb ScriptResource.js - 96 kb

Ich verstehe nicht, wie diese Dateien entstehen und ob ich etwas tun kann, um die Seitengröße zu verringern, damit es schneller lädt?

Antwort

9

Diese JS-Dateien sind Javascript-Dateien, es klingt, als ob Sie eine Art von WYSIWYG Editor verwenden.

Javascript ist Code, der manchmal in HTML-Dateien eingebettet ist und manchmal in eigenen .js-Dateien, die auf der Clientseite ausgeführt werden.

Werfen Sie einen Blick auf YSlow, es wird Ihnen sagen, warum Ihre Seite langsam ist.

Ich bin mir nicht sicher, warum Ihre Javascript-Dateien so groß sind. Versuchen Sie etwas wie JSMin, um Ihre Javascript-Größe zu minimieren. Wenn möglich, wird durch das Zusammenführen der .js-Dateien auch die Ladezeit der Seite verbessert, da für weniger Dateien weniger Anforderungen an den Server erforderlich sind, aber die reine Größe dieser .js-Dateien wirklich tödlich ist.

+0

Bilder sind weniger als 200 KB der 1,7 MB. – Arjun

+0

ya seltsam, nicht sicher, warum Ihre Javascript-Dateien soooooo groß sein müssen ... –

+0

Gibt es eine App, die js und CSS-Dateien optimiert? irgendeine Idee? – Arjun

1

Sie können Ihre Komponenten innerhalb einer Webseite zur schnelleren Ausführung herunterladen. Sie können dafür die IIS-Komprimierung verwenden.

Auch Sie können Ihre Javascript-Dateien minimieren. Es gibt viele kostenlose Tools, um dies zu erreichen.

Werfen Sie einen Blick auf diesen Link

http://developer.yahoo.com/performance/rules.html

2

firefox holen und die Firebug + YSlow Addons - dann die verknüpften Seiten aus dem YSlow Bericht lesen.

Fügen Sie Ihre Javascript- und CSS-Dateien zusammen und werfen Sie Ihre Seitenvorlage weg, da das tabellenbasierte Design bedeutet, dass die gesamte HTML-Seite heruntergeladen und die meisten Bilder nicht gerendert werden können.

1

Die Größe der gespeicherten Seite ist nicht so wichtig, da die meisten der großen JS-Dateien, die Sie erwähnt haben, vom Browser zwischengespeichert werden und nur einmal geladen werden, so dass die Größe nicht beschleunigt wird viel Zeit.

Aber einige der JavaScript-Code wird ausgeführt, wenn die Seite geladen wird und dies verlangsamt es sehr. Versuchen Sie Java/JavaScript für Ihren Browser zu deaktivieren, dann wird die Seite fast sofort geladen. Die Hauptverlangsamung scheint das Google Maps-Applet zu sein, das auch einige Bilder lädt, nachdem es initialisiert wurde.

Schauen Sie sich auch die Seite selbst an, die hier ebenfalls 219 KB groß ist und für andere Seiten bis zu 300 KB groß ist. Es gibt einen großen codierten (Base64?) "__VIEWSTATE" -Teil, der etwa 20 KB groß ist, dies scheint etwas ASP-Sicherheitsdinge oder etwas ähnliches zu sein.

1

Wenn Ihr Javascripts nicht Gebrauch so etwas wie diese verpackt sind:

http://dean.edwards.name/packer/

, um sie kürzer und kompakt. Dies wird viel sparen. Stellen Sie auch sicher, dass Ihr Webserver etwas wie gzip verwendet, es wird auch viel für Textdaten helfen.

1

Bedenken Sie auch, dass die Größe der Dateien nicht die einzige Sache ist, die die Seite verlangsamt. Anzahl der externen Dateien zu. Tatsächlich wird jede Datei (auch die zwischengespeicherte) vom Server angefordert (nicht heruntergeladen, wenn zwischengespeichert), was sich in wenigen ms oder sogar Sekunden zusammenfassen lässt, wenn Sie viele Dateien haben.

Wenn Sie bereit sind, Ihre Seite an ihre Grenzen stoßen können Sie folgende Schritte berücksichtigt:

  • merge alle js und CSS-Dateien haben Sie Zugriff auf in eine große Datei
  • minify js und css
  • gzip alles. Dies kann in IIS erfolgen. Es gibt viele Artikel im Internet dafür
  • Da dies ASP ist, stelle ich mir vor, es gibt eine Menge von ViewState Daten an den Benutzer zurück und weiter gesendet. Überprüfen Sie es. Vielleicht werden dort überhaupt keine Daten benötigt?
Verwandte Themen