분석 하 고 사이트 코드를 압축 하는 방법

웹사이트의 증가 기능으로, 더 큰, 그리고 Web2.0으로 리치 클라이언트 사이트의 아름 다운 사이트의 주요 초점, 사용자 경험, 사이트의 코드 될 것입니다 하지만 CSS와 JS 그림 같은 시각 효과 생산 하는 큰 책임을 가정 하는 사이트의 페이지에 매우 큰 됩니다. 따라서 웹 사이트의 액세스 속도 영향을 미치는. 그냥 상상, 10 K 페이지 하 고 보다 신속 하 게 표시할 수 있는 100, 000 페이지, 대답은 물론 10 K 페이지, 많은 연구 사용자 가장 만족된 오픈 웹 페이지 시간 2 초입니다. 사용자가 견딜 수 있는 최대 대기 시간 대략 6-8 초 이다. 즉, 8 초 중요 한 값 이며 사이트가 8 초 이상 열려있는 경우에, 기회는 대부분의 방문자가 당신이 떠나 결국 것입니다.

사이트 페이지의 크기가 그렇게 중요 이므로, 우리가 어떻게 우리의 페이지를 최적화 해야?

물론, 우선 되도록 표준화, 테이블, 보다 빠르게 표시 하는 div를 알고 작성 하 여 HTML 코드 그래서 가능한 Div와 CSS 레이아웃. JS와 CSS 코드는 작성 된 외부 파일에서 분할 될 수 있다 그들의 크기를 줄이기 위해 모듈에 각 모듈 JS와 CSS의 각 모듈을 참조 하 고 다음 각 CSS와 JS 파일을 압축. 그림을 압축 하는 방법은 없습니다 하지만 우리는 도구를 사용 하 여 최적화 페이지에서 참조 하는 모든 사진의 크기를 볼 수 있습니다.

웹 사이트를 분석 하 고 코드를 압축 도구를 소개 하자:

웹 사이트 분석 도구: YSlow

YSlow는 야 후 개발 분석 웹사이트 최적화 파이어 폭스 도구 플러그인 테스트, 설치 또한 방화 범이 끌려를 사용 해야 합니다. 사이트 속도 경험 최적화 YSlow 그것 합계 13까지 각각에 F의 인덱스를 사용 하 여를 귀하의 웹사이트 속도 평가 하 고 데이터를 주고, F 최고 최악의 나타냅니다 나타냅니다. 우리는 데이터를 분석 하 여 우리의 웹사이트 및 서버를 최적화할 수 있습니다. 뿐만 아니라, YSlow도 HTTP 요청 및 페이지 나온 페이지의 크기를 계산 하 고 여기에 통계의 예입니다.

이 통계, 그것은 우리의 코드와 미디어 최적화에 대 한 좋은 안내 수 있습니다.

압축 코드의 도구는 또한 야 후 회사 제공 온라인 압축기: 온라인 유이 압축기, 압축기 수 모든 JS와 CSS 압축, 압축 비율을 압축, 그것을 사용 하 라는 메시지가 표시 됩니다 후 매우 편리 하다.

가 시점에서, 페이지의 프런트 엔드의 최적화를 완료 하 고 서버, 스크립트 및 필요에 따라 데이터베이스에 더 많은 최적화를 맞춤화 할 수 있습니다. 마지막으로, 무단 전재를 표시 하시기 바랍니다 그것 역: http://www.ityizhan.com