InautiloApr 11

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

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

font-family Doesn’t Fall Back the Way You Think – CSS Wizardry

A quick but important reminder that font-family declarations don’t inherit fallback stacks the way many developers assume.

pablolarahOct 23, 2024

🔵 CSS Tip: Easily Deal With Layout Shifts Caused by Scrollbars

by @zoranjambor at @cssweekly.com

#css #scrollbar #scrollbarGutter #LayoutShifts #webdev

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

CSS Tip: Easily Deal With Layout Shifts Caused by Scrollbars

YouTube
InautiloMay 8, 2023

#Development #Techniques
Frontend web performance checklist · Ways to optimize page loading, improve smoothness, and reduce layout shifts https://ilo.im/12qwa2

_____
#WebPerformance #WebPerf #WebDevelopment #WebDev #Frontend #HTML #CSS #JavaScript #Images #WebFonts #ThirdParty #LayoutShifts #WebVitals

Frontend Web Performance Checklist

Improving performance of web applications will always be sexy. We want the page to load faster,...

DEV Community
Boris SchapiraJan 12, 2023

#boostmarks "Our top Core Web Vitals recommendations for 2023", Philip Walton (@[email protected]), Rick Viscomi (@[email protected]), Barry Pollard (@tunetheweb), Brendan Kenny (@[email protected]), Jeremy Wagner (@[email protected])

https://web.dev/top-cwv-2023/

#CoreWebVitals #ttfb #cdn #bfcache #longTasks #javascript #fetchpriority #layoutShifts

Our top Core Web Vitals recommendations for 2023

A collection of best practices for optimizing websites' Core Web Vitals performance based on the state of the web in 2023.

web.dev