Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1435993

    Hallo Team Kriesi,
    eine Frage zu LCP. Laut PagespeedInsight hat die Seite eine Ladeverzögerung, bzw. Probleme bei rendern.
    Das Objekt mit 4470 ms ist dieses Objekt.
    div.avia-slideshow > div.avia-slideshow-arrows > a.prev-slide > ::before
    <::before>
    Ich benutze auch WP Rocket. Kann ich irgendwas cachen, vorladen oder sonstiges, damit das eigentlich kleine Objekt nicht
    4,5 sec braucht zum rendern?
    Danke

    #1436008

    Wenn es deine Internetseite betrifft, die sich hinter deinem Nick verbirgt, dann sind es hautpsächlich deine Bilder, die deiner Beachtung würdig sein sollten.

    Mal davon abgesehen, das es gar keinen Sinn macht Bilder hochzuladen, die mehr als 2560px ( das ist eine Media-Library Grenze die WordPress selbst hat) groß sind. Dadurch tauchen Bilder auf, die dann WordPress auf diese Grenze herunter rechnet und mit dem addendum -scaled abspeichert.

    schau dir den Bericht auf Gtmetrix mal an: Link
    Es it garantiert nicht das Pseudo-Element was du oben anführst. ( Es sei denn es hat dort Hintergrundbilder oder ähnliches per css mit drin.)

    Es werden auch viele kleinere Bilder (in den Dimensionen nicht vom Dateivolumen) hochscaliert, was auch Zeit benötigt.

    Zur Info bezüglich der Art wie Enfold mit hochgeladenen Bildern neue Formate errechnet. : https://kriesi.at/support/topic/enfold-image-bigger-than-original/#post-1355204
    Dort findest du dann auch ein Snippet mit dem man den Kompressionslevel von Enfold beim Upload der Bilder reduzieren kann. Und wie man mit der Nutzung von temporär installierten Plugins die anderen Bildformate erneut recalculieren läßt.

    Meine Empfehlung : bevor du die Bilder hochlädst, berechne Sie neu in einem Grafikprogramm auf eine Größe, die auch später Verwendung finden könnte.
    Wenn man sich die “most common browser viewing sizes” ansieht, sollte man mit 1920px meist auskommen.

    hier mal ein Bildvergleich eines deiner Bilder – schau ob sich das wirklich lohnt, hochaufgelöste Bilder im Web zu nutzen ;)
    https://webers-testseite.de/bildvergleich/

    #1436185

    Hi,
    Thanks for your patience, as I look at your site the :before that yiu are getting the LCP message about is for the next/prev arrows that use the ‘entypo-fontello’ font, but your font is one of the last items to load on your site:
    Enfold_Support_4908.jpeg
    please note all of the large image that must load first including the logo which is a 404 so it pauses everything.
    Try Guenni007’s ideas to make your image smaller, I’m not sure if you can force a font to load first, but that would help, and remove the logo 404 error.

    Best regards,
    Mike

    #1436237

    Actually, the resize of the images is kind of the problem. The original image (2200px x 1375px) in webp is about 216kb and
    then enfold resize the wepb image to – 400×495 – and the image is about 370kb. So, its actually enlarges the size, by resize the image.
    Is there a roundabout for enfold to resize images in webp properly?
    If i resize the webp image in photoshop to this size, it has only 33kb.
    Any solutions for this particular problem in enfold?

    #1436240

    Hi,
    Please see the link that Guenni007 posted above, and then reGenerate Thumbnails again, or try a plugin like TinyPNG

    Best regards,
    Mike

    #1436253

    The action, plugins you suggest only work with jpg and png. None of them can handle webp.
    So, is there a solution for images in webp or avif format?
    Thank you.

    #1436269

    but i do not find any webp on your installtion

    on alb settings – try to use the option to have no recalculted image – but to use “No Scaling (Original Width X original height)
    even on chrome – if you use the recalculated images it uses the jpgs instead. Do you use for webp any additonal image plugin etc. ?

    #1436286

    Hi,
    The plugin TinyPNG says: JPEG, PNG & WebP image compression, so I would expect it to work, but I have not tested it.
    Enfold_Support_4912.jpeg

    Best regards,
    Mike

    #1436334

    to whome it may concerns.
    Actually, not tinypng or imagify or any other plugin can resize and compress webp out of the fly.

    @Guenni007
    – original scale on alb elements avoids resized images to be delivered, but looks ugly on 3col or post-slider and so on.
    Enfold has no option to say – height of the container and image contain cover or image with ratio or whatever.
    So, it looks like the only way to get resized and compressed webp images is – dowload from /uploads and resize manually.

    #1436539

    Hi,
    Thanks for reporting don’t work as expected, perhaps this will help future users. Shall we close this thread then?

    Best regards,
    Mike

    #1436562

    have you activated the TinyPNG with a valid API Key?
    On my test – it has reduced a webp from 870kb to 279kb ( Dimension: 4032 × 3024 )

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.