paul_denton, to random French
@paul_denton@mastodon.social avatar

Info: c’est Emmanuel Kessler qui reprend la présidence de LCP (la chaîne parlementaire). L’ex-président de Public Sénat a été préféré par Yaël Braun-Pivet à la journaliste Brigitte Boucher, dont la candidature l’emportait largement sur la sienne en interne et auprès du comité (consultatif) chargé du recrutement. Quelle mafia le milieu politique…

#Politique #DirectAN #LCP #Medias #Independance #YaelBraunPivet #Mercato

paul_denton, to random French
@paul_denton@mastodon.social avatar

Attal pique un visuel de LCP sans citer son autrice, Pauline, en alternance, la chaîne lui répond avec un tweet cinglant. L'occasion de partager le portfolio de la courageuse étudiante https://behance.net/paulinelessard. Un exemple par le haut de l'invisibilisation des autrices...

#Politique #DirectAN #LCP #Attal #Culture #Alternance #Etudiants #Graphisme

LCP répond à Attal: "Comme vous M. le Premier ministre, nous apprécions le dessin de l'hémicycle visuel de notre newsletter "Première séance" réalisé par Pauline, notre alternante graphiste, dont la signature a été coupée.😅"

schizanon, to random
@schizanon@mas.to avatar

Seeing a few folks say "FOUC" when they mean "layout shift".

FOUC: When content paints before its CSS has loaded.

It results in a layout shift, but not all layout shifts are because of FOUC (in fact, FOUC is pretty rare these days).tend

nucliweb, to random
@nucliweb@webperf.social avatar

📣

Please be sure to avoid fade-in effects when loading the page. It seems a good UX resource to maintain good visual stability, but the Core Web Vitals LCP metric reports a terrible experience.

nucliweb, to random
@nucliweb@webperf.social avatar
nucliweb, to random
@nucliweb@webperf.social avatar
nucliweb, (edited ) to random
@nucliweb@webperf.social avatar

Do you need to improve LCP metric?

You can split efforts between Frontend and Backend teams:

  • BE: Focus on TTFB
  • FE: Focus on LCP(FE)

Check out @TimVereecke's post https://calendar.perfplanet.com/2022/lcpfe/

nucliweb, to random
@nucliweb@webperf.social avatar

Preloading responsive images to improve the LCP metric (aka user experience)

paul_denton, to random French
@paul_denton@mastodon.social avatar

Elle a osé le dire: "Certains journalistes veulent faire trébucher les politiques", s'offusque Nathalie Saint-Cricq sur LCP. "Ce n'est pas un signe d'indépendance et de qualité", affirme la cheffe du service politique de France Télé sur LCP, critiquant "la méthode Bourdin". C'est sûr que son style d'interview ne risque pas de faire trembler Macron...

boostmarks, to random
@boostmarks@hachyderm.io avatar

Currently playing with Largest Contentful Paint () in @FirefoxNightly, using Tampermonkey and a LCP observer snippet you can find on @nucliweb's repo https://webperf-snippets.nucliweb.net/CoreWebVitals/LCP.

Dr Frankenstein shouting "It's alive!"

nhoizey, to random French
@nhoizey@mamot.fr avatar

Let's say a SPA first load has been optimized with SSR and the LCP image is loaded pretty fast because it's in the HTML.

But the JavaScript then builds a carousel in the DOM, which initially shows the very same image.

I guess there's a second render of the image. How can I check this easily?

Would it make sense that the LCP takes the late second render of the image, instead of the fast first one?

⚓️ https://nicolas-hoizey.com/notes/2023/11/03/1/

eelvparis5, to random French
@eelvparis5@mastodon.social avatar

⬇️ 🌻 , présidente du groupe Ecologiste à l', revenait sur : «Le a commis un acte de barbarie sur les civils israéliens. Mais la seule réponse valable doit se faire par le droit international. Il n'y a pas de mais, quand il s'agit de la protection des civils!»

🌻

video/mp4

nucliweb, to random
@nucliweb@webperf.social avatar
isaaac, to random French
@isaaac@masto.krashboyz.org avatar

Comment LCP a pu laisser diffuser ce truc de propagande du "Printemps Republicain" ???

Aux origines du "wokisme" - Racisé.e.s : une histoire franco américaine - Documentaire inédit LCP

https://www.youtube.com/watch?v=CXY0glmXihY

odddev, to chrome
@odddev@hachyderm.io avatar

If you use animated images or videos on your page be aware of the changes that come to in !

https://chromium.googlesource.com/chromium/src/+/refs/heads/main/docs/speed/metrics_changelog/2023_08_lcp.md

nucliweb, to random
@nucliweb@webperf.social avatar
krinkle, (edited ) to php
@krinkle@fosstodon.org avatar

WordPress now automatically adds the fetchpriority=high attribute to the image it determines likely to be the LCP image. This prioritizes the image ahead of the browser computing page layout, and typically improves LCP by 5-10%.

https://make.wordpress.org/core/2023/07/13/image-performance-enhancements-in-wordpress-6-3/

This follows from 2 years ago, when analysis showed native <img loading=lazy> makes browsers delay even above-the-fold visible images, regressing the Largest Contentful Paint metric.

https://make.wordpress.org/core/2021/12/29/enhanced-lazy-loading-performance-in-5-9/

nhoizey, to random French
@nhoizey@mamot.fr avatar

Apparently, an image whose part above the fold is indeed the largest, but of which only a small part can be seen, can be considered an LCP element, even if another image has a larger part visible... 😭

You can see this for my photography site in this WebPageTest result:

https://www.webpagetest.org/vitals.php?test=230606_BiDcN4_4NJ&run=3&cached=0#lcp

⚓️ https://nicolas-hoizey.com/notes/2023/06/06/2/

nucliweb, to random
@nucliweb@webperf.social avatar
nhoizey, to random French
@nhoizey@mamot.fr avatar

Limiting the image density on mobile devices drasticaly improves performance, with no visual loss, so we did it!

I still wish it was much easier than dealing with &lt;picture&gt; and x descriptors for fluid images… 😞

With a &lt;img maxdensity="2.5" …&gt; attribute for example!

If you agree, comment:
https://github.com/whatwg/html/issues/4421

⚓️ https://nicolas-hoizey.com/notes/2023/05/16/1/

nucliweb, to random
@nucliweb@webperf.social avatar

The moment when I comment about the importance of optimizing the images, and of course the hero image that affects the Largest Contentful Page, one of the Core Web Vitals metrics

nhoizey, to random French
@nhoizey@mamot.fr avatar
nucliweb, to random
@nucliweb@webperf.social avatar
nucliweb, to random
@nucliweb@webperf.social avatar

Excuse me, can you have a minute to see my Largest Contentful Paint?

nucliweb, to random
@nucliweb@webperf.social avatar

🚨 Web Performance anti-pattern

Don't add fetchpriority="high" to all the images, add it only in the image that is the LCP element

  • All
  • Subscribed
  • Moderated
  • Favorites
  • megavids
  • thenastyranch
  • rosin
  • GTA5RPClips
  • osvaldo12
  • love
  • Youngstown
  • slotface
  • khanakhh
  • everett
  • kavyap
  • mdbf
  • DreamBathrooms
  • ngwrru68w68
  • provamag3
  • magazineikmin
  • InstantRegret
  • normalnudes
  • tacticalgear
  • cubers
  • ethstaker
  • modclub
  • cisconetworking
  • Durango
  • anitta
  • Leos
  • tester
  • JUstTest
  • All magazines