Ladezeiten von Webseiten anzeigen und verkürzen

Forum � XOBOR-Foren und Homepages � Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps � Ladezeiten von Webseiten anzeigen und verkürzen
Hier sehen Sie Beitr�ge zu den einzelnen Themen

Themen-Einstellungen Thema

Thema abonnieren

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News! Stellen Sie Ihr eigene Webseite vor! Betriebssystem MS Windows Betriebssystem MS Windows 10, 8.1, 8 und 7 - Tricks & Tipps MS Windows 10, 8.1, 8 und 7 - Fragen & Antworten �rger mit Ihrem PC? �rger mit dem PC - Vorbeugung und Hilfe �rger mit dem PC - Fragen & Antworten Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten Die besten Links Empfehlenswerte und interessante Links! Link - Suche Verschiedenes Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones Lob, Kritik & Verbesserungsvorschl�ge Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit Alles, was noch so �brig bleibt Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel

#1 | Ladezeiten von Webseiten anzeigen und verkürzen

Wolfgang

Administrator

Beitr�ge:	2139
Registriert:	10.12.2006
Blog:	Wolfgangs Blog
Homepage:	Nicht angegeben
Forum:	Nicht angegeben
Forum 1:	Nicht angegeben
Forum 2:	Nicht angegeben
Forum 3:	Nicht angegeben

15.02.2011 19:19 (zuletzt bearbeitet: 10.11.2018 10:18)

Ladezeiten von Webseiten anzeigen
Aktualisiert 10.11.18

Oft kann es eine große Hilfe sein, die Ladezeiten der eigenen Webseiten zu überwachen. Sie können zur Störungseingrenzung genutzt werden oder geben auch viele Informationen über den Zustand preis.

Sind die Ladezeiten einer Seite zu hoch, könnte es folgende Ursache haben:

  • Die verwendeten Bilder für den Hintergrund oder der Themen sind nicht "Web optimiert".
  • Zu viele Animationen, zu viele einzelne Bilder finden Verwendung.
  • Zu viele im Hintergrund gelade Scripte (über z.B. "onload" im Body).
  • Letztendlich kann etwas mit der Geschwindigkeit der Internetverbindung nicht stimmen.

Das Script wird wie folgt eingebaut:
  • Das JavaScript (Zeile 7-17 ) wird zwischen "<head> + /head>" eingetragen.
  • Das Script nimmt sich jQuery zur Hilfe und läuft dadurch stabiler!
  • In allen Xobor-Templates ist bereits jQuery geladen!
  • Wichtig! Die Ladezeit wird über Zeile 22 ausgegeben!.
  • Zeile 22 wird an der Stelle im "body " eingebaut, an der sie ausgegeben werden soll!
  • Zum Testen können auch Zeile 7-17 und Zeile 22 in diegesetzt werden!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Ladezeiten von Webseiten anzeigen</title>
 
<!-- Wenn jQuery nicht vorhanden, Zeile 8 auskommentieren -->
<!-- <script type="text/javascript" src="https://img.homepagemodules.de/ds/static/jquery/min/jquery-1.7.1.min.js"></script> -->
<script type="text/javascript" language="JavaScript">
//// Ladezeit ////
var ladestart = new Date();
$(function() {
var ladeende = new Date();
var ladezeit = ladeende.getTime() - ladestart.getTime();
$('#ladezeitanzeige').html(ladezeit / 1000 + " Sekunden");
});
</script>
 
</head>
<body>
 
<span id="ladezeitanzeige">Keine Zeit verfügbar!</span>
 
</body>
</html>
 

Schlie�en

Das Script in Aktion:

Wie lange braucht diese Webseite, um geladen zu werden?

Bilder Web optimieren:

  • Online PNG Optimierer
  • Online JPEG Optimierer
  • Online GIF Optimierer
  • RIOT

Webseiten schneller laden durch Vorladen von Bildern:

Vorladen von Bildern!

DSL-Geschwindigkeit testen:

• DSL-Geschwindigkeitstest

Bis dann
Wolfgang

Antworten!

Hans58 und Magister finden das Top!

Thema abonieren Startseite Letzte Beitr�ge

Antworten

Moderations-Kommentar:
Lade-Script komplett mit jQuery aufgebaut!

#2 | Aktualisiert: Ladezeiten von Webseiten anzeigen und verkürzen

Wolfgang

Administrator

Beitr�ge:	2139
Registriert:	10.12.2006
Blog:	Wolfgangs Blog
Homepage:	Nicht angegeben
Forum:	Nicht angegeben
Forum 1:	Nicht angegeben
Forum 2:	Nicht angegeben
Forum 3:	Nicht angegeben

10.11.2018 10:16 (zuletzt bearbeitet: 11.11.2018 09:06)

Aktualisiert: Ladezeiten von Webseiten anzeigen und verkürzen!

Beitrag #1 aktualisiert!

  • Das Script wurde erneut überarbeitet!
  • Ausgabezeit läuft jetzt komplett über jQuery!
  • Das Script läuft stabiler und stört kein anderes Script!
  • In allen Xobor-Templates ist jQuery bereits geladen!

Das Script in Aktion:

Wie lange braucht diese Webseite, um geladen zu werden?

• Damit die Zeiten korrekt gemessen werden, muss das Script im "Header", so weit wie möglich, oben auf der Webseite platziert werden!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<!-- Wenn jQuery nicht vorhanden, Zeile 8 auskommentieren -->
<!-- <script type="text/javascript" src="https://img.homepagemodules.de/ds/static/jquery/min/jquery-1.7.1.min.js"></script> -->
<script type="text/javascript" language="JavaScript">
//// Ladezeit ////
var ladestart = new Date();
$(function() {
var ladeende = new Date();
var ladezeit = ladeende.getTime() - ladestart.getTime();
$('#ladezeitanzeige').html(ladezeit / 1000 + " Sekunden");
});
</script>
 
</head>
<body>
 
<span id="ladezeitanzeige">Keine Zeit verfügbar!</span>
 
 