웹 최적화, 웹사이트 최적화 기술에 대 한 이야기

중간 거래 SEO 진단 Taobao 게스트 클라우드 호스트 기술 홀

내가 생각 하는 두 가지 측면의 웹 페이지의 최적화를 구성 한다: 1. 기술 최적화, 2. 인간 최적화 (이 분류는 단지 내 요약, 아무도 특정 정의 부여 하고있다). 기술 최적화 코드 최적화, 디렉터리 구조를 최적화 하 고 검색 엔진 최적화 최적화 작업의 기술적인 측면은 일반적으로 표시 되지 않습니다 하지만 사용자에 게 많은 편의 줄 것 이다 것입니다 또한 더 큰 혜택을 가져다 줄 사이트, 기술 최적화는 특정 패턴 및 최적화 하는 것 들을 필요는 또한 상대적으로 고정된 상대적 단순 단지 시간 문제 이며 인간 최적화 등 대화형 최적화, 가용성 최적화, 어떤 웹 사이트 사용자가 볼 수 있고 터치는 사용자의 사용의 최적화를 의미 인간의 최적화는 우리가 사용자의 심리학을 추측 하기 때문에 보내기 가장 어려운입니다. 두 가지 측면을 개별적으로 설명 하자.

1. 기술 최적화:

기술 최적화 세 부분으로 나누어져 있습니다: 코드 최적화, 디렉터리 구조 최적화 및 검색 엔진 최적화. 이 부분 최적화의 제안 된 솔루션을 테스트 하는 사이트 개발자가 주로 이며 상대적으로 일부 단지 시간 문제는 단순한 특정 규칙이 있다.

(1) 코드 최적화:

코드 최적화 페이지 브라우징 속도 적응성의 문제를 해결 합니다. 텍스트 및 그림 최적화 텍스트와 그림으로 시작 페이지를 구성 하는 두 가지 주요 요소가 있습니다. 우리 페이지의 생산에는 텍스트는 기본적으로 노래 몸과 12px의 일반적인 사용 하 여 정의 표준된 글꼴 스타일의 코드와 크기 등 지정을 완료 하려면, CSS 스타일 시트를 사용 해야 지금 널리 사용 되 고 H1 및 글꼴 크기 xxcolor = xxfont = 그래서 태그는 표준, 천천히 CSS, 지금은 많은 대형 웹 사이트에 의해 대체 될 것입니다. 그리고 다양 한 포털 비표준 문제 등 거의 모든 페이지의 넓은 범위를 포함 하 여 있을 것 이다, 그래서 CSS 스타일 시트는 우리의 최적화 과정 문제 (확인에 주의 기울여야 한다 사실,이 문제는 페이지에 있어야 때 솔루션의 생산. 그림 문제는 주로의 크기 문제, 어디에 우리가 도입 되 고 또 다른 카테고리의 코드 최적화 부분에 이미지 최적화를 넣어, 그림 최적화 및 코드 최적화 콘텐츠 때문에 같은 목적. 웹 페이지는 JPEG 및 GIF의 그림에 대 한 두 가지 형식에 일반적으로 적용 한다, 그림의 이러한 두 종류의 응용 프로그램은 매우 좋은, 적은 색상, 상대적으로 간단한 그림 (의 구성에 대 한 GIF (와 같은 일부 사진, 그라데이션 색상, 등), 사진 jpeg 더 많은 색상, 더 복잡 한 구성에 대 한 웹사이트의 로고와 같은 대형 컬러에 그림의 구성을 차단 합니다. GIF 그림은 특히 그 때 메모 내보내기, 또한 효과의 크기에 좋은 감소를 달성 하는 색상 수를 선택 합니다. 우리 또한 상대적으로 작은 그림으로 그것을 잘라 수 있는 더 큰 그림의 일부에 대 한 바느질이 웹 페이지의 다운로드 속도 또한 개선할 수 있습니다. 사용 하는 간단한 방법은 웹 페이지의 일부 가제트의 무게를 잃을 다운로드 속도 향상 웹 페이지의 크기를 줄이기 위해, 우리가 갈 수 있는 일부의 도구를 다운로드 그들은 20%를 줄이기 위해 귀하의 웹 페이지를 만들 수 있습니다 ~ 승수 효과 달성 하기 위해 50%. 테이블은 가장 중요 한 레이아웃 페이지의 브라우저는 페이지 코드를 읽을 때 참조 해야 합니다 전체 테이블 표시 됩니다,

큰 테이블, 작은 테이블 다음 브라우저의 많은 포함 하는 경우는 전체 콘텐츠를 표시 하기 위해 전체 큰 테이블을 읽는 것입니다. 우리는 시간의 페이지의 일부를 탐색 하에 자주 나타납니다 페이지 표시 됩니다, 그리고 마지막으로 "Stop" 버튼을 누르면 기다릴 수 없어, 페이지가 한 번에 표시 됩니다, 이것은 큰 테이블의 중첩 밖에 작은 테이블 그리고 작은 테이블은 테이블 전체 브라우저에 표시 되지 것입니다을 읽는 완료 읽은,이 크게 천천히 속도 탐색 하는 페이지. 그래서 우리 테이블 수준 최소화 큰 테이블의 한가운데에 작은 테이블을 중첩을 방지 하려고 하. 주목 해야 한다 또한 그 많은 쓰레기 코드, 일부 사용 하지 않는 코드의 삭제를 확인 하려면 주의 표시 종종 웹 페이지를 만들기 위해 드림위버를 사용 하는 경우. 웹 페이지 적응성은 다른 시스템, 다른 브라우저 및 다른 해상도에 적응 하는 능력. 해상도의 알고 있어야, 800 x 600 사용자 (해상도 800 x 600 디스플레이 크기 780 x 428, 해상도 1024 x 768 디스플레이 크기 1007 x 600), 최소 주의 해야 그래서 넓은 페이지 하지 이상 780, 허용 해서는 페이지를 가로 방향으로 끌어 사용자가.