오늘날의 웹 페이지는 풍부한 콘텐츠로 가득 차 있고 전체로드를 위해 더 많은 대역폭을 사용한다는 것은 의심 할 여지가 없지만 GUI 기반 브라우저 대신 텍스트 기반 브라우저를 사용하면 네트워크 트래픽을 줄이는 데 큰 차이가 있습니까? 오늘의 수퍼 유저 Q & A 게시물에는 호기심 많은 독자의 질문에 대한 답변이 있습니다.
오늘의 질문 및 답변 세션은 커뮤니티 중심의 Q & A 웹 사이트 그룹 인 Stack Exchange의 하위 부문 인 SuperUser가 제공 한 것입니다.
Lynx 브라우저 스크린 샷 제공 : 위키 백과 .
질문
수퍼 유저 독자 Paulb는 텍스트 기반 브라우저가 실제로 네트워크 트래픽을 줄일 수 있는지 알고 싶어합니다.
다음과 같은 텍스트 기반 브라우저를 수행하십시오. 스라소니 , 연결 , 및 ELink Firefox, Chrome 및 Internet Explorer와 같은 GUI 기반 브라우저보다 적은 대역폭을 소비합니까?
교통량 감소가 없다고 생각합니다. 이에 대한 내 근거는 텍스트 기반 브라우저가 서버에서 제공하는 전체 페이지를 다운로드한다고 생각한다는 것입니다. 페이지 위젯의 간소화 또는 축소는 로컬에서 수행됩니다.
대부분의 텍스트 기반 브라우저는 페이지 스크립트 나 플래시 파일을 실행하지 않아 더 많은 트래픽을 유발할 수 있으므로 트래픽이 약간 감소 할 수 있습니다.
텍스트 기반 브라우저가 네트워크 트래픽을 줄이는 데 눈에 띄는 차이를 만들 수 있습니까?
대답
수퍼 유저 기고자 gronostaj가 우리에게 답을 제공합니다.
웹 서버는 전체 웹 사이트를 보내는 것이 아니라 브라우저가 요청하는 문서를 보냅니다. 예를 들어 google.com에 액세스하면 브라우저가 웹 서버에 google.com 문서를 쿼리합니다. 웹 서버는 요청을 처리하고 일부 HTML 코드를 다시 보냅니다.
그런 다음 브라우저는 웹 서버가 보낸 내용을 확인합니다. 이 경우 HTML 웹 페이지이므로 문서를 구문 분석하고 참조 된 스크립트, 스타일 시트, 이미지, 글꼴 등을 찾습니다.
이 단계에서 브라우저는 원본 문서 다운로드를 완료했지만 참조 된 문서는 아직 다운로드하지 않았습니다. 그렇게하거나 다운로드를 건너 뛸 수 있습니다. 일반 브라우저는 최상의보기 환경을 위해 모든 참조 문서를 다운로드하려고합니다. 광고 차단기가있는 경우 ( Adblock Plus처럼 ) 또는 개인 정보 플러그인 ( Ghostery 또는 NoScript와 같은 ), 그러면 일부 리소스도 차단 될 수 있습니다.
그런 다음 브라우저는 참조 문서를 하나씩 다운로드하고 웹 서버에 단일 리소스를 명시 적으로 요청할 때마다. Google 예제에서 브라우저는 다음 참조 ( 그들 중 몇 가지를 말하면 ):
- https://www.google.com/images/srpr/logo11w.png (Google 로고)
- https://www.google.com/textinputassistant/tia.png (키보드 아이콘)
- https://ssl.gstatic.com/gb/images/i1_3d265689.png (일부 결합 된 이미지는 브라우저 요청 수를 줄이는 데 사용되는 트릭입니다.)
브라우저와 세션은 시간이 지남에 따라 변경 될 수 있으므로 실제 파일은 사용자마다 다를 수 있습니다. 텍스트 기반 브라우저는 이미지, 플래시 파일, HTML5 비디오 등을 다운로드하지 않으므로 다운로드하는 데이터가 적습니다.
@NathanOsman은 댓글의 좋은 점 . 때로는 작은 이미지가 HTML 문서에 직접 포함되어 이러한 경우 다운로드를 피할 수 없습니다. 이것은 요청 수를 줄이는 데 사용되는 또 다른 트릭입니다. 그러나 그들은 매우 작습니다. 그렇지 않으면 base64에서 바이너리 파일을 인코딩하는 오버 헤드가 너무 큽니다. google.com에는 이러한 이미지가 거의 없습니다 ( base64 인코딩 크기 / 디코딩 된 크기 ):
- 19 × 11 픽셀 키보드 아이콘 (106 바이트 / 76 바이트)
- 28 × 38 픽셀 마이크 아이콘 (334 바이트 / 248 바이트)
- 1x1 픽셀 투명 GIF (62 바이트 / 43 바이트) Google Chrome Dev Tools Resources 탭에 표시되지만 소스 코드에서는 찾을 수 없습니다 (나중에 JavaScript로 추가됨).
- 두 번 나타나는 1 × 1 픽셀 손상된 GIF 파일. (34 Bytes / 23 Bytes) 그 목적은 저에게 미스터리입니다.
설명에 추가 할 것이 있습니까? 댓글에서 소리를 내십시오. 기술에 정통한 다른 Stack Exchange 사용자의 답변을 더 읽고 싶으신가요? 여기에서 전체 토론 스레드를 확인하십시오. .