gelöschter Benutzer

Position der JavaScript Dateien (Seite 3)



gelöschter Benutzer
am 03.04.2010, 20:15 Uhr schrieb

Warum, ist doch gegeben:
Linker Iframe:
[html]<html>
<head>
<script src="/bin/sleep.cgi?type=js&sleep=10&expires=-1&last=0"></script>
[...]
[/html]

Rechter Iframe:
[html][...]
<script src="/bin/sleep.cgi?type=js&sleep=10&expires=-1&last=0"></script>
</body>
</html>[/html]



gelöschter Benutzer
am 03.04.2010, 20:28 Uhr schrieb

UFOMelkor schrieb:

Warum, ist doch gegeben:


Sehe ich anders. Geh mal auf

www.uptrends.com/aspx/kostenlose-ladezeit-html-seite-test.aspx



und dann teste und vergleiche mal

stevesouders.com/hpws/move-scripts.php



und dann

finistere-ferienhaus.de (hier werden 2 Scripte im head und eins im body aufgerufen)



Test und "Praxis" sehen da völlig anders aus.

Gérard



gelöschter Benutzer
am 04.04.2010, 01:42 Uhr schrieb

Ich glaube bei dem angehängten Bild wird es relativ deutlich.
Es handelt sich um eine Analyse von Seitenreport. Normalerweise lädt er zwei Dateien pro Hostname gleichzeitig herunter, an den markierten Stellen, den JavaScript-Dateien, wartet er allerdings mit dem Herunterladen der nächsten Datei solange, bis die JavaScript-Datei heruntergeladen wurde.

Edit sagt: Vielleicht noch zur Erklärung:
Dunkelgrün - DNS lookup
Orange - Initial connection
Hellgrün - Time to first byte
Blau - Download



gelöschter Benutzer
am 04.04.2010, 13:31 Uhr schrieb

UFOMelkor schrieb:

Ich glaube bei dem angehängten Bild wird es relativ deutlich.


Das spricht aber doch dafür, JS nicht ins html zu packen, sondern die Scripte nur durch das html aufrufen zu lassen. Dann ist nämlich das html - das immer als erstes geladen wird - schon da und es ist was zu sehen und im Hintergrund passiert der Rest. Dabei scheint es relativ egal, ob der Aufruf des JS im head oder im body steht (sieh vorheriges Beispiel meiner Seite).

Gérard



gelöschter Benutzer
am 04.04.2010, 23:44 Uhr schrieb

Davon reden wir beide doch gerade die ganze Zeit, oder etwa nicht?
Bei kleinen Skripten ist es wahrscheinlich wirklich ziemlich egal, ob man sie im head oder im body einbindet.
ich werds weiterhin am Ende des Bodys machen, Google und Yahoo werden das schon nicht umsonst empfehlen.

Eine andere Technik, vielleicht nicht für jede Seite geeignet, aber manch eine mag daraus Vorteile ziehen: Inline-Scripte.
Es geht um folgende Situation: Eine Seite, die 5 externe Stylesheets / JS-Dateien einbindet, lädt 30-50% langsamer als eine Seite, in der die Stylesheets und JS-Anweisungen direkt in die Seite eingebunden werden. Natürlich sind externe Stylesheets / JavaScripts zu bevorzugen, da der Nachteil durch Caching mehr als wieder gut gemacht wird.
Allerdings funktioniert das Caching nur, wenn die externen Dateien wiederverwendet werden.
Wird eine Seite nur einmal aufgerufen oder ein schnelles Laden ist schon beim ersten Aufruf der Seite extrem wichtig, dann kann man sich mit Scripten direkt im Html-Dokument (Inline-Scripts) behelfen.

Bei einer Seite, die jeder Benutzer mit hoher Wahrscheinlichkeit eh nur einmal in der realen Caching-Dauer aufruft, reicht es, die externen Dateien in inline-Anweisungen umzuwandeln.
Aber auch für andere Seiten gibt es eine Möglichkeit:
Existiert eine Session (oder ist ein Cookie gesetzt, je nachdem welche Möglichkeit man bevorzugt), werden die externen Dateien eingebunden. Ist dies nicht der Fal, werden die Dateien mittels Inlining eingebunden UND (mit einer Sekunde Verzögerung) werden die externen Dateien dann nachgeladen, damit sie für den nächsten Aufruf im Cache liegen.

Wie gesagt, diese Technik ist nicht für alle Seiten geeignet, aber die ein oder andere Seite mag davon profitieren. Der Geschwindigkeitsvorteil wird allerdings durch eine erhöhte Serverlast und eine größere runterzuladene Datenmenge beim Client bezahlt. Gerade für Seiten, die auch Mobil erreichbar sein wollen, ist das sicherlich ein No-Go.


webart_workers
Avatar webart_workers
Mediengestalter
Content Halbgott (512 Beiträge)
am 05.04.2010, 10:47 Uhr schrieb webart_workers

UFOMelkor schrieb:

Ich glaube bei dem angehängten Bild wird es relativ deutlich.
..



Hi Oskar

Wie kriegst Du den so eine Analyse? Die ist richtig klasse
Bist Du Premium?


grüsse, juergen


Joomla Webdesign Freiburg, Lörrach, Basel - SEO/SEM - Support - Security - Schulungen: webart-workers | joomla services
Joomla Portfolio: [url="http://www.webart-workers.de/portfolio/webdesi


gelöschter Benutzer
am 05.04.2010, 11:05 Uhr schrieb

Nein, solche Grafiken bietet Seitenreport leider (noch? ) nicht an.
Ich hab die Grafik bei http://www.webpagetest.org erstellt. Es lohnt sich auf jedenfall, es werden auch einige Tipps zur Geschwindigkeitsoptimierung gegeben.


webart_workers
Avatar webart_workers
Mediengestalter
Content Halbgott (512 Beiträge)
am 06.04.2010, 08:40 Uhr schrieb webart_workers

klasse. Danke für den Link !


Joomla Webdesign Freiburg, Lörrach, Basel - SEO/SEM - Support - Security - Schulungen: webart-workers | joomla services
Joomla Portfolio: [url="http://www.webart-workers.de/portfolio/webdesi



« zurück zu: OnPage Optimierung

Das Seitenreport Forum hat aktuell 5273 Themen und 36107 Beiträge.
Insgesamt sind 496 Mitglieder registriert.