TIL Performance Tips ⚡️
52 posts
@TILperf
Today I Learned: Web Performance Tips
If you are going to use custom fonts with multiple weights and styles, try using a Variable Font. It will save extra HTTP requests and usually is half the file size. Currently, Google Fonts offers ~50 Variable fonts to use today: fonts.google.com/?vfonly
If you are going to use custom fonts with multiple weights and styles, try using a Variable Font. It will save extra HTTP requests and usually is half the file size. Currently, Google Fonts offers ~50 Variable fonts to use today: fonts.google.com/?vfonly
A quick PSA, purely because I’ve gone through the exact same thing with my last three clients: Lazyloading is the exception rather than the rule. Don’t lazy-load anything you actually want people to see quickly (PDP images, heroes, etc.)
🖼 If you’re building hero-style content with background images—maybe even through a CMS—you can hugely improve rendering times (LCP) with one additional line of HTML.
Avoid using public CDNs (jsDelivr, cdnjs, etc.) for production. Stick to using them only for prototyping. Advantages to Self-Host: - Save time by not opening new connections - HTTP/2 Multiplexing & Resource Prioritization - Avoid external security risks/slowdowns - Cache Control
