기술 웹 사이트-방문자가 최신 브라우저를 사용한다고 가정해야합니까?


18

기술 블로그가 포함 된 자체 웹 사이트를 만드는 중입니다. HTML5 및 CSS3와 같은 최신 기술을 사용하여 웹 사이트를 구축하고 싶습니다.

이후 내 웹 사이트 프로그래머 타겟이되며, 주로 기술에 정통한 사용자는 이 사람들이 현대적인 브라우저를 사용 될 것이라고 부여, 나는 취해야합니까? 또는 만일을 대비하여 내 사이트를 이전 브라우저와 호환해야합니까?

사용하지 않을 브라우저와 호환되도록 웹 사이트를 조정하는 데 어려움을 겪고 싶지 않습니다.

업데이트 : 지금까지 답변을 읽었으며 질문에 대한 중요한 세부 정보를 놓친 것 같습니다. 명확하지 않은 경우 사이트의 특성을 고려하여 답변에 집중하십시오.

내 웹 사이트는 프로그래머와 대부분 기술에 정통한 사용자를 대상으로합니다.

이 점을 고려할 때이 사람들이 최신 브라우저를 사용하게 될까요?


1
내가 일하는 대부분의 회사는 IE7 +를 사용하려면 웹 사이트가 필요합니다. 사용자가 여전히 IE6-를 가지고 있다면 기술에 거의 관심이 없기 때문입니다.
Evik James

따라서이 사용자들이 기술에 거의 관심이 없다면 왜 내 웹 사이트를 방문하게됩니까?
marco-fiset 2018 년

4
기술 블로그를 읽는 사람들의 99 %가 기술 산업에 종사하고 있으며 최신 브라우저를 가지고 있으며 사용법을 정확히 알고 있다고 가정하면 안전하다고 생각합니다.
Evik James

그들이 정말로 하드 코어 기술자라면 그들은 다음을 사용하여 귀하의 사이트를 탐색하고있을 것입니다 lynx:)
Ken Liu

답변:


12

사이트에 Google 웹 로그 분석 을 추가 하고 사용자를 추적

알아낼 수있는 유일한 방법은 사용자 기반에 대한 합리적인 통계 샘플을 수집하는 것입니다. 이것에 미치지 못하는 것은 근거없는 가정 일뿐입니다.

다행히도 Google 웹 로그 분석은 브라우저, 화면 크기, 지원 기능 등에 대한 모든 것을 완벽하게 추적합니다.

버전이 훨씬 오래 지원되므로 Internet Explorer를 '낮은 점수'로 지정하십시오. 예를 들어 Windows XP 지원 수명주기는 2014 년 4 월 8 일까지 만료되지 않으므로 IE 6은 그때까지 사라지지 않습니다.

통계에 따르면 매우 적은 비율의 사용자 만 IE 6 (또는 IE 7)을 사용하는 경우 브라우저 지원에 필요한 노력을 정당화하지 못할 수 있습니다.

최신 HTML5의 경우 무료 점진적 향상 적용을 위해 HTML5 shiv 를 사이트에 추가 할 수 있지만 브라우저가 따라갈 때까지 더 고급 기능 (예 : HTML5 파일 API)을 사이트의 개인 섹션으로 제한 할 수 있습니다.


2
모든 좋은 아이디어. 그래도 사람들의 적은 비율로 발전하는 것은 시간 낭비라는 점에 동의해야합니다.
Evik James

@EvikJames Yep, 그게 요점입니다. 문맥에 따라 다르므로 의도적으로 열어 두었습니다. Google과 같은 대규모 미디어 사이트의 경우 엄청난 양의 리소스와 대규모 사용자 기반이 있으므로 사용자 기반의 .5 %조차 브라우저 지원을 제공하지 않으면 큰 영향을 미칩니다. 반대로 소규모 사이트를 운영하고 있고 1,000 명의 순 방문자 중 0.5 %만이 레거시 브라우저를 사용하는 경우 지원할만한 가치가 없을 것입니다. "옛 사람들이 pissin처럼, 내가 ohhhhh, 모든 것이 달려있다 생각", 카니 예 웨스트 (Kanye West)를 인용
에반 가자미

