Beiträge von Christian Jäger

  • Einfluss des Backends auf Ladezeit

    Danke für die schnelle Antwort.

    @Mediathek
    Ganz grundsätzlich gefragt: Sollten Inhalte der Mediathek nicht auf MEINEM Serverplatz liegen und für die Ladezeit einer Seite erstmal egal sein, solange Bilder & Co nicht in der Website verbaut sind?

    @Elementor
    Da komm ich leider nicht drum rum. Versuche daher das System zu optimieren und stelle mir die analoge Frage zu oben:
    Wenn ich zB "Grid Container" in den Einstellungen aktiviere, sie aber nicht nutze - (wie) können sie dann Einfluss auf die Ladezeit haben?

    Danke!

  • Einfluss des Backends auf Ladezeit

    Hallo

    Ich versuche die Performance meiner Websites zu optimieren und bin bei meinen Recherchen natürlich auf zahlreiche Empfehlungen gestoßen. Einige betreffen Einstellungen im Backend.

    Ich versuche zu verstehen, inwieweit es eine Rolle spielt, ob ich beispielsweise...

    • viele ungenutzte Bilder in der Mediathek liegen habe
    • unter "Settings" → "Media Settings" → "Image Sizes" die Versionen einschränke, welche Wordpress von meinen Bilder ablegt
    • ich Einstellungen wie zB "Mega-Menüs" oder “Grid Container" in Elementor aktiviere, auch wenn ich sie nicht nutze

    Herzlichen Dank für eure Inputs,
    Christian

  • Performance

    Das ist ja so cool - DANKE! :cool:
    Hat perfekt geklappt

    Speed-Test ist mobil schneller, für die Desktop-Version allerdings langsamer geworden?? Nehme mal an, die Ergebnisse von PageSpeed Insights schwanken etwas.

    Problem jedenfalls gelöst.

    Darf ich für's Verständnis doch nochmal auf meine Eingangsfragen zurück kommen?

    • Ist schlanker Code durch u.A. Reduktion von Containern und Widgets im Vergleich zu Reduktion von (eh schon komprimierten) Bildern relevant für die Performance?
    • Hab auch 2-3 Überschriften mit Eintritts-Animationen die ich noch sparen könnte
    • Woher die Diskrepanz zwischen Mobil und Desktop?

  • Performance

    Tut mir leid. "Design" → "Customizer" find ich nicht.
    Ich kann im Editor Fenster und "advanced" → "custom css" Code eingeben, aber nicht auf mobile beschränken?!
    In den "Site Settings" find ich noch "Design System", aber das wird wohl auch nicht gemeint sein?

  • Performance

    Danke für die schnelle Rückmeldung.

    Im Image-Box-Widget hab ich unter "Style" → "Image Position" für die Desktop-Version Links gewählt.
    Dadurch lässt sich unter "Style" → "Image" → "Spacing" der Abstand zwischen Bild und Überschrift nicht beeinflussen. Vielleicht liegt da auch irgendwo ein Problem? Der Regler ist bei mir (im mobilen breakpoint) eigentlich funktionslos.

    Hab also das gleiche für Mobil separat angelegt, Image Position auf oben gestellt und kann das nun einstellen. Allerdings funktioniert das für das Desktop-Layout nicht mehr

  • Performance

    Hallo

    Ich bin kein Webprofi, aber als Obmann eines gemeinnützigen Vereines in der Verlegenheit...
    Hab unsere Seite mit Elementor gebaut, mich vorab etwas damit beschäftigt und hänge an einer Spezialfrage:

    Die hellblau hinterlegt Sektion unserer Homepage https://vereinbewegt.tirol/ habe ich mit nur 1 Flexbox Container und Image-Box-Widgets realisiert, um den Code schlank zu halten. Leider kann ich den Abstand zwischen Bild und Überschrift nicht responsiv bearbeiten. Hab daher den ganzen Bereich für die mobile Darstellung ausgeblendet und neu erstellt, was zur Folge hat, dass die 3 verwendeten Bilder doppelt geladen werden müssen.

    Die Bilder sind als .webp 150 - 200 k klein. Dennoch frage ich mich, ob es nicht besser wäre, mit child-containern und separaten Widgets für Heading, Text und Bild zu arbeiten und dafür nicht alles doppelt anzulegen.


    Und vielleicht darf ich noch eine Frage dran hängen:

    Laut pagespeed insights ist die Seite am Computer mit 93 recht flott. Mobil erreiche ich nur 66. Wie kann der Unterschied zustande kommen bei gleichen Inhalten?


    Hoffe das war verständlich formuliert und schonmal herzlichen Dank für eure Infos!

  • Einzug im Heading Widget, Elementor

    Ich kann nur wieder danken!

    1) Ich glaube dass das aktuelle Problem eher bei den global Fonts im Elementor liegt. Wie gesagt hab ich auch bei der Verwendung von Google Fonts (als Webfonts) das gleich Problem: Größe der globalen Einstellung "primary" lässt sich nicht ändern. Ausgerechnet die feste Größe primary. Ansonsten würde ich eine neue global font Vorlage einrichten und ersetzen.

    2) Für mein Verständnis:

    Zitat

    Die Warnungen bedeuten, dass die herunterladbaren Schriftarten, die du verwendest, nicht den TrueTypeFont-Standard erfüllen

    Ich habe nur WOFF und WOFF2 Formate hochgeladen. Nach meiner Recherche können die Formate von allen gängigen Browsern gelesen werden und sind die schnellsten. Soll ich TTF dazu packen wenn du vom "TrueTypeFont-Standard" sprichst?

  • Einzug im Heading Widget, Elementor

    Danke nochmal r23. Hab mir deine Infos genauer angeschaut. Ich hoffe ich darf nochmal nachfragen:

    Wenn ich die von dir kopierten Warnungen richtig verstehe wäre auch die Schrift "Poppins" fehlerhaft, die ja nun wirklich kein Nobody ist. Evtl. hab ich beim Upload war falsch gemacht?! :eek:
    Lediglich "Cherry Blossoms", die Schrift die mir im Editor immer Probleme macht (siehe oben), zeigt wohl keine Probleme an?

    Zitat

    Ich würde auf Uppercase verzichten und "BERICHTE" selber schreiben.


    Leider kein Effekt. Es liegt wirklich an der Schrift "Argentum Sans". Mit Montserrat klappt inzwischen alles wunderbar.

    Allerdings musst ich dafür einen neuen global font erstellen. Beim global font "primary" kann ich nach wie vor die Schriftgröße nicht ändern (weder als px, vw, em oder rem). Unabhängig von der Schriftart (allesamt custom fonts), welche sich normal ändern lässt, wie die anderen Parameter ("Weight", "Transformation", "Style"...). Hab sogar verschiedene Browser probiert.

    Hab auch google fonts im Dashboard wieder aktiviert. Aber auch wenn ich Webfonts verwende lässt sich die Größe nicht einstellen. Ich versteh die Welt nicht mehr :(

  • Einzug im Heading Widget, Elementor

    Zitat

    Auf einem Tablet augenscheinlich nicht.


    Sehe ich das falsch? Auf dem Screenshot ist "Berichte" auch eingerückt?!

    Zitat

    dein Theme verwendet letter-spacing und word-spacing. vielleicht liegt es daran?


    Das wären dann die "global Fonts", oder? Word-spacing ist auf 0. Letters hatte ich negativ, inzwischen auch wieder auf default. Hilft leider auch nicht.

    Da läuft generell einiges nicht rund:
    • Die Schrift (primary) der Headline sollte deutlich größer sein. "Berichte" (primary Font = 6 rem) ist fast doppelt so groß wie "TV" (secondary = 3.6 rem). Ich kann andere globale Schriften (auch größere) zuweisen. Aber primary bekomme ich nicht auf normale Größe

    • Hab es dann direkt mit den Custom Einstellungen (Bleistift) versucht. Ich kann alle Einstellungen vornehmen (Family, Weight, Transform, Style...). Nur die Größe reagiert nicht. Schrift ist offenbar größer als 2 px

    Schriften sind als Custom Fonts eingebettet. Kann da etwas nicht rund funktionieren?
    Auch eine weitere Custom Font Familie (Cherry Blossoms) wird oft nicht angezeigt.

    Was so aussehen soll:

    Schaut meist so aus:

    Wenn ich die Seite dann neu lade passt die Darstellung in der Regel.

    Aber Reim kann ich mir da absolut keinen drauf machen.

    Herzlichen Dank für eure Hilfe,
    Christian

  • Einzug im Heading Widget, Elementor

    Hallo zusammen

    Bin grad dezent am Ausflippen. Meine Überschriften haben links einen kleinen Einzug. Margin / Padding sowohl des Widgets als auch Paten-Containers sind auf 0. Text ist linksbündig, Allign-Einstellungen und "Justify Content" des Elernordners nicht angerührt. "Gaps" des Elternordners auf 0. Mehr fällt mir nicht ein. Hat jemand eine Ahnung woher der Rand kommen mag?

    Hier ein Screenshot aus dem Editor:

    Vielen Dank für eure Inputs,
    Christian

  • Multistep Formular in Elementor mit mehreren Zahloptionen

    Hallo zusammen

    Ich bin Obmann eines gemeinnützigen Vereines und möchte unser Anmeldeformular in Elementor sauber aufsetzen. Bin leider kein Experte.

    Der Traum wäre:
    1) Ein Multistep Formular um die Sache schön übersichtlich zu halten
    2) Auswahl zwischen Bankeinzug oder Überweisung als Zahlungsoptionen für die Mitgliedschaft
    3) Im Falle eines Bankeinzuges das Einverständnis des/der User:in

    Das eingebaute Form Widget stößt da wohl an seine Grenzen:

    @2) Ideal wäre ja eine Y-Struktur:
    User:in wählt eine der beiden Optionen (Überweisung, Bankeinzug)
    → klickt auf "Weiter"
    → das entsprechende Formular erscheint.
    Aber dann bräuchte ich wieder mehrere Formulare und kann die Daten (Kontaktdaten und Bankverbindung) schlecht zusammenführen - oder gibt es dafür eine Lösung?

    @3) Ähnlich wie ich das von Datenschutzerklärungen kenne hätte ich eine Checkbox eingefügt, die via Link zu den Konditionen in einem separaten Tab führt (siehe Screenshot). Da muss ich mich wohl mit "<a> tags" vertraut machen oder gibt es eine andere Möglichkeit?

    Gibt es Sinn ein anderes Tool wie Forminator zu verwenden? Generell lass ich gern die Finger von Drittanbietern, aber wenn's Sinn gibt schau ich es mir natürlich an.

    Ich hoffe meine Fragen sind klar und danke euch sehr für Hilfe!

    Frohes Neues,
    Christian

  • Hotspot Widget, Elementor: Tooltip Box zu groß

    Danke für die Info!

    Wenn ich richtig verstehe, wird die Box zwar kleiner, aber der Text sprengt die Dimensionen. Hab schon befürchtet dass es zu viel ist. Aber wenn die Toolbox - wie sonst ein Popup ja auch mal - den halben Bildschirm einnehmen dürfte, wäre das auch am Smartphone gut unterzubringen.

    Warum bleibt denn der gesamte Text in einer Zeile?

    Im offiziellen Elementor Tutorial schaut das ja so aus: