Ladezeiten einer HP verringern

[noli88]

Hy!

Meine Seite www.pizzeria-noli.at ladet bei einem "normal" schnellen Internetzugang sofort, bei einem etwas langsameren (64) dagegen bis zu 40 sekunden.... Wie kann ich das optimieren?

[Wolle]

Na auf jeden Fall mal die Bilder etwas optimieren. Bei über 170 kb pro Bild ist klar, das das ewig dauert.

[dgr243]

um genau zu sein die bilder nicht per "width" und "height" im <img> tag verkleinern, sondern vor dem einbinden einmal auf 40% verkleinern (wie in den tags steht) und dann ohne obige angaben einbinden. sieht genauso aus, lädt aber garantiert deutlich schneller

p.s.: selbst hier an ner 155'er leitung brauch ich noch ne gewisse zeit, bis die seite dargestellt wird (also ich sehe wirklich, dass geladen wird, was ich bei den meisten anderen seiten nicht habe )

[noli88]

hmmmm... hab nicht viel ahnung von grafiken... wie verkleinere ich sie? geht das mit dem adobe photoshop 7.0?? oder gibts ne einfachere methode?

[dgr243]

ganz leicht geht es zum beispiel auch mit dem freeware programm "irfanview".

in photoshop gehts über "bildgrösse"

[noli88]

hab jetzt die bilder grössen von total 2,7 MB auf 1,7 MB gesenkt....

ist es jetzt schneller oder immer noch so langsam?

diese Seite meine ich

[dgr243]

also hab zwar jetzt keinen direkten vergleich zu vorhin, da ich jetzt nur noch 2mbit habe zu hause, aber da ich immer noch warten muss, bis bilder angezeigt werden, finde ich die wartezeit immer noch zu lang.

evtl. mal den kompressionsfaktor der jpg bilder hochsetzen, bis artefakte auftauchen und dann wieder ein bisschen zurückschrauben.

[Manitu71]

3 mbit und es dauert paar Sekunden.

Bearbeite mal deine Bilder. Da sind welche dabei, die sind arg dunkel und dann komprimier sie dir weiter runter. Die sind alle zu groß. Es hat nicht jeder DSL daheim.

btw noch paar Tipps

Dann habe ich dir schon mal gesagt, du solltest dir mal CSS genehmigen.

Genauso wie Metatag. z.B.

<META HTTP-EQUIV="imagetoolbar" CONTENT="no">

Der schaltet die Icons ab, die bei jedem Bild von dir kommen.

Dann heißt es width und nicht widht. Soviel zu deinem anderen Kommentar: HTML kann ich schon in und auswendig . Das ist nicht nur ein Rechtsschreibfehler von dir. Das schreibste überall.

Vom Design her gefällt sie mir.

Bei der Startseite würde ich die Schrift oben nicht schwarz machen. Sieht man kaum. In der Galerie die Bilder evtl. als Popup machen.

Impressum geht total ab, aber ich weiß jetzt nicht, wie da die Gesetze in Austria sind.

Und kann das sein, das du da irgendwo einen Freewebspace Anbieter hast? Mir kommt da mit der Zeit immer ne Popupseite von O2. Macht sich im gewerblichen Bereich meines Erachtens auch nicht so gut. Privat isses okay.

[noli88]

@Manitu

erstmals thx für die tipps. Tatsächlich, "widht" habe ich geschrieben. Ich war selbst erstaunt.

Könntest du mir nochmal genauer erläutern was

<META HTTP-EQUIV="imagetoolbar" CONTENT="no">

macht? einen Unterschied habe ich nicht gemerkt. Was meints ihr mit "herunterkomprimieren"? Die Auflösung verringern? Oder gibts da einen mir unbekannten "special-trick"?

Die Schrieft hab ich geändert, kannst es dir hier anschauen.

Ein impressum brauch ich nicht, oder? ich meine, was soll ich da gross schreiben? Das der Inhalt geschützt ist, usw.? Ich bin ja nicht mal ne Firma, nur der Sohn vom Chef...

Wieso tauchen da Pop-Ups auf?????? ich zahle für die Domain und fürn Webspace. Was erscheint denn genau? Werbemüll?

[noli88]

aja, eins noch... was für einen Vorteil würde mir CSS bei solch einer kleinen Seite bringen?

[Manitu71]

der geschriebene Metatag schaltet die Toolbar ab. Fahre mal im IE6 mit der Maus auf das Bild. Dann erscheint eine kleine Iconleiste oben links im Bild mit Funktionen zum speichern, drucken ...

Mit diesem Metatag schaltet man das aus.