그러나 또 다른 예로서, 기술 중심의 블로그를 보유하고있는 개인 웹 사이트와 일부 가족 사진은 여전히 ​​IE8 트래픽의 24 %를 보유하고 있습니다. 자동 업데이트)
Zhaph-Ben Duguid

14

90 % 이상의 미국인이 이미지를보고, JavaScript를 지원하며, CSS를 지원하며, 관련있는 연결이 적절합니다.

현대 웹을 경험하지 않기 위해 길을 잃은 세계의 10 %를 쫓는 데 90 %의 시간을 소비하는 것은 시간 낭비입니다.


1
사용자의 질문은 CSS, JavaScript 및 이미지의 합리적인 사용에 관한 것입니다. 이미지와 JavaScript 지연로드에서 모든 텍스트를 숨기는 웹 사이트를 구축하는 것이 아닙니다.
Evik James

1
검색 엔진이 트래픽의 90 %를 차지하더라도 압도적 인 대다수의 사용자는 여전히 최신 브라우저를 사용하고 자바 스크립트를 사용하도록 설정합니다.
stoj

1
검색 엔진이 자신의 콘텐츠를 읽지 못하거나 순위를 잘못 매 겼기 때문에 순위를 매길 수 없다면 방문자가 걱정하지 않아도됩니다.
John Conde

3
@JohnConde 왜 검색 엔진이 내 사이트에 순위를 매길 수 없습니까? 플래시를 사용하는
것과는 다릅니다

1
@JohnConde는 다른 사람들과 마찬가지로 의견을 가지고 있습니다. 그는 지식이 풍부하고 도움이되며 StackExchange를 통해 훌륭한 서비스를 제공합니다. 그의 답변은 숙련 된 웹 개발자 팀을 가진 회사에 매우 적합하다고 생각합니다. 괴짜에 대한 한 사람의 블로그와 코딩에는 완전히 부적절합니다.
Evik James

12

취하다:

  • 자바 스크립트가 해제됩니다
  • CSS3는 지원되지 않습니다
  • 이미지가 비활성화됩니다
  • 사용자 연결이 느려집니다

나는 그것이 당신이 듣고 싶은 것이 아니라 웹 디자이너와 개발자로서 우리가 직면 한 현실이라는 것을 알고 있습니다. 구형 브라우저를 사용하는 사용자가있을뿐만 아니라 일부는 브라우저의 설정을 변경하여 기본 동작을 변경합니다 (예 : JavaScript 끄기).

CSS 및 JavaScript를 다양하고 제한적으로 지원하는 검색 엔진과 같은 봇도 잊을 수 없습니다. 또한 일부 사용자는 최신 기술을 지원하는 데 악명 높은 스크린 리더를 사용합니다.

위의 모든 것을 지원하는 것이 실제로 훨씬 쉽습니다. 점진적 향상 은 웹 디자인 및 개발의 기본 원칙이며 아직 모든 기능을 처리 할 수없는 브라우저 및 사용자를 지원하면서 사이트에서 최신 기능을 사용할 수 있습니다.


6
웹 사이트는 인터넷에 액세스 할 수 없거나 컴퓨터가없는 사람들을 위해 설계되어야한다고 말할 수도 있습니다.
Evik James

4
@ Evik 나는 그것이 대답의 요점이라고 생각하지 않습니다. 요점은 <10 %가 최소한 콘텐츠를 소비 할 수있는 기본적이고 접근 가능한 것으로 시작해야한다는 것입니다. 그런 다음 90 %가 멋진 것을 볼 수 있도록 빌드하십시오.
DisgruntledGoat

