1. Dashboard
  2. Forum
    1. Unerledigte Themen
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team-Mitglieder
    4. Trophäen
    5. Mitgliedersuche
  4. Tutorial Bereich
  • Deutsch
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  1. Informatik Forum
  2. Webmaster & Internet
  3. Entwicklung

Webseiten Ladezeiten - Worauf achtet ihr?

  • PixelPatron
  • 8. Januar 2025 um 02:13
  • Unerledigt
  • PixelPatron
    20
    PixelPatron
    github.com/pixelpatron90
    Reaktionen
    164
    Punkte
    4.059
    Beiträge
    720
    Einträge
    3
    • 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

    pixelpatron-100000?style=for-the-badge&logo=X&logoColor=white&labelColor=000000&color=FF0000 pixel_patron-100000?style=for-the-badge&logo=Discord&logoColor=white&labelColor=000000&color=FF0000 pixelpatron90-100000?style=for-the-badge&logo=GitHub&logoColor=white&labelColor=black&color=FF0000

    https://evarioo.eu/

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

  • Online
    Syntafin
    27
    Syntafin
    LISTstack Dev
    Reaktionen
    498
    Punkte
    7.773
    Trophäen
    2
    Beiträge
    1.412
    • 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.

    A red dragon falls from the heavens... Ah, that memory has been lost. A shame. It was a favorite of mine...

  • Blacksonny
    16
    Blacksonny
    Moderator
    Reaktionen
    138
    Punkte
    2.643
    Trophäen
    1
    Beiträge
    482
    • 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.:grinning_face_with_smiling_eyes:

  • PixelPatron
    20
    PixelPatron
    github.com/pixelpatron90
    Reaktionen
    164
    Punkte
    4.059
    Beiträge
    720
    Einträge
    3
    • 8. Januar 2025 um 12:24
    • #4

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

    ?

    pixelpatron-100000?style=for-the-badge&logo=X&logoColor=white&labelColor=000000&color=FF0000 pixel_patron-100000?style=for-the-badge&logo=Discord&logoColor=white&labelColor=000000&color=FF0000 pixelpatron90-100000?style=for-the-badge&logo=GitHub&logoColor=white&labelColor=black&color=FF0000

    https://evarioo.eu/

  • Online
    Syntafin
    27
    Syntafin
    LISTstack Dev
    Reaktionen
    498
    Punkte
    7.773
    Trophäen
    2
    Beiträge
    1.412
    • 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.

    A red dragon falls from the heavens... Ah, that memory has been lost. A shame. It was a favorite of mine...

  • Blacksonny
    16
    Blacksonny
    Moderator
    Reaktionen
    138
    Punkte
    2.643
    Trophäen
    1
    Beiträge
    482
    • 8. Januar 2025 um 17:20
    • #6

    Also falls die Frage ernst gemeint war, ja definitiv.

    Hatte das aber eher als Ironie verstanden :grinning_face_with_smiling_eyes:

  • Online
    Syntafin
    27
    Syntafin
    LISTstack Dev
    Reaktionen
    498
    Punkte
    7.773
    Trophäen
    2
    Beiträge
    1.412
    • 8. Januar 2025 um 17:56
    • #7

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

    Davon kann ich aktuell nur träumen:

    PageSpeed Insights

    A red dragon falls from the heavens... Ah, that memory has been lost. A shame. It was a favorite of mine...

  • PixelPatron
    20
    PixelPatron
    github.com/pixelpatron90
    Reaktionen
    164
    Punkte
    4.059
    Beiträge
    720
    Einträge
    3
    • 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.

    pixelpatron-100000?style=for-the-badge&logo=X&logoColor=white&labelColor=000000&color=FF0000 pixel_patron-100000?style=for-the-badge&logo=Discord&logoColor=white&labelColor=000000&color=FF0000 pixelpatron90-100000?style=for-the-badge&logo=GitHub&logoColor=white&labelColor=black&color=FF0000

    https://evarioo.eu/

  • Online
    Syntafin
    27
    Syntafin
    LISTstack Dev
    Reaktionen
    498
    Punkte
    7.773
    Trophäen
    2
    Beiträge
    1.412
    • 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.

    A red dragon falls from the heavens... Ah, that memory has been lost. A shame. It was a favorite of mine...

  • PixelPatron
    20
    PixelPatron
    github.com/pixelpatron90
    Reaktionen
    164
    Punkte
    4.059
    Beiträge
    720
    Einträge
    3
    • 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 :winking_face:

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

    pixelpatron-100000?style=for-the-badge&logo=X&logoColor=white&labelColor=000000&color=FF0000 pixel_patron-100000?style=for-the-badge&logo=Discord&logoColor=white&labelColor=000000&color=FF0000 pixelpatron90-100000?style=for-the-badge&logo=GitHub&logoColor=white&labelColor=black&color=FF0000

    https://evarioo.eu/

  • Online
    Syntafin
    27
    Syntafin
    LISTstack Dev
    Reaktionen
    498
    Punkte
    7.773
    Trophäen
    2
    Beiträge
    1.412
    • 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.

    A red dragon falls from the heavens... Ah, that memory has been lost. A shame. It was a favorite of mine...

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

  • PixelPatron
    20
    PixelPatron
    github.com/pixelpatron90
    Reaktionen
    164
    Punkte
    4.059
    Beiträge
    720
    Einträge
    3
    • 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 :grinning_squinting_face: ich hatte echt schon angst das es an meinem Code oder sowas liegen könnte.

    pixelpatron-100000?style=for-the-badge&logo=X&logoColor=white&labelColor=000000&color=FF0000 pixel_patron-100000?style=for-the-badge&logo=Discord&logoColor=white&labelColor=000000&color=FF0000 pixelpatron90-100000?style=for-the-badge&logo=GitHub&logoColor=white&labelColor=black&color=FF0000

    https://evarioo.eu/

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

  • Online
    Syntafin
    27
    Syntafin
    LISTstack Dev
    Reaktionen
    498
    Punkte
    7.773
    Trophäen
    2
    Beiträge
    1.412
    • 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.

    A red dragon falls from the heavens... Ah, that memory has been lost. A shame. It was a favorite of mine...

  • PixelPatron
    20
    PixelPatron
    github.com/pixelpatron90
    Reaktionen
    164
    Punkte
    4.059
    Beiträge
    720
    Einträge
    3
    • 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 :)

    pixelpatron-100000?style=for-the-badge&logo=X&logoColor=white&labelColor=000000&color=FF0000 pixel_patron-100000?style=for-the-badge&logo=Discord&logoColor=white&labelColor=000000&color=FF0000 pixelpatron90-100000?style=for-the-badge&logo=GitHub&logoColor=white&labelColor=black&color=FF0000

    https://evarioo.eu/

  • OlivHeid
    4
    OlivHeid
    Mitglied
    Reaktionen
    2
    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
    18
    flyingtable07
    Mitglied
    Reaktionen
    59
    Punkte
    3.564
    Trophäen
    1
    Beiträge
    678
    • 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.

  • Online
    Syntafin
    27
    Syntafin
    LISTstack Dev
    Reaktionen
    498
    Punkte
    7.773
    Trophäen
    2
    Beiträge
    1.412
    • 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.

    A red dragon falls from the heavens... Ah, that memory has been lost. A shame. It was a favorite of mine...

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden

Tags

  • laravel
  • performance
  • Composer

Rechtliches

Impressum

Datenschutzerklärung

  • Alles
  • Dieses Thema
  • Dieses Forum
  • Seiten
  • Forum
  • Lexikon
  • Erweiterte Suche
  • Deutsch
  • English
Zitat speichern