css loading 개선
-
더 빠른 페이지 로드를 위한 CSS 최적화CSS 2021. 11. 22. 02:05
웹사이트의 로딩 시간을 개선하기 위해서는 다양한 요소들이 존재합니다. 요즘 SPA 등에서 SEO를 위해서 사용되는 코드 스플리팅의 원리를 이용하면 조금 더 간단하게 생각할 수 있습니다. 왜 로딩 타임을 다뤄야 하는가? Tims is money, 말 그대로 시간은 돈이기 때문입니다. 사람들은 웹 사이트를 오래 기다려줄 만큼 여유롭지 않을 수도 있습니다. 주문 전환율도 빠른 웹사이트가 높다는 것은 이미 많이 알려진 사실입니다. 로딩 타임에 있어서 CSS는 어떤 영향을 주는가? 간단하게 브라우저 작동원리로만 봐도 CSS는 HTML 문서가 파싱된 다음에 외부 리소스인 CSS, JS는 만날 때마다 다운로드 우선순위를 할당하고 다운로드를 시작합니다. 이 때, 다양한 미디어쿼리들이 있습니다.(예를 들어 print 등..