웹사이트 속도 향상 6 웹 사이트 최적화 방법

중간 트랜잭션 http://www.aliyun.com/zixun/aggregation/6858.html "> seo 진단 Taobao 게스트 클라우드 호스트 기술 홀

몇 동료는 최근 개인 블로그를 개설 하지만 개인 블로그 사이트는 매우 천천히 열을 가상 공간의 구입 때문에 불평. 이 현상에 대 한 일반적인 상황, 빠르고 느리게, 열려는 웹 사이트의 접근에 따라 이것은 공간 구성의 사용에 대 한 모든 공간 호스트 구성 좋은, 다음 사이트 액세스 속도가 매우 빠른 것입니다, 그와 반대로, 당신의 공간 호스트가 제대로 구성 하는 경우 귀하의 사이트 느릴 것 이다 액세스 하는 경우. 사실, 공간의 할당 하지 호스트 들에 대해 이야기, 우리를 웹 마 스 터 또는 서구 인사 또한에서 시작할 수 있습니다 따라서 사이트 속도에 대 한 액세스를 개선 하기 위해 기존 리소스에서에서 웹 페이지 제작. 사이트에의 액세스 속도 개선 다음 Ma Haixiang 블로그 6 팁 모음을 표현 하는 당신을 위한 사이트를 최적화 하는 방법을 모르는 경우 나는 당신이 도울 수 있길!

1, 사용 JS와 CSS 파일을 브라우저:

사이트 루트 디렉터리. htaccess에 다음 코드를 추가 합니다.

에 Expiresactive

ExpiresDefault "액세스 플러스 1 년"

이 코드는 헤더 캐시 헤더는 JPG로 보내집니다 의미 | GIF | PNG | CSS | JS 1 캐시와 브라우저 CTRL + f 5를 사용 하지 않는 경우 강제로 플러시, 시간이 끝날 때까지 캐시 됩니다. 유일한 유감은 경우 변경한 JS 또는 CSS 파일 이전 경로 또는 파일 이름을 변경 해야 합니다, 그래서 base.js?ver= (x)이 방법은 다음에 브라우저는 자동으로 읽어와 캐시를 수행할 수 있습니다.

2. 교체 여. JS 라이브러리 파일 주소 Google CDN의 주소:

Jquery와 MooTools와 다른 JS를 사용 하 여 라이브러리를 로드할 수 필요. js 파일은 더 큰, 전통적인 웹 사이트를 업로드 하 여 사이트 자체에 일반적으로 디렉터리. 하지만 거의 70 KB jquery.js 볼륨 웹 사이트 응답 속도 촉진 하지 않습니다에 대 한 Google API를 사용 해야 합니다.

예를 들어: 귀하의 http://www.***.cn/jquery.x.x.js http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/ 대체 Jquery.min.js, 요점은 그 때 사용자가 Google API를 사용 하는 웹 사이트에 액세스, 그것은 필요가 없습니다 다시 API 주소를 호출 하는 다른 사이트에 액세스 하는 파일을 로드 합니다. 그래서 속도를 목적.

뿐만 아니라 jquery 라이브러리, MooTools 유이 같은 다른 또한이 방법을 사용할 수 있습니다.

3, 합리화 하 고 JS와 CSS를 최적화:

비록 캐시 및 gzip 호위, 하지만 JS와 CSS 최적화에 대 한도 필요 하다. 자바 스크립트와 CSS 코드 우리가 쓰기 모두 들여쓰기 되어 포장, 적합 인간의 독서, 하지만 브라우저 이러한 의미 공간 및 이러한 스크립트를 실행 하려면 줄 바꿈이 필요 하지 않습니다. 그래서 우리가 이러한 공백 라인의 일부를 제거 해야 하 고 심지어 자바 스크립트와 CSS에 변수를 단축. 이러한 최적화 도구 YUI 압축기 및 폐쇄 컴파일러 있다. 두 이러한 도구는 java 기반, 설치 해야 하는 JDK를 사용 하 여 및 Java_home 설정입니다. (그것은 조금 어려운 비 프로그래머 웹 마 스 터에 대 한)

이 도구는 로컬 JDK에 설치할 수 있습니다, 그리고 직접 업로드 JS와 css 파일 압축 사용 유이 압축기 또는 폐쇄 컴파일러를 선택할 수 있습니다.

4, GZIP 압축 JS와 CSS 파일:

JS와 CSS를 압축을 할 수 있는 서버를 통해 동적 스크립트 서버 사이트 루트 디렉터리. htaccess 다음 코드에에서 있을 수 있는 아파치를 사용 하 여 간단 하 게 수도 있습니다

Addoutputfilterbytype 폐 텍스트/html 텍스트/css 텍스트/일반 텍스트/xml 응용 프로그램/x-자바 응용 프로그램/json

헤더 추가 다 수락-인코딩

이 코드는 위의 파일 출력 gzip 압축, gzip 모든 파일의 압축 30%의 볼륨을 줄일 수 있어야 후에 서버의 압축 모듈 호출을 의미 합니다. 특히 사용 JS의 많은 수에 대 한 블로그는 gzip 호위 후 속도 많이 향상 시킬 수 있습니다.

5. CSS를 sprites 사진을 병합을 사용 하 여

웹사이트를 자주 사용 하 여 작은 아이콘 및 작은 사진을 아름 답게, 하지만이 작은 그림 그림으로 모든 사진을 병합으로 스프라이트를 사용할 수 있습니다, 온라인 관련 도구를 통해 병합 될 수 있습니다, 또한 추에서 병합 될 수 있습니다 그래서 HTTP 요청의 많은 수를 차지 하는 불행히도

6, 최적화 웹사이트 사진:

그림 및 아이콘의 많은 수를 사용 하 여 사이트에 놀라운 결과 가져올 수 있다, 비록 그래픽 및 텍스트 혼합 블로그를 표시 하는 아주 아름 다운 방법입니다. 하지만 그림의 크기는 정말 매우 강한, PNG는 무손실, 하지만 결함은 매우 큰 JPG는 손실 압축 형식입니다. 가장 빠른 다운로드 속도 달성 하기 위해 그림 볼륨을 줄이기 위해 볼륨을 업로드 하기 전에 각 그림을 최적화 합니다.

Ma Haixiang 블로그 원래 기사에 대 한이 기사 무단 전재, 원래 사이트 http://www.mahaixiang.cn/wyzz/207.html에서 발췌를 표시 하시기 바랍니다 하려는 경우 주석이 소스;