Mit komprimieren meinten wir, das die Bilder immer noch so groß sind.

In Deutschland ist es egal, ob du der Sohn vom Chef bist oder der Kaiser von China . Das ist eine gewerblich genutzte Seite und da braucht man ein Impressum. Ob es bei euch Österreichern genauso ist, weiß ich nicht. Denke aber mal schon. Hab dafür jetzt auch keinen Link dafür da.

HmmH, das mit dem Popup war wohl nur Zufall. Kam anscheinend doch nicht von deiner Seite. Zumindestens hab ich sie jetzt paar Minuten auf und es ist noch nichts gekommen.

Bearbeite auf alle Fälle mal deine Bilder wie oben schon gesagt und vor allem mach sie ein wenig heller. Da ist teilweise nichts zu erkennen und das wird ja wohl kaum der Sinn sein

Und überlege dir mal die Bilder per Javascript als Popup beim klicken zu vergrößern. Nur so als Idee.

[FMG]

Du solltest unbedingt Breite und Höhe der Bilder verändern, oder wozu sind die Bilder so groß, dass sie gerade so auf meinen Bildschirm passen, wenn ich sie mir anzeigen lasse!? - Das geht mit IrfanView innerhalb von Sekunden via Datei -> Batchkonvertierung/Umbenennung.

BTW: Galerie schreibt man mit einem "l" und nicht mit zwei!

Wenn du schon woanders schreibst, dass du dich mit HTML auskennst: Wie wärs mit einer docType-Angabe? Wozu veraltete font-Tags?

Die Speisekarte ist auch nicht so das wahre vom Code her... Du hast nämlich nicht bedacht, dass manche eine Auflösung von 800x600 und nicht 1024x768 haben.

[noli88]

Galerie schreibt man mit einem "l" und nicht mit zwei!

ups, ist schon korrigiert.

Wenn du schon woanders schreibst, dass du dich mit HTML auskennst: Wie wärs mit einer docType-Angabe? Wozu veraltete font-Tags?

Ich hab das so gelernt. Sowohl mit meinen privaten Büchern als auch später in der Schule

Die Speisekarte ist auch nicht so das wahre vom Code her... Du hast nämlich nicht bedacht, dass manche eine Auflösung von 800x600 und nicht 1024x768 haben.

Ja, ich weis. Nur ist es mir erst eingefallen als ich sie gertig hatte. Und da hat sich dann etwas Österr. gemütlichkeit breit gemacht. Ausserdem hat heute sowieso min 80 % - 90 % 1024x768

Du solltest unbedingt Breite und Höhe der Bilder verändern, oder wozu sind die Bilder so groß, dass sie gerade so auf meinen Bildschirm passen, wenn ich sie mir anzeigen lasse!?

Meinst damit die 2 Fotos auf der Startseite? Das war ehrlich gesagt absichtlich. Sieht das schlecht aus?

[FMG]

ad Fotos

Nicht nur, auch die in der Galerie.

Ich weiß natürlich nicht, wie du am besten lernen kannst (mit Buch oder online), aber schau auch mal bei selfhtml vorbei.

[Thanks-and-Goodbye]

ups, ist schon korrigiert.

Nö. Dafür zeigt jetzt der Link FotogaLLerie auf dem linken Frame ins Leere.

BTW: Kann mir mal jemand erklären, warum man für ein Gästebuch hundert (so ungefähr, nicht nachgezählt) Smilies braucht?

[noli88]

Nö. Dafür zeigt jetzt der Link FotogaLLerie auf dem linken Frame ins Leere

jetzt aber :floet:

[noli88]

Aber was meints ihr: Ich bin 16, hatte keine Ahnung in der Richtung, und die Seite war die Erste die ich erstellt habe.

Ist das akzeptabel? Kann man das bei Bewerbungen als Ferialpraktikant vorzeigen?

[Manitu71]

naja kann man schon lassen fürs erste.

Aber nimm dir mal die Vorschläge von uns zu Herzen.

btw

weiß ich jetzt wo dein Popup von O2 herkommt.

Der Chief hat mich drauf gebracht.

Das ist dein kostenloses Gästebuch

[Woodstock]

Hallo,

also ich geb meinen Senf jetzt auch mal dazu. Ich mag Seite nicht die mit Frames arbeiten. Dabei kann man auch nur den Kopf, nur das Menü oder andere Teile, jenachdem wieviele Frames man hat, anzeigen lassen (als derjeniger welcher die Seite aufruft). Du solltest lieber mit Tabellen arbeiten, und wenn Du wirklich Programmieren willst, was Du in anderen Threads ja bereits beschrieben hast, dann nimm dir mal die Zeit und schau Dir auch PHP an. Das eignet sich super gut für Webseiten und damit läßt sich vieles sehr viel eleganter lösen.

