저는 웹 디자인 일을 시작한 이래 오랫동안 웹 표준을 이용한 디자인 그룹에 참여해 왔습니다. W3C에서 권장하는 표준에 따라 디자인하는 것이 옳은 일이라는 생각이 점점 더 많이 듭니다. 내가adaptivepath.com 사이트를 다시 디자인할 준비가 되었을 때 내 파트너는 표준을 준수하는 접근 방식을 사용하여 사이트를 구축하는 데 동의했습니다. 하지만 시작하기 전에 다음과 같은 몇 가지 논의도 진행합니다. 웹 표준을 채택하려면 많은 노력이 필요합니까?
물론, 재설계는 "웹 표준 지지자" 사이에서 신뢰도를 구축할 수 있지만 업계의 찬사 외에도 표준이 우리와 같은 개별 비즈니스 사이트에 정말로 중요한가요? 웹 표준이 우리에게 도움이 될 수 있습니까? XHTML+CSS로 전환하면 금전적인 이점이 있나요? 모든 대답은 다음과 같습니다: 그렇습니다.
개발 가속화
HTML 페이지의 단순함이 웹 개발을 크게 촉진했지만, 웹은 골칫거리이기도 했습니다. 코드 형식에 대해 매우 "관용적"이기 때문에 일부 브라우저 개인 코드의 개발을 장려했으며 이로 인해 수많은 사용자가 최상의 경험(페이지의 최상의 효과 보기)을 얻지 못하게 되었습니다.
많은 고객이 가능한 한 많은 사용자에게 최상의 디자인을 제공하기 위해 사이트의 여러 버전을 구축합니다. 우리 회사에는 HTML 페이지 세트, 스타일 시트 및 아주 적은 양의 개발만 필요합니다. Adaptivepath.com 웹 사이트 사용자의 95% 이상이 표준 호환 브라우저를 사용합니다. 웹 표준으로의 전환.
웹 표준에서는 오류 검사를 수행해야 합니다. HTML의 버전을 선언하기만 하면 유효성 검사기가 선언한 표준에 따라 페이지를 확인합니다. 유효성 검사기는 어떤 오류가 있는지 엄격하게 확인하고 자세히 알려주므로 개발자가 품질에 소비하는 시간이 단축되고 사이트가 다양한 브라우저에서 높은 수준의 일관성을 유지할 수 있습니다. 오늘날의 브라우저에는 여전히 일부 표시 버그가 있지만 5년 전보다 훨씬 나아졌습니다.
유지 관리가 쉽고 기회가 늘어납니다.
수년 동안 웹 표준 그룹은 "시각적 디자인과 콘텐츠를 분리하는 것"의 장점을 권장해 왔습니다. 이는 HTML이 매우 단순해졌음을 의미하며 대부분의 XHTML 페이지에는 의미상 풍부한 <div> 및 <p가 몇 개만 있습니다. > 태그 및 강력한 CSS 파일에 대한 링크. 이러한 완전한 분리를 통해 페이지 개발 및 유지 관리가 더 쉬워집니다. 무엇보다도 편집자와 디자이너 등 개발 팀 간의 더 나은 조정이 가능해지기 때문에 별도로 작업할 수 있습니다.
최근에는 CSS 기술을 활용하여 자체 개발 서버에서 고객을 위한 CSS 파일을 개발하는 프로젝트가 있었습니다. 백엔드 서버에서 콘텐츠를 준비하는 동안 우리는 지속적으로 디자인을 수정할 수 있으며, 버전 출시 시스템과 통합할 필요 없이 CSS 파일만 편집하면 됩니다. 개발 시간을 획기적으로 단축했습니다. 신속한 개발은 경쟁 우위와 비용 이점을 제공합니다. 개발 시간이 단축되면 비용이 절감될 뿐만 아니라 리소스도 확보되므로 더 많은 기회를 얻을 수 있습니다.
접근채널 확대
깨끗한 코드는 더 많은 이점을 제공합니다. CSS를 지원하지 않는 브라우저는 이제 스타일 시트를 무시할 수 있습니다. 즉, 의미론적 XHTML 표현은 휴대폰, PDA, 음성 리더, 스크린 리더 등과 같은 비전통적인 클라이언트를 포함한 모든 브라우저에서 렌더링될 수 있습니다. . 이러한 간단한 태그를 지원하는 모든 장치가 가능합니다.
웹 표준을 준수하는 사이트는 모바일 액세스를 지원할 수 있으며 섹션 508 사용성 표준을 지원하고 이전 브라우저 버전과 호환됩니다. 모든 이점을 얻을 수 있고 개발 및 유지 관리가 더 쉬워지며 그 과정에서 하드웨어 비용도 절약됩니다.
대역폭 비용 절감
페이지 장식에 사용된 글꼴, 표 태그, 일부 이미지를 제거하여 페이지 크기를 20.9k에서 9.2k로 줄였습니다. 현재로서는 이러한 감소가 사소해 보일 수 있지만 모든 페이지 방문을 합산하면 사이트 트래픽을 압도하는 상당한 양에 달합니다.
우리 사이트는 하루에 약 수천 페이지 조회수를 기록하며 이는 대역폭의 56%를 절약할 수 있습니다. 대규모 상업 사이트는 1~2분 만에 방문자 수에 도달하는 반면, 인기 있는 인기 사이트는 하루에 수천만 페이지 조회수에 도달하는 경우가 많습니다. 페이지당 30-40,000을 절약하고 캐시된 스타일 시트를 다시 다운로드할 필요가 없다면 이러한 사이트는 매달 수천 달러를 절약할 수 있습니다. IT 담당자들이 이 디자인에 흥미를 느끼는 모습을 보실 수 있을 것입니다!
사용자 경험 개선
비용은 계량화하기 쉽지만 코드를 압축하면 더 많은 숨겨진 추가 이점도 얻을 수 있습니다. 빠르고 활동적인 사이트가 항상 더 나은 전반적인 사용자 경험을 제공한다는 것은 비밀이 아닙니다.
웹 초기에는 거대한 그래픽 인터페이스 디자인으로 인해 전화 접속 인터넷 사용자가 느린 액세스 속도를 견뎌야 했지만 광대역의 인기로 인해 이러한 상황이 개선되었습니다. 그러나 출장 중인 출장객도 호텔 전화로 전화를 걸어 새로운 사용자가 될 수 있습니다. 깔끔하고 표준화된 코드를 사용하면 사용자가 웹 사이트에서 목표를 빠르고 쉽게 달성하는 데 도움이 될 수 있습니다.
변화의 가치가 입증되었습니다
우리는 예의가 아니라 표준이 가져오는 재정적 이점 때문에 표준으로 전환하기로 결정했습니다. 그렇기 때문에 점점 더 많은 멋진 사이트가 웹 표준으로 전환하고 있습니다. 아직 XHTML+CSS로 전환을 시작하지 않은 이유는 무엇입니까?
표준화를 통해 얻을 수 있는 경제적 이점은 명백합니다. 우리 사이트가 표준화되면 기업은 콘텐츠 무료 공유의 진정한 약속을 깨닫게 될 것입니다.