외부 최적화 코드 수행 하는 방법을 가르쳐합니다

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

선생님과 주제를 공유 하는 오늘, "코드 외부 최적화" 주로 코드 외부, 자바 코드 외부 최적화의 의미를 어떻게 소개 할 CSS 코드 병합 하는 방법.

첫 번째 코드 외부에서 살펴보겠습니다. 우리는 사이트를 참조 하는 사용자와 검색 엔진 스파이더 볼 동일 하지 않습니다, 사용자는 브라우저에서 후 본 영상 콘텐츠, 텍스트, 사진, 애니메이션, 될 것입니다 방문 등을 알고 있다. 하지만 그래서 우리는 간단한 최적화를 위한 원래 코드는, 코드의 단순은 검색 엔진 크롤 링 효율에 직접적인 영향을 때문에 즉, 페이지는 거미의 좋아하는 포함 여부 검색 엔진 스파이더는 이러한 콘텐츠 (HTML), 뒤에 원래 코드에 찾고 있습니다.

이에 따라, 머리 코드 CSS 나 JS 더 호출 여부를 더 많은 호스트 페이지의 속도가 줄어듭니다. 같이, 페이지는 4 JS 통화 + 2 CSS 호출 각 호출 코드 로드 시간, 요청을 할 것 이다 페이지를 방문할 때마다 같은 크롤 링 그 거미 같은 문제를 발생할 것입니다. 그래서 코드를 호출 하는 병합을 해야 합니다.

다른 상황, 더 많은 코드를 호출 하지는 하지만 JS 또는 CSS 코드를 직접 작성 하는 페이지에서. 이것은 많은 웹사이트에서 일어나 고 있다. 이 나쁜 상황, 때문에 일반적으로 CSS 나 JS 코드 문자 수 아주 많이. 우리의 페이지 (본문)의 핵심 콘텐츠를 희석 것이, 많은 문자 거미 크롤 링, 다음 감소 효율은 그것. 그래서 CSS 나 JS 코드를 직접 작성 된 페이지에 우리 코드 외부 최적화 작업을 할 것입니다.

원칙적으로, 외부 코드는 코드 페이지에서 폴더를 제거 합니다. 이 폴더는 특정 해당 디렉터리의 JS JS 디렉토리, CSS 스타일 디렉터리에 넣어 같은 호스트에 있다. 페이지에서 원래 문자 다음 제거 하 고 < 머리 ><에 추가 링크 확인해 = "stylesheet" href = "" 유형 "Text/css" 미디어 = = "all" / > 또는 < 스크립트 언어 = "자바" 유형 = "텍스트/자바 스크립트" src = "" >< / 스크립트 >. src 및 href 그냥 전화 파일을 경로에 채우고 있습니다.

좋아, 다음 최적화 하는 방법에 대 한 이야기. 첫 번째 페이지 최적화에서 작성 한 JS 코드입니다.

1 먼저 어떤 것 들을 안전 하 게 제거 될 수 있다 결정 하는 페이지의 많은 수에 기록 되는 코드를 찾아.

2 우리 function.js 텍스트를 만드는 메모장 (메모장)를 사용 하 여

3 코드 붙여넣기가이 텍스트를 제거 하는 좋은 저장 합니다.

4 지정된 JS 디렉터리 아래에이 function.js 새로운 파일을 업로드 하려면

5 추가 < 스크립트 언어 = "자바" 유형 = "텍스트/자바 스크립트" src = "/ js/function.js" < 머리 >>< 최적화 된 페이지 / 스크립트 >를 호출 하 고 JS 문자의 이전 큰 스택을 제거 합니다.

JS 최적화를 병합 하는 단계는 간단:

호출 코드에 병합 될 수를 찾을 수 1

2 FTP에 이러한 JS 파일의 실제 위치를 찾을 수

3 하나 열거나 새로운 JS 파일을 생성, 그냥 몇 JS 코드 모든 콘텐츠 복사본 함께

4이 JS 파일을 저장 하 고 적절 한 경계 폴더에 업로드

최적화 된 페이지 헤더에 호출 하는 코드를 추가 하는 5 < 스크립트 언어 = "자바" 유형 = "텍스트/자바 스크립트" src = "/ js/function.js" >< / 스크립트 > 이전 단락에서 호출 하는 코드를 제거 하 고.

CSS 코드 최적화를 처음 페이지를 최적화 하는 방법을 참조 하는 같은 이유는 CSS에 기록 됩니다.

1 먼저 어떤 것 들을 안전 하 게 제거 될 수 있다 결정 하는 페이지의 많은 수에 기록 되는 코드를 찾아.

2를 사용 하 여 메모장 (Notepad) base.css 텍스트 만들기

3 코드 붙여넣기가이 텍스트를 제거 하는 좋은 저장 합니다.

스타일의 지정 된 디렉터리에이 base.css 새로운 파일을 업로드 하려면 4

5 추가 < 링크 확인해 = "stylesheet" href = "/ style/base.css" 유형 = "Text/css" 미디어 = "All" / > < 머리 > 최적화 페이지에 전화 하 고 CSS 문자 이전 큰 스택을 제거 합니다.

CSS 최적화를 병합 하기 위한 단계는 간단 합니다.

호출 코드에 병합 될 수를 찾을 수 1

2는 FTP에이 CSS 파일의 물리적 위치를 찾을

3 하나를 열 또는 @import URL을 사용 하 여 새 CSS 파일을 만듭니다 ("") 다른 CSS 파일과 JS의 내용을 호출 아니다 같은 콘텐츠 모두를 복사 하지 않아도

4이 CSS 파일을 저장 하 고 적절 한 경계 폴더에 업로드

5 < 스크립트 언어 = "자바" 유형 = "텍스트/자바 스크립트" src = "/ js/function.js" >< / 스크립트 > 최적화 된 페이지 헤더에 코드를 호출.

한 작업을 수행 하는 이유 및이 최적화의 원리 이해 확실히 것입니다. 사실, 그것은 어려운, 아무 명확한 경우에, 당신은 Google 수 있습니다, 온라인 솔루션의 많은 의논된 학교 정보 수 있습니다.

(비디오 포함) 강의의 과정에서 원문: http://www.zvenue.cn/zclass/tactic-class/coding-removal-optimization.html