Für reines HTML kann ich auch SelfHTML empfehlen, und ansonsten schau mal hier vorbei.

So long,

Bine

[geloescht_JesterDay]

Ich mag Seite nicht die mit Frames arbeiten. [...]Du solltest lieber mit Tabellen arbeiten

Also ne saubere Seite benutzt heutzutage weder Frames noch Tabellen (zu Layoutzwecken). Und IMHO ist es sauberer (vom Code her) eine Seite mit 3 FRames zu haben, als eine mit hunderten Tabellen-Zellen. Ich hab mal ne Seite zum nachbearbeiten bekommen, die irgendein tolles Weg-Design Büro gemacht hat. Bei 5 Tabelle ineinander verschachtelt blickt doch keine Sau mehr durch (sorry).

Sowas klickt man mit nem WYSIWIG-HTML Editor zurecht, aber wenn dann noch PHP dazukommt (wie in meinem Fall) sieht das schnell sch... aus (für den, der es ändern darf).

Schau dir mal http://www.css4you.de an. Zusammen mit SelfHTML klappts dann auch mit guten Seiten.

EDIT:

Zum Thema FRames einzeln anzeigen: Im Normalfall passiert das ja nich. Und wenn es der Besucher tut... dann is er ja selber schuld. Er sieht ja nix, was er nich sehen soll. Nur die Seite geht dann halt u.U. nicht mehr wie sie soll, aber das hat er sich ja selbst zuzuschreiben dann. Und wenn er PHP oder Javascript benutzt kann er das auch verhindern (das ein Frame allein angezeigt wird).

[Manitu71]

also mit Javascript hatte ich das vor Jahren auch gelöst. PHP ist aber natürlich die bessere und sichere Lösung. Hatte ich aber damals keine Ahnung davon

Ich nutz zwar auch keine Frames mehr, aber es gibt halt auch Kunden die schwören darauf. Und so eine Seite wie die Pizzeriaseite kann man durchaus noch so gestalten.

[FMG]

Zum Thema FRames einzeln anzeigen: Im Normalfall passiert das ja nich. Und wenn es der Besucher tut... dann is er ja selber schuld. Er sieht ja nix, was er nich sehen soll. Nur die Seite geht dann halt u.U. nicht mehr wie sie soll, aber das hat er sich ja selbst zuzuschreiben dann. Und wenn er PHP oder Javascript benutzt kann er das auch verhindern (das ein Frame allein angezeigt wird).

Moment, Google verfolgt bekanntlich die Links und indiziert entsprechend. Bei einer Frameseite wären das die Indexseite und die restlichen Seiten...

Wenn man also nach einem Wort sucht, das auf einer Seite vorkommt, kann es sein, dass man von der Suchmaschine auf eine Seite ohne Menü geleitet wird. - JavaScript sollte man aus Sicherheitsgründen übrigens abschalten (Stichwort Pishing).

[geloescht_JesterDay]

Moment, Google verfolgt bekanntlich die Links und indiziert entsprechend. Bei einer Frameseite wären das die Indexseite und die restlichen Seiten...

Wenn man also nach einem Wort sucht, das auf einer Seite vorkommt, kann es sein, dass man von der Suchmaschine auf eine Seite ohne Menü geleitet wird. - JavaScript sollte man aus Sicherheitsgründen übrigens abschalten (Stichwort Pishing).

Schonmal was von Robots.txt gehört? Damit sagst du google was es indizieren darf .

Und wenn du Javascript ausschaltest gehen viele Seiten nicht, weil es bei den meisten benötigt wird, zumindest um alles nutzen zu können. Stichwort Sicherheit passt eher ActiveScripting, aber das betrifft ja auch nur einen Browser

[noli88]

Arbeitet irgendewer von euch hier bei einem Profi-Studio? Weil ein paar sprechen sich für Tabellen und ein paar für Frames aus. Wie machen das "echte" Profis?

Und: Soll ich mir zuerst PHP oder zuerst Java Script aneignen?

Und: Wie ist die Seite jetzt für einen Anfänger, sagen wir nach dem Schulnotensystem?

[Manitu71]

Die meisten arbeiten mit Layern. Ich denke Javascript wär besser zum Anfang.

Für ne Schulnote würde ich mal ne 2-3 sagen, wenn ich nur das Design und den Inhalt betrachte.