1
@WernerCD, 원본 게시물은 블로그를 작성하는 단일 사용자에 관한 것입니다. StackOverflow가 동일한 팀을 고용하고 팀을 고용하거나 모든 브라우저의 뉘앙스를 배우는 것을 제안하고 있습니까? 그는 블로그에 시간을 투자하고 코딩 시간을 줄여야합니다.
Evik James

1
@WernerCD 프로그래머는 가능성이 '무거운'페이지를 방지하기 위해, 자바 스크립트 켜고 끌 플러그인 노 스크립트 설치 등을해야합니다.
DisgruntledGoat

1
@Werner "CSS / JS가 없다고 가정"하는 것이 잘못된 설명이라고 생각합니다. 그것은 탄탄한 HTML의 기초부터 시작하여 CSS와 JS로 구축하는 것에 관한 것입니다. 이전 브라우저에서 CSS / JS에 버그가 발생해도 사이트는 계속 작동합니다. 이런 의미에서 이제는 최신 브라우저를 가정하고 이전 브라우저에서 테스트를 포기할 수 있으며, 이는 5 %의 사용자에게는 나쁘지 않을 것입니다.
DisgruntledGoat

5

최소한 홈페이지는 합리적으로 지원할 수있는 모든 환경에서 제대로 작동해야합니다. 특정 페이지 기술을 광범위하게 지원하지 필요한 경우, 상태는 분명히 그들에게 리드 것을 링크에서 (불쾌한 사용 아무것도 필요하지 않습니다, title그리고 alt링크와 이미지에 텍스트 충분하다)와 페이지 자체 (예를 들어, 작은 추가 헤더-기능이 있는지 감지 할 수있는 경우 숨길 수 있습니다).

또한 필요한 기술이 없거나 활성화되지 않은 경우 페이지가 정상적으로 저하되도록하십시오. 방문자가 기술에 정통한 경우에도 페이지의 항목이 작동하지 않지만 누락 된 항목에 대한 표시가없는 경우 방문자가 관심을 가지지 않는 한 관심을 보이지 않을 수 있습니다. 추정). OTOH 누락 된 항목을 활성화하는 방법에 대한 자세한 지침을 제공 필요는 없으며 활성화해야하는 항목만으로도이 대상에 충분해야합니다.

업데이트 : 개인 anedocte를 사용하여 마지막 요점을 더 강조하고 싶습니다. 보안 인식 사용자는 항상 NoScript를 사용 하여 탐색 합니다. 예를 들어 비디오가있는 웹 사이트를 방문하면 다음 중 하나가 발생합니다.

  • 동영상의 자리 표시자가 있으며 클릭하면 동영상을 차단 해제 할 수 있습니다.
  • 자리 표시자가 있지만 클릭만으로는 충분하지 않습니다. 차단되지 않은 다른 도메인이 있습니다 (일반적으로 CDN). /mcstatic.com);
  • 더 자리 비디오는 자바 스크립트를 통해 추가되거나하지 않아도 없습니다 widthheight정적으로 설정하고, 때로는 페이지가 전혀 비디오가 힌트가 없다. 완전히 놓칠 수 있습니다.
  • 동영상은 임의의 광고 서버에 의존하므로 가장 명확한 도메인을 차단 해제하는 것만으로는 충분하지 않습니다. 나는거야하면 정말 내가 남아있는 각 도메인 차단 해제에 갈 수있는 관심 (의 순서를 적은 - 투 - 더 그늘 보이는 이름) 가끔의 효과와 함께, 이전에이 표시되지 않은 도메인, 비디오 작품까지 또는 나는 포기한다.

이것은 최신 브라우저와 기술에 정통한 사용자를 가정 할 때 발생할 수있는 몇 가지 문제를 설명하기위한 것입니다. 사이트가 가능한 모든 구성에서 작동하도록하기 위해 벗어날 필요는 없지만이 경우에도 일부 안전 장치 요소가 있어야합니다.


