[질문1]
최근글 위젯의 경우 제목 아래 이미지파일로 빨강색과 검정색으로 구성된 선이 보여집니다.
이 선보다 더 보기 좋게 다른 선을 이미지로 만들었더니 용량이 원래 것보다 조금 큽니다. 물론 작은 용량에 불과하지만 작은 게 쌓이고 쌓여서 사이트의 로딩속도를 줄일 것 같아서 이를 이미지로 하지 않고 위젯의 CSS파일을 고쳐서 타이틀 아래에다가
border-bottom:6px solid #696969;
이런 식으로 만들어 넣었습니다.
선은 선인데 이미지 선이 아닌 코드값 선이 되는 셈이죠.

미국 사이트들은 이런 식으로 이미지가 아닌 코드값을 많이 활용하더라구요. 메인 메뉴 글씨는 물론, 심지어 사이트 로고 글씨마저 대형글꼴의 텍스트로 쓰는 사이트도 봤습니다.

이미지 선보다 이런식의 CSS코드값 선이 로딩속도가 훨씬 빠른가요? 아니면 오히려 더 느려지나요? 아니면 그 차이는 무시해도 좋을 정도인가요?

[질문2]
그리고 이왕 묻는 김에, 하나 더 로딩속도와 관련된 질문을 하겠습니다.
주석처리 부분도 프로그램이 읽기는 읽나요? 아마도 읽고서 '이것은 주석이니까 무시하겠다' 이렇게 판단을 하겠죠?
그렇다면 주석도 가능한 한 줄여야 로딩속도를 조금이라도 더 빠르게 할 수 있는 것인지요? 아니면 주석 정도는 극히 미미해서 많이 적어둬도 무방한 건가요?

이상과 같은 로딩속도는 특히 해외 이용자의 경우나 컴퓨터의 사양이 낮은 경우엔 자그마한 차이가 그 유저에게는 페이지 전체가 뜨는데 오랜 시간을 기다리고, 또한 엑스박스가 곳곳에 나타나는 등 큰 결과를 가져올 수도 있을 것 같아서 질문을 드려 본 겁니다.