웹 사이트 디자이너의 경우 웹 사이트의 액세스 속도가 콘텐츠보다 훨씬 중요합니다. 웹 사이트 콘텐츠가 우수하더라도 액세스 속도가 매우 느리면 많은 사람들이 인내심을 갖지 않을 것이라고 생각합니다. 다음은 웹 디자인에서 시도 된 웹 사이트 체중 감량 방법입니다. 결과는 꽤 좋습니다. 앞으로 웹 사이트를 디자인 할 때 다음 항목에 더 많은 관심을 기울이고 싶습니다.
1 : GZIP를 사용하여 문서를 압축합니다. GZIP 인코딩은 웹 페이지 성능을 향상시키는 데 사용되는 방법입니다. 저장 공간을 줄일 수있을뿐만 아니라 전송에 필요한 시간을 줄일 수 있습니다. GZIP를 사용하여 웹 사이트에서 파일을 압축 한 후 웹 페이지의로드 속도를 크게 증가시키고 웹 사이트의 대역폭 트래픽 소비를 줄일 수 있습니다. (이 방법을 사용하면 서버 구성을 수정해야하고 가상 호스트 사용자의 경우 작동하지 않기 때문에 서버의 부담이 증가합니다.)
2 : CSS 압축 체중 감량 도구 http://www.xland.com.cn/css/geshihuacss.htm
웹 사이트의 CSS 코드를이 상자에 복사하고 클릭하여 압축하십시오. 일반적으로 1-5K의 CSS를 압축 할 수 있습니다.
3 : JavaScript 파일의 체중 감량 :이 방법은 GZIP 압축 기능과 다릅니다. JavaScript 문서를 줄이는 방법에는 여러 가지가 있습니다. 여기서는 JS Online 체중 감량 웹 사이트를 사용하는 것이 좋습니다 : http://javaScriptCompressor.com/
4 : 스타일 시트 파일을 외부 통화에 넣으십시오. 다른 폴더의 페이지에 사용해야하는 JavaScript 및 CSS 스타일 시트 파일을 다른 폴더의 다른 페이지를 열면 웹 사이트 페이지의로드 속도를 높이도록합니다.
5 : 웹 사이트 사진에 GIF 형식을 사용하십시오. GIF 형식 사진은 작은 공간을 차지합니다. 예를 들어, 내 웹 디자인 삽화 인 JPG 형식 그림은 일반적으로 10-50k 사이이며 GIF 형식 사진은 일반적으로 10K 미만입니다.
6 : 홈페이지에서 너무 큰 플래시 파일과 비디오 파일을 호출하지 마십시오.
7 : 웹 페이지 리디렉션 사용을 피하십시오 : 서버 측 리디렉션 또는 JavaScript 코드를 통한 컨텐츠 리디렉션이든 웹 사이트는 먼저 빈 페이지를로드 한 다음 다른 페이지로 지시합니다. 이것은 페이지의로드 시간을 연장 할뿐만 아니라 점프 할 수 없어서 사용자가 빈 페이지를 향하게 할 수 있습니다.
8 : 웹 사이트 하단에 통계 코드를 넣으십시오. 페이지 내용과 동일한 테이블이나 DIV 태그에 있지 마십시오. 통계 코드를 페이지 코드의 하단에 직접 배치하거나 바닥에 테이블 또는 div를 만들어 카운터를 배치 할 수 있습니다. 이러한 방식으로 카운터에 액세스 할 수없는 경우 웹 사이트 속도가 전혀 영향을받지 않습니다.
9. 웹 사이트 테스트 속도 웹 사이트 http://loadimpact.com
텍스트 상자에서 테스트하려는 웹 사이트의 url vevb.com을 입력 한 다음 시작 버튼을 클릭하여 웹 사이트 속도 테스트를 시작하십시오. 잠시 기다리면 로딩 웹 사이트의 자세한로드 데이터를 계산할 수 있습니다. 전반적인 로딩 및 현장 사진, JavaScript, CSS 및 기타 코드 로딩을 포함합니다. 올바른 목록에서 다른 파일을 선택하여 동시에 데이터를 비교할 수 있으며 최대 3 개의 객체가 데이터를로드 할 수 있습니다. 또한 LoadImpact 웹 사이트에서 차트를 생성 할 수 있으며, 이는 분석을 수행하기에 편리합니다. 생성 된 데이터를 통해 웹 사이트 속도의 병목 현상이 어디에 있는지 알면 문제가 더욱 해결됩니다.