300kb는 꽤 유의미한 파일 사이즈일까요?

Question

어쩌다 TailwindCSS 유튜브를 봤는데요.이 라이브러리는 CDN 으로는 개발 용도만 사용하고 절대로 프로덕션에서는 쓰지 말라고 경고가 있더라구요.그래서 특별한 이유가 있을까 하고 스택오버플로우를 찾아 봤는데요.미리 빌드해서 필요한 CSS만 만들어야 용량이 줄어들기 때문이라고 하더라구요.CDN 파일을 직접 다운로드 받아봤더니 300kb 정도 되던데요. 부트스트랩 같은 것들은 cdn 파일이 30kb 정도니까 비교하면 10배 차이긴 한데요.요즘은 이미지 한장도 300~500kb 기본인데, 300kb가 그렇게 사용환경에 영향을 미치는 용량인가 싶네요.

yeori · Accepted Answer

그 대목에서 맥락이 3G 통신일겁니다.우리나라는 땅이 코딱지만해서 통신 인프라 설치가 쉬운 편이죠. 초고속 인터넷 접속을 어디서든 할 수 있어서 1M 이미지도 금방 내려받습니다.유럽이나 미국에서는 아직도 3G 수준의 상대적으로 느린 네트워크가 존재하고, 이런 곳은 100kb, 300kb를 몸으로 체감할 수 있습니다.한국처럼 페이지가 빠딱빠딱 뜨지 않음 ㅎㅎ이 맥락을 유연하게 적용하면, 우리나라 안에서만 주로 서비스 하는 경우에는 300kb를 훌쩍 넘겨도 상관없다는 뜻입니다.각자의 맥락, 상황에 따라서 관습도 유연하게 적용하는게 좋은듯 합니다.

kenu,전독시 · Answer

네트워크에서 용량은 중요한 비용이라고 생각합니다.하지만, ADSL이나 Modem을 쓰는 시대도 아니기 때문에,저는 300kb면 나쁘지 않은 용량으로 보입니다.1996년 자바가 웹으로 인기를 끌기 시작할 때 C/C&#43;&#43;보다 느려서 욕을 많이 먹었는데, 컴퓨터가 많이 빨라진 요즘은 위상이 달라졌죠. #그래도다이어트필요tailwind 저격수도 생겼습니다.

킁킁탐정 · Answer

이미지와 다르게 반드시 초기에 가장 먼저 로드되어야하며 그 용량이 300k라는건 UX를 경험하기 위한 초기 비용이 엄청나게 늘어나는것이고 사이트 초기 로딩시간 때문에 대다수 모바일 환경 사용자에게 느리게 느껴질 가능성이 높습니다.결과적으로 사용자가 뒤로가기 버튼이나 페이지를 닫을 가능성이 매우 높아지게 됩니다.

mirheeoj · Answer

https://github.com/tailwindlabs/tailwindcss/discussions/7637 여기에 비슷한 얘기가 있는데, 페이지 출력시 유의미한 UX차이가 난다고 합니다.

캐티 · Answer

cdn은 내 서버가 아니므로 의미가 없지 않겠나요.1차적으로 cdn연결을 시도하고 연결에 실패한 경우에 다른 cdn이나 내 서버에서 파일을 제공하는 방법도 있을 것이고요.일련의 과정은 아주 빠르게 수행될 것이므로 .. 이 경우에는 아마도 비동기적인 스크립트를 작성하여야 할 것이어요.html 페이지에 스크립트를 넣지 않고 es6 모듈에 import를 사용하면 파일을 읽어오는 타이밍이 늦어지는 문제도 불편하지 않나요. preload 정의를 할 수 있지만 일일이 넣으면 불편해서 어떡하나요.이러이러한데 spa방식도 비슷하게 로드 타이밍은 늦어질 것이고, 요즘은 기술의 발전으로 별로 신경쓰지 않으니 그냥 좋은대로 하여도 좋을 것이어요.압축을 풀었을때 크기가 300kb이지 않나요.

300kb는 꽤 유의미한 파일 사이즈일까요?

5개의 답변

Q&A 목록