Größe einer Website ermitteln

[lordg2009]

Hi,

ich würde gerne die Größe der Daten einer Website ermitteln, die beim öffnen übertragen werden.
Ich nutze google chrome. Lässt sich das machen?

Grüße

 

[Snooty]

Drück mal F12, dann unten in der Entwicklerkonsole auf Network. Wenn du eine Seite lädst, steht dort, was alles geladen wird und wie groß die Seite ist.

 

[Smug-P]

Drück mal F12

 

[lordg2009]

Danke, habe jetzt ne Seite geschrieben:
-kleine Seite
-Schriftart von fontawesome integriert
-> 100KB
-> 500ms

-Cool, was man mit F12 alles machen kann.
- nicht so cool, dass ich 100KB laden muss, obwohl ich doch eigentlich nur 2 bis 3 Zeichen brauche

Vielen Dank

 

[Snooty]

Na, wenn du eine Schriftart einbindest, muss die doch auch geladen werden; sowie das "ganze" HTML-Gerüst im Quellcode.

 

[Daaron]

Du könntest aus der Font, mit entsprechenden Editoren, die Zeichen exportieren, die du brauchst. Dann hast du am Ende (auf deinem eigenen Webspace) eine minimalistische Version.

Andererseits: Wenn du auf das Fontawesome-CDN zugreifst (mach ich auch verdammt gern) haben deine Besucher im Zweifel bereits die Daten, weil sie auf einer anderen Seite waren, die ebenfalls das CDN nutzt. Deshalb verwendet man ja auch grundsätzlich das Google-CDN für JavaScript Frameworks oder Google Font, anstatt den Kram selbst bereitzustellen.

 

[MaverickM]

Andererseits: Wenn du auf das Fontawesome-CDN zugreifst (mach ich auch verdammt gern) haben deine Besucher im Zweifel bereits die Daten, weil sie auf einer anderen Seite waren, die ebenfalls das CDN nutzt. Deshalb verwendet man ja auch grundsätzlich das Google-CDN für JavaScript Frameworks oder Google Font, anstatt den Kram selbst bereitzustellen.

This.

Google ist zudem auch immer sehr performant. Keine Ahnung wie das bei Fontawesome ist. Ich verwende aber zum Beispiel auch gerne Fonts von WeLoveIconFonts.com und die Seite ist manchmal etwas lahm... (Obwohl der Server im selben Rechenzentrum steht wie meine vServer...)

 

[lordg2009]

Das ist natürlic richtig. Mit:

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

kann man es ja einfach mit fontawesome verlinken.

Habe ich glatt überlesen, weil ich grundsätzlich immer erst mal alles selber auf dem Rechner haben muss. Hoffen wir, dass die performance stimmt. Danke euch

 

[Daaron]

Ist halt das Bootstrap CDN. Da steckt zwar nicht so viel Power dahinter wie bei Google, aber mehr als genug.

 

[lordg2009]

Gibts von google auch eine Schriftart, die ähnliches bietet? Es geht um Symbole zur Gestaltung von Formularen und websites.

@Daaron: Wie kannst du eigentlich erst 2 Jahre dabei sein und schon über 8.500 Beiträge haben?

 

[Daaron]

Zu viel Langeweile...

 

[lordg2009]

Dein Name kam mir nur so bekannt vor, wahrscheinlich hast du mir einfach schon mal geholfen