home.social

#webvitals — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #webvitals, aggregated by home.social.

  1. Inautilo @[email protected] ·

    #Development #Pitfalls
    CSS ‘font-family’ fallbacks can trick you · Prevent visual glitches with complete font stacks ilo.im/16c2pg

    _____
    #CSS #Fonts #Fallbacks #LayoutShifts #CLS #WebVitals #Metrics #WebPerf #WebDev #Frontend

    #css #fonts #fallbacks #layoutshifts #cls #webvitals
  2. Inautilo @[email protected] ·

    #Development #Pitfalls
    CSS ‘font-family’ fallbacks can trick you · Prevent visual glitches with complete font stacks ilo.im/16c2pg

    _____
    #CSS #Fonts #Fallbacks #LayoutShifts #CLS #WebVitals #Metrics #WebPerf #WebDev #Frontend

    #css #fonts #fallbacks #layoutshifts #cls #webvitals
  3. Inautilo @[email protected] ·

    #Development #Pitfalls
    CSS ‘font-family’ fallbacks can trick you · Prevent visual glitches with complete font stacks ilo.im/16c2pg

    _____
    #CSS #Fonts #Fallbacks #LayoutShifts #CLS #WebVitals #Metrics #WebPerf #WebDev #Frontend

    #pitfalls #development #frontend #webdev #webperf #metrics
  4. Inautilo @[email protected] ·

    #Development #Pitfalls
    CSS ‘font-family’ fallbacks can trick you · Prevent visual glitches with complete font stacks ilo.im/16c2pg

    _____
    #CSS #Fonts #Fallbacks #LayoutShifts #CLS #WebVitals #Metrics #WebPerf #WebDev #Frontend

    #css #fonts #fallbacks #layoutshifts #cls #webvitals
  5. benny windolph @[email protected] ·

    Google hat FID als Web Vital durch INP ersetzt. Klingt nach Buchstabensuppe, ist aber wichtig. 🍜

    INP misst nicht nur den ersten Klick, sondern jede Interaktion auf der Seite. Menü öffnen, Filter setzen, Accordion aufklappen, Tabs wechseln.

    Viele Seiten hatten perfekte FID-Werte, aber Nutzer haben trotzdem bei jeder Aktion gewartet. INP deckt genau das auf.

    Wenn die Seite beim zweiten Klick hängt, hilft der schnelle erste Eindruck nicht. DevTools zeigt INP live. ⏳

    #seo #performance #webvitals

    #seo #performance #webvitals
  6. benny windolph @[email protected] ·

    Google hat FID als Web Vital durch INP ersetzt. Klingt nach Buchstabensuppe, ist aber wichtig. 🍜

    INP misst nicht nur den ersten Klick, sondern jede Interaktion auf der Seite. Menü öffnen, Filter setzen, Accordion aufklappen, Tabs wechseln.

    Viele Seiten hatten perfekte FID-Werte, aber Nutzer haben trotzdem bei jeder Aktion gewartet. INP deckt genau das auf.

    Wenn die Seite beim zweiten Klick hängt, hilft der schnelle erste Eindruck nicht. DevTools zeigt INP live. ⏳

    #seo #performance #webvitals

    #seo #performance #webvitals
  7. benny windolph @[email protected] ·

    Google hat FID als Web Vital durch INP ersetzt. Klingt nach Buchstabensuppe, ist aber wichtig. 🍜

    INP misst nicht nur den ersten Klick, sondern jede Interaktion auf der Seite. Menü öffnen, Filter setzen, Accordion aufklappen, Tabs wechseln.

    Viele Seiten hatten perfekte FID-Werte, aber Nutzer haben trotzdem bei jeder Aktion gewartet. INP deckt genau das auf.

    Wenn die Seite beim zweiten Klick hängt, hilft der schnelle erste Eindruck nicht. DevTools zeigt INP live. ⏳

    #seo #performance #webvitals

    #webvitals #performance #seo
  8. benny windolph @[email protected] ·

    Google hat FID als Web Vital durch INP ersetzt. Klingt nach Buchstabensuppe, ist aber wichtig. 🍜

    INP misst nicht nur den ersten Klick, sondern jede Interaktion auf der Seite. Menü öffnen, Filter setzen, Accordion aufklappen, Tabs wechseln.

    Viele Seiten hatten perfekte FID-Werte, aber Nutzer haben trotzdem bei jeder Aktion gewartet. INP deckt genau das auf.

    Wenn die Seite beim zweiten Klick hängt, hilft der schnelle erste Eindruck nicht. DevTools zeigt INP live. ⏳

    #seo #performance #webvitals

    #seo #performance #webvitals
  9. Inautilo @[email protected] ·

    #Development #Collections
    WebPerf Snippets · Performance profiling directly in the DevTools console ilo.im/169jrs

    _____
    #Measuring #Debugging #Network #Browser #DevTools #WebVitals #WebPerf #WebDev #Frontend #JavaScript

    #development #collections #measuring #debugging #network #browser
  10. Inautilo @[email protected] ·

    #Development #Collections
    WebPerf Snippets · Performance profiling directly in the DevTools console ilo.im/169jrs

    _____
    #Measuring #Debugging #Network #Browser #DevTools #WebVitals #WebPerf #WebDev #Frontend #JavaScript

    #development #collections #measuring #debugging #network #browser
  11. Inautilo @[email protected] ·

    #Development #Collections
    WebPerf Snippets · Performance profiling directly in the DevTools console ilo.im/169jrs

    _____
    #Measuring #Debugging #Network #Browser #DevTools #WebVitals #WebPerf #WebDev #Frontend #JavaScript

    #javascript #frontend #webdev #webperf #webvitals #devtools
  12. Inautilo @[email protected] ·

    #Development #Collections
    WebPerf Snippets · Performance profiling directly in the DevTools console ilo.im/169jrs

    _____
    #Measuring #Debugging #Network #Browser #DevTools #WebVitals #WebPerf #WebDev #Frontend #JavaScript

    #development #collections #measuring #debugging #network #browser
  13. Inautilo @[email protected] ·

    #Development #Guides
    Modern guide to the ‘image’ element · From the basics to LCP optimization ilo.im/16au5g

    _____
    #Images #ImageFormats #Browsers #WebVitals #LCP #CDN #WebPerf #WebDev #Frontend #HTML

    #development #guides #images #imageformats #browsers #webvitals
  14. Inautilo @[email protected] ·

    #Development #Guides
    Modern guide to the ‘image’ element · From the basics to LCP optimization ilo.im/16au5g

    _____
    #Images #ImageFormats #Browsers #WebVitals #LCP #CDN #WebPerf #WebDev #Frontend #HTML

    #development #guides #images #imageformats #browsers #webvitals
  15. Inautilo @[email protected] ·

    #Development #Guides
    Modern guide to the ‘image’ element · From the basics to LCP optimization ilo.im/16au5g

    _____
    #Images #ImageFormats #Browsers #WebVitals #LCP #CDN #WebPerf #WebDev #Frontend #HTML

    #html #frontend #webdev #webperf #cdn #lcp
  16. Inautilo @[email protected] ·

    #Development #Guides
    Modern guide to the ‘image’ element · From the basics to LCP optimization ilo.im/16au5g

    _____
    #Images #ImageFormats #Browsers #WebVitals #LCP #CDN #WebPerf #WebDev #Frontend #HTML

    #development #guides #images #imageformats #browsers #webvitals
  17. Frontend Dogma @[email protected] ·

    Measuring SVG Rendering Time, by @stoyan:

    phpied.com/measuring-svg-rende

    #svg #png #images #rendering #performance #webvitals #metrics

    #metrics #webvitals #performance #rendering #images #png
  18. Frontend Dogma @[email protected] ·

    Measuring SVG Rendering Time, by @stoyan:

    phpied.com/measuring-svg-rende

    #svg #png #images #rendering #performance #webvitals #metrics

    #metrics #webvitals #performance #rendering #images #png
  19. Frontend Dogma @[email protected] ·

    Measuring SVG Rendering Time, by @stoyan:

    phpied.com/measuring-svg-rende

    #svg #png #images #rendering #performance #webvitals #metrics

    #metrics #webvitals #performance #rendering #images #png
  20. Frontend Dogma @frontenddogma ·

    Measuring SVG Rendering Time, by @stoyan:

    phpied.com/measuring-svg-rende

    #metrics #webvitals #performance #rendering #images #png
  21. Frontend Dogma @[email protected] ·

    Measuring SVG Rendering Time, by @stoyan:

    phpied.com/measuring-svg-rende

    #svg #png #images #rendering #performance #webvitals #metrics

    #metrics #webvitals #performance #rendering #images #png
  22. Frontend Dogma @[email protected] ·

    How Web Performance Impacts User Experience, by @debugbear.com:

    debugbear.com/blog/web-perform

    #performance #ux #webvitals #metrics

    #metrics #webvitals #ux #performance
  23. Frontend Dogma @[email protected] ·

    How Web Performance Impacts User Experience, by @debugbear.com:

    debugbear.com/blog/web-perform

    #performance #ux #webvitals #metrics

    #metrics #webvitals #ux #performance
  24. Frontend Dogma @[email protected] ·

    How Web Performance Impacts User Experience, by @debugbear.com:

    debugbear.com/blog/web-perform

    #performance #ux #webvitals #metrics

    #metrics #webvitals #ux #performance
  25. Frontend Dogma @frontenddogma ·

    How Web Performance Impacts User Experience, by @debugbear.com:

    debugbear.com/blog/web-perform

    #metrics #webvitals #ux #performance
  26. Frontend Dogma @[email protected] ·

    How Web Performance Impacts User Experience, by @debugbear.com:

    debugbear.com/blog/web-perform

    #performance #ux #webvitals #metrics

    #metrics #webvitals #ux #performance
  27. Inautilo @[email protected] ·

    #Development #Techniques
    Improving LCP for hero videos · Let users see something while the video loads ilo.im/169n0w

    _____
    #Hero #Video #WebVitals #LCP #WebPerf #WebDev #Frontend #HTML #CSS #JavaScript

    #development #techniques #hero #video #webvitals #lcp
  28. Inautilo @[email protected] ·

    #Development #Techniques
    Improving LCP for hero videos · Let users see something while the video loads ilo.im/169n0w

    _____
    #Hero #Video #WebVitals #LCP #WebPerf #WebDev #Frontend #HTML #CSS #JavaScript

    #development #techniques #hero #video #webvitals #lcp
  29. Inautilo @[email protected] ·

    #Development #Techniques
    Improving LCP for hero videos · Let users see something while the video loads ilo.im/169n0w

    _____
    #Hero #Video #WebVitals #LCP #WebPerf #WebDev #Frontend #HTML #CSS #JavaScript

    #javascript #css #html #frontend #webdev #webperf
  30. Inautilo @[email protected] ·

    #Development #Techniques
    Improving LCP for hero videos · Let users see something while the video loads ilo.im/169n0w

    _____
    #Hero #Video #WebVitals #LCP #WebPerf #WebDev #Frontend #HTML #CSS #JavaScript

    #development #techniques #hero #video #webvitals #lcp
  31. Frontend Dogma @[email protected] ·

    Performance, by @25prathamesh.bsky.social and @aarontgrogg.com and others (@httparchive.org):

    almanac.httparchive.org/en/202

    #webalmanac #studies #research #metrics #performance #webvitals #hints #speculation

    #speculation #hints #webvitals #performance #metrics #research
  32. Frontend Dogma @[email protected] ·

    Performance, by @25prathamesh.bsky.social and @aarontgrogg.com and others (@httparchive.org):

    almanac.httparchive.org/en/202

    #webalmanac #studies #research #metrics #performance #webvitals #hints #speculation

    #speculation #hints #webvitals #performance #metrics #research
  33. Frontend Dogma @[email protected] ·

    Performance, by @25prathamesh.bsky.social and @aarontgrogg.com and others (@httparchive.org):

    almanac.httparchive.org/en/202

    #webalmanac #studies #research #metrics #performance #webvitals #hints #speculation

    #speculation #hints #webvitals #performance #metrics #research
  34. Frontend Dogma @frontenddogma ·

    Performance, by @25prathamesh.bsky.social and @aarontgrogg.com and others (@httparchive.org):

    almanac.httparchive.org/en/202

    #speculation #hints #webvitals #performance #metrics #research
  35. Frontend Dogma @[email protected] ·

    Performance, by @25prathamesh.bsky.social and @aarontgrogg.com and others (@httparchive.org):

    almanac.httparchive.org/en/202

    #webalmanac #studies #research #metrics #performance #webvitals #hints #speculation

    #speculation #hints #webvitals #performance #metrics #research
  36. Reddit Tech VN Bot @[email protected] ·

    CDN chỉ cải thiện ~15% hiệu năng; 85% còn lại phụ thuộc vào kiến trúc và mã JS. Netflix giảm 200 KB JavaScript, LCP cải thiện 50%; Airbnb, Shopify, Wayfair cũng giải quyết LCP, INP, CLS bằng tối ưu tài nguyên, không phải CDN. Hãy tập trung vào kiến trúc, giảm JS, ưu tiên tải hình ảnh. #WebVitals #Performance #CDN #TốiƯuWeb #PerformanceOptimization #WebPerformance

    reddit.com/r/programming/comme

    #webvitals #performance #cdn #tốiưuweb #performanceoptimization #webperformance
  37. Frontend Dogma @[email protected] ·

    Ecommerce, by @httparchive.org:

    almanac.httparchive.org/en/202

    #webalmanac #studies #research #metrics #ecommerce #tooling #performance #webvitals #lighthouse

    #lighthouse #webvitals #performance #tooling #ecommerce #metrics
  38. Frontend Dogma @[email protected] ·

    Ecommerce, by @httparchive.org:

    almanac.httparchive.org/en/202

    #webalmanac #studies #research #metrics #ecommerce #tooling #performance #webvitals #lighthouse

    #lighthouse #webvitals #performance #tooling #ecommerce #metrics
  39. Frontend Dogma @[email protected] ·

    Ecommerce, by @httparchive.org:

    almanac.httparchive.org/en/202

    #webalmanac #studies #research #metrics #ecommerce #tooling #performance #webvitals #lighthouse

    #lighthouse #webvitals #performance #tooling #ecommerce #metrics
  40. Frontend Dogma @frontenddogma ·

    Ecommerce, by @httparchive.org:

    almanac.httparchive.org/en/202

    #lighthouse #webvitals #performance #tooling #ecommerce #metrics
  41. Frontend Dogma @[email protected] ·

    Ecommerce, by @httparchive.org:

    almanac.httparchive.org/en/202

    #webalmanac #studies #research #metrics #ecommerce #tooling #performance #webvitals #lighthouse

    #lighthouse #webvitals #performance #tooling #ecommerce #metrics
  42. Frontend Dogma @[email protected] ·

    CMS, by @httparchive.org:

    almanac.httparchive.org/en/202

    #webalmanac #studies #research #metrics #contentmanagement #tooling #wordpress #ux #performance #webvitals #lighthouse #apis

    #apis #lighthouse #webvitals #performance #ux #wordpress
  43. Frontend Dogma @[email protected] ·

    CMS, by @httparchive.org:

    almanac.httparchive.org/en/202

    #webalmanac #studies #research #metrics #contentmanagement #tooling #wordpress #ux #performance #webvitals #lighthouse #apis

    #apis #lighthouse #webvitals #performance #ux #wordpress
  44. Frontend Dogma @[email protected] ·

    CMS, by @httparchive.org:

    almanac.httparchive.org/en/202

    #webalmanac #studies #research #metrics #contentmanagement #tooling #wordpress #ux #performance #webvitals #lighthouse #apis

    #apis #lighthouse #webvitals #performance #ux #wordpress
  45. Frontend Dogma @frontenddogma ·

    CMS, by @httparchive.org:

    almanac.httparchive.org/en/202

    #apis #lighthouse #webvitals #performance #ux #wordpress
  46. Frontend Dogma @[email protected] ·

    CMS, by @httparchive.org:

    almanac.httparchive.org/en/202

    #webalmanac #studies #research #metrics #contentmanagement #tooling #wordpress #ux #performance #webvitals #lighthouse #apis

    #apis #lighthouse #webvitals #performance #ux #wordpress
  47. Frontend Dogma @[email protected] ·

    Page Weight, by @barkseo.bsky.social and @not-a-robot.com (@httparchive.org):

    almanac.httparchive.org/en/202

    #webalmanac #studies #research #metrics #performance #webvitals #lighthouse #google

    #google #lighthouse #webvitals #performance #metrics #research
  48. Frontend Dogma @[email protected] ·

    Page Weight, by @barkseo.bsky.social and @not-a-robot.com (@httparchive.org):

    almanac.httparchive.org/en/202

    #webalmanac #studies #research #metrics #performance #webvitals #lighthouse #google

    #google #lighthouse #webvitals #performance #metrics #research
  49. Frontend Dogma @[email protected] ·

    Page Weight, by @barkseo.bsky.social and @not-a-robot.com (@httparchive.org):

    almanac.httparchive.org/en/202

    #webalmanac #studies #research #metrics #performance #webvitals #lighthouse #google

    #google #lighthouse #webvitals #performance #metrics #research
  50. Frontend Dogma @frontenddogma ·

    Page Weight, by @barkseo.bsky.social and @not-a-robot.com (@httparchive.org):

    almanac.httparchive.org/en/202

    #google #lighthouse #webvitals #performance #metrics #research