사이트 대역폭 요구 사항 감소

• 할 수있다 2, 2024

성공은 죽일 수 있습니다. 모든 웹 마스터는 반드시 명심해야합니다.

이 인스턴트 커뮤니케이션 시대에 인기가있는 웹 페이지 (인터넷 사용시 "바이러스 성")는 방문자의 관심을 끌 수 있습니다. 대부분의 웹 사이트 소유자에게 이것은 꿈이 실현되는 것입니다 ... 그들이 서버를 너무나 치열하게 유지하기 위해 고군분투하거나 웹 대역폭을 높이기 위해 열렬한 입찰로 웹 호스팅 회사에 돈을 버려야 할 때까지는 꿈이 실현됩니다.

약간의 사전 계획을 세우면 갑작스런 인기를 끌 수 있고 일일 호스팅 비용을 최소한으로 줄일 수 있습니다.

우선 사이트의 이미지를 살펴보십시오. 일반적인 웹 사이트에서 이미지 파일은 대부분의 대역폭 소비를 담당합니다.

이미지 대역폭 사용량을 줄이는 궁극적 인 방법은 사이트에서 이미지 대역폭을 완전히 없애는 것입니다. 사이트를 텍스트 전용으로 변환하는 것은 아닙니다. 저렴한 무료 이미지 공유 사이트를 활용하여 이미지를 호스팅한다는 의미입니다. 서비스를 시작하기 전에 소규모로 사용해보고 다른 위치에서 사이트를 확인하십시오. 일부 방화벽은 특히 방문자가 사무실 컴퓨터에서 웹을 탐색하는 경우 널리 사용되는 공유 사이트의 이미지를 자동으로 차단합니다.

HTML을 사용하여 이미지를 실제보다 작게 표시합니까? 방문자가 웹 페이지 디자인에 필요한 것보다 훨씬 더 많은 대역폭을 사용하여 방문 할 때마다 전체 이미지 (실제 크기)를 브라우저에 브라우저에로드하기 때문에 이는 웹 디자이너에게는 큰 도움이되지 않습니다. 대신 이미지 편집 프로그램을 사용하여 페이지 레이아웃에 맞게 이미지를 자르고 축소하십시오.

특히 이미지가 작을 경우 이미지의 모양을 손상시키지 않으면 서 더 낮은 해상도로 이미지를 저장할 수도 있습니다. 해상도가 높을수록 각 픽셀에 더 많은 세부 정보가 포함되므로 모든 정보를 브라우저에로드하는 데 더 높은 대역폭을 사용합니다.

이미지가 대역폭을 낭비하지 않도록하는 또 다른 방법은 CSS 디자인 텍스트를 선호하여 이미지를 버리는 것입니다. 이 기술은 버튼 및 기타 멋진 링크와 잘 작동합니다. 배경색, 테두리 및 : hover 유사 클래스로 많은 작업을 수행 할 수 있기 때문입니다. CSS와 HTML을 사용하여 대화식 메뉴를 개발하는 방법에 대한 다음 시리즈를 나중에 살펴보십시오.

이제 이미지를 제곱했습니다. 이제 텍스트를 강화할 차례입니다. 종종 HTML 코드에서 여분의 공백을 제거 할 수 있습니다. 코드 섹션 사이에 빈 줄이 있으면 가독성이 향상 될 수 있지만 본문 태그와 첫 번째 코드 줄 사이에 캐리지 리턴이 12 회 있으면 약간 초과 한 것입니다.

가능하면 JavaScript 및 CSS에 외부 파일을 사용하십시오. 방문자가 방문한 첫 페이지와 함께 파일을 다운로드하면 해당 파일은 사이트를 탐색 할 때 브라우저의 캐시에 남아 있습니다. 인라인 또는 헤더 코드에서 발생하는 모든 페이지에서 코드를 새로로드하는 것과는 대조적입니다.

자신의 사이트를 호스팅하는 경우 HTTP 압축으로 많은 대역폭을 절약 할 수 있습니다. 웹 페이지의 압축 버전을 임시 디렉토리에 저장 한 다음 압축 가능 브라우저를 사용하여 모든 방문자에게 제공합니다. 정적 페이지, 응용 프로그램 또는 둘 다를 압축하도록 서버 설정을 조정할 수 있습니다.

사이트를 강화하면 방문자의 공격, 서비스 거부 공격으로부터 호스팅을 보호하거나 호스팅 비용을 최소한으로 줄일 수 있습니다. 또한 가장 빠른 시간 내에 최대한 많은 콘텐츠를 제공 할 수 있도록 사이트를 깔끔하고 깔끔하게 코딩한다는 사실을 알고 휴식을 취할 수 있습니다.

비디오 지침: Summit Seoul '19 T4-1. G Suite으로 클라우드 기반 업무 환경 만들기 - 대한제강 사례 (조혜민) (할 수있다 2024).