Daily Shaarli

All links of one day in a single page.

October 28, 2020

"Web Performance: 11 Must-Read Tips to Give Your Site a Speed Boost", Oliver Lindberg (@oliverlindberg)
thumbnail
  1. Build for mobile first
  2. Stop using carousels and sliders
  3. Optimize your images
  4. Lazy load images
  5. Load web fonts with font swapping
  6. Create smooth animations
  7. Minimize third-party impact
  8. Preconnect to key third-party domains
  9. Wrangle your apps
  10. Monitor the number of requests per subdomain
"Prevent layout shifts with CSS grid stacks", Hubert Sablonnière (@hsablonniere)
thumbnail

There are two reasons why people use CSS grid:

  • 😎 CSS is awesome! It's a fact, deal with it.
  • 🛠️ Grid is a great tool to build complex two-dimensional layouts.

I sometimes have a third reason to use CSS grid: prevent layout shifts.