2
"적어도 귀하의 홈페이지가 합리적으로 지원할 수있는 모든 환경에서 제대로 작동하는지 확인하십시오." 이것은 말이됩니다.
Evik James

4

John Conde가 만든 요점은 기술적 인 사람들이기 때문에 최신 브라우저를 사용한다고 가정 할 수 없다는 것입니다. 나는 OP가 더 많은 잠재 고객을 위해 사이트를 코딩하거나 대신 블로그에 참여하는 것 사이의 균형을 찾아야한다는 Evik James의 의견에 동의하는 경향이 있습니다. 그가 어느 시점에서이 사이트에서 수익을 창출하고 싶다면 모바일에서 시작하여 IE6를 시작하고 진보적으로 발전하는 것이 훨씬 쉬워지기 때문에 진보적 향상 및 반응 형 디자인 철학을 따라야한다고 말하고 싶습니다. 쪽으로. 그러나 최소한 OP는 Lynx 브라우저를 통해 사이트를 운영해야 합니다.그의 사이트가 스크린 리더 나 검색 엔진 스파이더에 어떻게 보이는지 확인하고 이미지, CSS 및 자바 스크립트를 끈 상태에서 모든 것을 볼 수 있도록합니다. 그런 다음 최신 브라우저에 정말 멋진 종소리와 휘파람을 남기고 IE6에서 조금 어지럽거나 지루한 것처럼 보이는 것에 대해 크게 걱정하지 마십시오.


3
명령 프롬프트에 있으면 w3m, lynx또는 사용 가능한 모든 텍스트 브라우저를 사용할 수 있습니다.
BillThor

3

타겟 시장에 따라 최신 브라우저를 사용한다고 가정해야합니다. 브라우저 사용에 대한 탭을 유지하고 많은 사람들이 이전 브라우저를 사용하는 경우 호환성을 변경하십시오.


이것은 나에게 좋은 생각처럼 들리며 내가하는 방식입니다.
Evik James

정상 저하와 같은 소리, 당신은이 기사를 읽어야 : dev.opera.com/articles/view/...
의 Tomás 라미레스

3

대부분의 사용자를 지원하고 브라우저 기능을 활용하려면 점진적 향상 에 대해 읽어야 합니다. 반응 형 디자인 은 대부분의 장치를 지원하는 또 다른 중요한 주제입니다 (오늘날 많은 사람들이 모바일 장치를 사용합니다). 다른 한편으로, Modernizr , boilerplate , explorercanvas 와 같은 많은 라이브러리 가이 문제에 도움이됩니다.


2
당신은 좋은 지적을하고, 모두를 위해 사이트를 95 % 호환 가능하게 만드는 것은 상당히 쉽습니다. 위의 요점은 최소 공통 분모를 개발하는 데 많은 시간이 걸린다는 것입니다.
Evik James

나는 당신의 요점을 참조하십시오 ... 그러나 모든 사람들은 이것에 대해 알아야합니다 : D
Tomás Ramírez

0

타겟 고객이 프로그래머 등이 될 것이라는 사실은 여전히 ​​기술적으로 더 마음에 들기 때문에 컴퓨터에 최신 정보가 있다고 가정하지 않습니다. 프로그래머 / 기술자가 자신의 컴퓨터에서 사용하는 것을 지시하는 것은 전문적인 사고 라기보다는 개인적인 추론입니다.

예를 들어, 프로그래머는 편집증 일 수 있으며 컴퓨터에서 Java를 사용할 수 없습니다.

어쨌든, 인터넷은 다른 부분에 비둘기가 들어 있지 않은 모든 사람에게 열려 있습니다. 누구나 접근 할 수 있도록 웹 사이트를 만드십시오. 기술에 정통한 프로그래머는 컴퓨터가 깨져서 Internet Explorer 7이 설치된 Windows XP를 실행하는 어머니 PC를 사용하여 고착 될 수 있습니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.