1. Weiterleitung zu NetzLiving.de
  2. Forum
    1. Unerledigte Themen
  3. zum neuen Forum
  • Anmelden
  • Suche
Dieses Thema
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Seiten
  • Forum
  • Erweiterte Suche
  1. Informatik Forum
  2. Webmaster & Internet
  3. Entwicklung

Webseiten Ladezeiten - Worauf achtet ihr?

  • PixelPatron
  • 8. Januar 2025 um 02:13
  • Unerledigt
Hallo zusammen,

das Informatik-Forum geht in den Archivmodus, genaue Informationen kann man der entsprechenden Ankündigung entnehmen. Als Dankeschön für die Treue bekommt man von uns einen Gutscheincode (informatikforum30) womit man bei netzliving.de 30% auf das erste Jahr sparen kann. (Genaue Infos sind ebenfalls in der Ankündigung)

Vielen Dank für die Treue und das Verständnis!
  • PixelPatron
    Punkte
    4.131
    Beiträge
    733
    • 8. Januar 2025 um 02:13
    • #1

    Hallo,

    da ich aktuell in ein Stadium komme wo der Code immer grösser wird und ich jeden Tag 100 Zeilen Code schreibe stelle ich langsam die Frage welche Optimierungen Sinnvoll wären.

    Was haltet ihr von minify (css, JS, HTML), cdn oder von Composer Optimierungen und was genau macht ihr damit eure Seite flott lädt?

    Lg alex

    Pagespeed meiner aktuellen Präsenz

    PageSpeed Insights

    Einmal editiert, zuletzt von PixelPatron (8. Januar 2025 um 02:19)

  • Syntafin
    Punkte
    7.925
    Beiträge
    1.439
    • 8. Januar 2025 um 03:27
    • #2

    Ich mache vor allem TreeShaking automatisiert mit Vite während dem Build Prozess, dazu werden die Komponenten einzeln gepackt damit nur geladen werden muss was gebraucht wird.

    Zusätzlich lasse ich die gesamte Anwendung vorab Kompilieren, statt zur Laufzeit.

  • Blacksonny
    Punkte
    2.768
    Beiträge
    505
    • 8. Januar 2025 um 10:06
    • #3

    Das ist vielleicht schon klar, aber ich erwähne es trotzdem da es die Ladezeiten auch verbessert.

    Falls Bilder vorhanden sind sollten diese gut komprimiert sein, um keine Unmengen an Daten herunterladen zu müssen.^^

  • PixelPatron
    Punkte
    4.131
    Beiträge
    733
    • 8. Januar 2025 um 12:24
    • #4

    Warte? Grosse Bilder machen die Seite langsamer ..? Oo

    ?

  • Syntafin
    Punkte
    7.925
    Beiträge
    1.439
    • 8. Januar 2025 um 16:15
    • #5

    Äh ja machen sie. Ein PNG braucht länger als zB ein WebP oder AVIF um zu laden.

  • Blacksonny
    Punkte
    2.768
    Beiträge
    505
    • 8. Januar 2025 um 17:20
    • #6

    Also falls die Frage ernst gemeint war, ja definitiv.

    Hatte das aber eher als Ironie verstanden ^^

  • Syntafin
    Punkte
    7.925
    Beiträge
    1.439
    • 8. Januar 2025 um 17:56
    • #7

    Aber sehe gerade den PageSpeed Bericht, 99/100 sind doch gut ^^.

    Davon kann ich aktuell nur träumen:

    PageSpeed Insights

  • PixelPatron
    Punkte
    4.131
    Beiträge
    733
    • 8. Januar 2025 um 19:20
    • #8

    Ja Pagespeed ist Bombe aber ich finde es ist immer Luft nach oben. Was mich zb persönlich stört sind Webseiten mit grossen Bildern die ewig laden. Deswegen verzichte ich auf Bilder bzw zu grosse Bilder.

    Was mich noch stört ist das mein Composer beim optimieren immer soooo lange braucht .. gefühlt geht es bei einer frischen laravel Installation schneller. Ich muss zugeben dass ich mit Composer nicht so krass auskenne daher hat vielleicht dazu noch jemand ein paar Tips.

  • Syntafin
    Punkte
    7.925
    Beiträge
    1.439
    • 8. Januar 2025 um 19:29
    • #9

    Was ist für dich lange?

    Zudem, du hast wohl ein System das alles vorab als HTML vorab rendert, das kostet auch irgendwo Leistung.

    Persönlich finde ich das eher unnötig (kostet halt einfach... Alles).

    Und wie lange jetzt Composer oder Vite brauchen ist doch egal oder?

    Bei mir läuft Vite bis es durch ist locker 25-35 Sekunden.

  • PixelPatron
    Punkte
    4.131
    Beiträge
    733
    • 8. Januar 2025 um 19:38
    • #10

    35 Sekunden wären schön haha. Nach jedem Composer Update dauert es ca 10 min bis alles optimiert und wieder rdy ist .. nicht normal denke ich ;)

    Was genau meinst du mit ich habe ein System was HTML vorab rendert?

  • Syntafin
    Punkte
    7.925
    Beiträge
    1.439
    • 8. Januar 2025 um 20:48
    • #11

    10 Minuten? Da läuft aber gehörig was schief.

    PixelPatron was genau hast du denn unter Autoload und Scripts stehen? Das könnte einen Aufschluss darauf geben.

    Einmal editiert, zuletzt von Syntafin (9. Januar 2025 um 08:58)

  • PixelPatron
    Punkte
    4.131
    Beiträge
    733
    • 9. Januar 2025 um 12:01
    • #12

    Poste ich dir gleich wenn alles hochgefahren ist. Bin Grad erst rein aber deine These ist interessant. Was mir manches Mal auffällt ist das er anscheinend versucht packages erst von local zu installieren weil der Composer der Meinung ist er hätte kein Internet.

    Spoiler anzeigen
    Code
    "autoload": {
            "psr-4": {
                "App\\": "app/",
                "Database\\Factories\\": "database/factories/",
                "Database\\Seeders\\": "database/seeders/"
            }
        },
        "autoload-dev": {
            "psr-4": {
                "Tests\\": "tests/"
            }
        },
        "scripts": {
            "post-autoload-dump": [
                "Illuminate\\Foundation\\ComposerScripts::postAutoloadDump",
                "@php artisan package:discover --ansi"
            ],
            "post-update-cmd": [
                "@php artisan vendor:publish --tag=laravel-assets --ansi --force",
                "@php artisan vendor:publish --tag=livewire:assets --ansi --force"
            ],
            "post-root-package-install": [
                "@php -r \"file_exists('.env') || copy('.env.example', '.env');\""
            ],
            "post-create-project-cmd": [
                "@php artisan key:generate --ansi",
                "@php -r \"file_exists('database/database.sqlite') || touch('database/database.sqlite');\"",
                "@php artisan migrate --graceful --ansi"
            ],
            "dev": [
                "Composer\\Config::disableProcessTimeout",
                "npx concurrently -c \"#93c5fd,#c4b5fd,#fb7185,#fdba74\" \"php artisan serve\" \"php artisan queue:listen --tries=1\" \"php artisan pail --timeout=0\" \"npm run dev\" --names=server,queue,logs,vite"
            ]
        },
    Alles anzeigen

    Besteht denn die kleinste Möglichkeit das es am WIndows Defender liegt? .. Syntafin

    Nachtrag: Mit composer update -vvv --profile kommt die Ausgabe: [33.9MiB/219.33s] Memory usage: 33.91MiB (peak: 119.21MiB), time: 219.33s

    Nachtrag2: Habe die Lösung gefunden und natürlich war wie immer ein Teil von Windows schuld. Nachdem ich das Arbeitsverzeichniss zu einer Ausnahme zum Windows Defender hinzugefügt habe geht es jetzt wie gewohnt sehr schnell :D ich hatte echt schon angst das es an meinem Code oder sowas liegen könnte.

    3 Mal editiert, zuletzt von PixelPatron (9. Januar 2025 um 13:56)

  • Syntafin
    Punkte
    7.925
    Beiträge
    1.439
    • 9. Januar 2025 um 16:09
    • #13

    Wozu lädst du eigentlich Factories und Seeder? Das verstehe ich nicht.

    Auch dein Script unter Dev wirkt etwas seltsam an der Stelle.

  • PixelPatron
    Punkte
    4.131
    Beiträge
    733
    • 9. Januar 2025 um 17:13
    • #14
    Zitat von Syntafin

    Wozu lädst du eigentlich Factories und Seeder? Das verstehe ich nicht.

    Auch dein Script unter Dev wirkt etwas seltsam an der Stelle.

    Ich muss gestehen daß ich in dieser Datei nicht per Hand gemacht habe und ale entrage irgendwann durch die Konsole gesetzt wurden. Daher: keine Ahnung. Vielleicht kannst du das etwas ausführen.

    PS: ich weiss .. bin ein vollquotel :)

  • OlivHeid
    Punkte
    157
    Beiträge
    25
    • 26. Januar 2025 um 02:29
    • #15

    Hey ich hab mehrere Angebote von Server gesehen mit 1G Uplink oder 10G Uplink macht hat das bei der ladezeit von Webseiten auch Auswirkungen oder merkt man da keinen unterschied?

  • flyingtable07
    Punkte
    3.580
    Beiträge
    681
    • 26. Januar 2025 um 11:40
    • #16

    Du könntest die Bilder asynchron Laden lassen, sodass die Website schon fertig geladen ist, obwohl die Bilder noch nicht geladen wurden. An der Stelle wo die Bilder sind kannst du eine von der qualität stark reduzierte Version des Bildes anzeigen, die dann ersetzt wird, sobald das eigentliche Bild geladen wurde.
    Wenn die Website von der Höhe sehr lang ist, kannst du es mit JavaScript auch so einrichten, dass vorrangig die Bilder im sichtbaren Bereich (die oberen) geladen werden und der Rest, wenn man runterscrollt.
    Du könntest auch ein CDN einrichten, sodass die "großen" Assets von Servern in geografischer Nähe geladen werden und dein eigentlicher Server nicht zu stark belastet wird.

    Mit JavaScript im Frontent gibt es noch super viele Möglichkeiten die Leistung und die Ladezeit zu verbessern. Du könntest die gesamte Website als SPF einrichten. Ein Service Worker läd dann schon die Sachen, die noch gar nichtgebraucht werden. Wenn du dann mehrere Unterseiten hast, steht alles schon zur Verfügung und beim Navigieren durch die Seite hast du 0ms Ladezeit.

  • Syntafin
    Punkte
    7.925
    Beiträge
    1.439
    • 26. Januar 2025 um 18:53
    • #17
    Zitat von OlivHeid

    Hey ich hab mehrere Angebote von Server gesehen mit 1G Uplink oder 10G Uplink macht hat das bei der ladezeit von Webseiten auch Auswirkungen oder merkt man da keinen unterschied?

    Da merkt man keinen Unterschied, außer du hättest so viele Anfragen das der Uplink überlastet ist.
    Die meiste Zeit bis eine Antwort vom Server kommt ist immer die Zeit bis die angeforderten Daten bereitstehen.

Tags

  • laravel
  • performance
  • Composer
  1. Datenschutzerklärung
  2. Impressum