코드 최적화는 페이지의 효율성을 높이기 위해 웹 페이지의 HTML 소스 코드에 필요한 조정을 하는 것입니다. 페이지가 최적화된 후에는 페이지의 중복 코드를 효과적으로 간소화하고 표시 속도를 높일 수 있습니다. 페이지 속도를 저하시키는 동시에 검색 엔진 서버의 저장 공간을 차지하므로 페이지의 사용자 경험과 검색 엔진 친화성을 향상시킬 수 있습니다. 페이지의 관련성을 향상시킵니다.
주요 단계: 코드 헤더 최적화, 중량 라벨 사용 및 이미지 최적화. 이 네 가지 링크 중에서 코드 합리화는 가장 기본적이고 기본입니다.
1. 코드 합리화란 페이지 크기를 줄이고 사용자 경험을 개선하며 페이지의 검색 엔진 최적화를 개선하기 위해 페이지의 코드를 지우거나 단순화하는 것을 의미합니다.
코드 간소화는 1. 정크 코드 정리 2. HTML 태그 변환 3. JS 최적화 및 테이블 최적화로 나뉩니다.
1.1 정크코드란 삭제하더라도 페이지의 정상적인 표시에 영향을 주지 않는 불필요한 코드를 말합니다. 이러한 코드는 공간을 많이 차지하므로 성능에 영향을 미칠 뿐만 아니라 검색 엔진의 계산 시간에도 영향을 미치므로 프론트페이지, Word, Dreamweaver를 사용하는 경우에는 직접 작성하는 것이 가장 좋습니다. , 기타 도구를 사용하여 작성하면 생성되는 가비지 코드가 많기 때문에 수동으로 정리하십시오.
1.2 HTML 태그 변환은 주로 짧은 태그를 사용하여 웹 페이지에서 동일한 효과를 얻는 긴 태그를 대체하는 것을 의미합니다. 예를 들어 2주 동안 글꼴을 굵게 표시했지만 2주 동안보다 문자가 5개 더 많아지면 중복되는 코드가 많이 생성됩니다.
1.3 CSS 최적화. CSS 최적화에는 주로 CSS가 호출되는 방식을 변경하고 CSS를 사용하여 중요한 콘텐츠에 대한 스타일을 정의하는 것을 방지하는 작업이 포함됩니다.
div+css를 사용하여 페이지를 생성하면 한편으로는 정크 코드를 방지하고 다른 한편으로는 중복 코드를 줄일 수 있습니다. 이 접근 방식은 검색 엔진에 매우 친숙합니다.
1.4js 최적화. Node.js는 검색 엔진에 매우 비우호적입니다. 현재 검색 엔진은 JavaScript로 생성된 페이지나 콘텐츠를 구문 분석할 수 없습니다. 따라서 js 스크립트를 사용하여 중요한 콘텐츠를 생성할 수 없습니다.
1.5 테이블 최적화, 기존 페이지에서는 기본적으로 테이블을 사용합니다. 그러나 이 방법은 검색 엔진에 매우 불리하므로 테이블 사용을 권장하지 않습니다.
실용적인 전투: 내 웹사이트 GSM 경보 시스템의 모든 페이지는 손으로 작성되었으며 중복 코드가 거의 없고 태그만 변환되었으며 긴 스티커 메모는 피하려고 노력합니다.
CSS 최적화도 있습니다. 모든 스타일을 외부 페이지에 배치하고 헤더에 참조만 추가하면 페이지 크기가 크게 줄어듭니다.
또한 div+css를 사용하여 각 페이지를 작성했습니다.
JS 최적화도 있습니다. 중요한 콘텐츠는 모두 JS를 사용하지 않습니다. JS는 일부 특수 효과를 표시하는 데만 사용됩니다. 그러나 JS 코드도 외부 페이지에 작성되며 페이지 하단에 참조를 추가해야 합니다. 헤더에 추가하지 마십시오. 헤더에 있으면 페이지 성능에도 영향을 미칩니다.
내 웹사이트 GSM 경보 시스템의 모든 페이지는 위의 규칙을 준수합니다. 위의 내용에 문제가 있는 경우 몇 가지 조언을 주시면 감사하겠습니다. 좋습니다. 오늘은 여기까지입니다. 다음 섹션에서 계속하겠습니다.
(담당 편집자 : momo) 작가 Qinglianzhiyao의 개인 공간