Skip to content

NEDNEX

  • Homepage
  • English
    • Español
    • Português
    • Français
    • Deutsch
    • Русский
    • Italiano
    • Polski
    • Türkçe
    • العربية
    • فارسی
    • 简体中文
    • 繁體中文
    • 한국어
    • 日本語
    • ไทย
    • हिन्दी
    • বাংলাদেশ
    • Български
    • Hrvatski
    • Čeština
    • Dansk
    • Nederlands
    • Eesti
    • Suomi
    • Ελληνικά
    • עברית
    • Magyar
    • Indonesia
    • Latviešu
    • Lietuvių
    • Norsk bokmål
    • Português
    • српски
    • Slovenčina
    • Slovenščina
    • Svenska
    • Tiếng Việt

Category: Core Web Vitals

Split your CSS to @media-related files to improve performance significantly

Screenshot from Chrome DevTools showing improvement of Core Web Vitals after implementing the approach proposed in the article.

When CSS is bundled into one file, even after tree-shaking, it still contains a lot of unused CSS because of different @media contexts (mobile, tablet, desktop, dark/light/other themes, etc.). It’s bad for Core Web Vitals:…

Published 26.10.2022
Categorized as Core Web Vitals, CSS, HTML, Web, Web Performance
  • English
  • Español
  • Português
  • Français
  • Deutsch
  • Русский
  • Italiano
  • Polski
  • Türkçe
  • العربية
  • فارسی
  • 简体中文
  • 繁體中文
  • 한국어
  • 日本語
  • ไทย
  • हिन्दी
  • বাংলাদেশ
  • Български
  • Hrvatski
  • Čeština
  • Dansk
  • Nederlands
  • Eesti
  • Suomi
  • Ελληνικά
  • עברית
  • Magyar
  • Indonesia
  • Latviešu
  • Lietuvių
  • Norsk bokmål
  • Português
  • српски
  • Slovenčina
  • Slovenščina
  • Svenska
  • Tiếng Việt

Save and Share

Our goal is to maintain the highest quality for publications on NEDNEX, paying close attention to meticulously checking every detail, figure, and fact.

If you spot any inaccuracies, please let us know in the comments. We will double-check the information and make corrections if necessary.

Let’s work together to make the information as accurate and reliable as possible for all readers!

NEDNEX © 2025 | Made with love ❤