Mozilla 한국 커뮤니티

어떤 페이지가 렌더링이 늦다는 이야기를 듣고, 혹시 CSS용량 문제가 아닌가 하여 import된 css를 죄다 모아서 보니 용량이 28KB가 나오는군요;

FF에서는 문제가 없는데 IE 에서만 그래요;;

제 생각엔 css용량이 커서 렌더링 속도를 못따라가는것 같은데.. 이런경우 해결방법이 있을까요?

해당 페이지를 보지 않고는 알수 없는 문제가 아닐까요?

하나의 페이지에서 불러오는 CSS 코드가 그정도 용량이라면 CSS 코드를 비 효율적으로 짰거나 또는 불필요한 CSS 를 불러온 상태 이거나 또는 포털 초기화면 정도의 코드는 아닐까 생각되는 데요..

CSS 문제라고 단정지을 만한 어떤 증거도 없는 상황인지라 직접 페이지를 보지 않고서는 알 수 없는 문제인것 같습니다.

저도 보여드리면서 도움을 구하고 싶은데 인트라넷페이지라 그렇지 못한 것을 이해해 주시기 바랍니다;

정확한 증상은

마크업시 로그인이 <fieldset>과 같은 것으로 이루어져 있는데 특정페이지에서 <fieldset>이 그대로 나왔다가 css렌더링이 이루어집니다.

그래서 css용량이 너무 커서 아닌가 하는 생각이 들었구요..

최대한 효율적인 작성을 위해 import로 7개 정도의 css를 불러들이는 상황입니다.

비슷한 증상이 있으셨던분 없으신가요?

28KB가 많은것 같지는 안은데요...

서버의 응답속도가 느릴 경우에 그렇게 보일 경우가 있습니다.

혹, class를 많이 사용하고 있다면, id로 바꿔보시기 바랍니다.
상당한 속도 차이를 보이는 경우가 종종 있더군요.
그냥 참고로, 한번 시도해 보시라고.....

CSS 크기와 랜더링 속도는 거의 관계없다고 볼 수 있죠. 눈에 뛸 정도의 페이지 랜더링의 갭이 보인다면, DOM 스크립트가 꼬이거나 서버측 스크립트가 꼬였을 확률이 높습니다.