>  기사  >  웹 프론트엔드  >  심층 최적화 웹 사이트 액세스 속도를 향상시키는 몇 가지 팁_HTML/Xhtml_웹 페이지 제작

심층 최적화 웹 사이트 액세스 속도를 향상시키는 몇 가지 팁_HTML/Xhtml_웹 페이지 제작

WBOY
WBOY원래의
2016-05-16 16:44:131307검색

웹사이트 접속 속도는 웹사이트 트래픽에 직접적인 영향을 미칠 수 있으며, 웹사이트 방문은 웹사이트의 관심 사항과 거의 직결됩니다. 따라서 웹사이트 속도는 기업과 웹마스터에게 큰 관심사가 되었습니다. 요즘에는 웹사이트가 점점 더 많아지고 많은 친구의 웹사이트가 열리는 속도가 이상적이지 않습니다. 어쩌면 당신은 웹사이트를 매우 빨리 열지만, 다른 사람들은 당신의 웹사이트를 열었지만 속도가 너무 느릴 수도 있습니다. 이는 China Netcom, Telecom 등의 회선 문제로 인해 발생할 수도 있으나 대부분 속도에 영향을 미치는 당사 웹사이트 자체의 문제로 인한 것입니다. 웹사이트 접속 속도를 향상시키는 방법 몇 가지 주요 문제와 해결 방법에 대해 이야기해 보겠습니다.
가상 호스트를 사용하여 웹사이트를 구축하고 웹페이지 파일을 가상 공간에 저장하는 경우가 많습니다. 하지만 페이지 콘텐츠가 너무 많으면 웹사이트가 매우 느리게 열리는 경우가 있습니다. 공간을 활용하려면 웹페이지 코드를 최적화하여 만족스러운 속도를 얻는 것이 좋습니다. 다음은 홈 페이지를 만들 때 웹 페이지의 속도를 크게 향상시킬 수 있는 몇 가지 실용적인 방법을 요약한 것입니다.
 1. 페이지의 체중 감량에 도움이 되는 것을 기억하세요
웹 브라우징은 실제로 가상 호스트에 있는 웹 콘텐츠를 로컬 하드 드라이브에 다운로드한 후 브라우저를 사용하여 해석하고 보는 것입니다. 웹 페이지 다운로드 속도는 표시 속도의 큰 부분을 차지하므로 웹 페이지 자체가 차지하는 공간이 작을수록 탐색 속도가 빨라집니다. 이를 위해서는 웹 페이지를 만들 때 다음과 같은 단순성의 원칙을 따라야 합니다. 너무 큰 플래시 애니메이션, 사진 및 기타 리소스를 사용하지 마십시오. 깨끗하고 간결한 페이지는 사람들에게 명확성을 줍니다.
 2. 필요하지 않다면 정적 HTML 페이지를 사용해 보세요
우리 모두 알고 있듯이 ASP, PHP, JSP 및 기타 프로그램은 웹 페이지 정보의 동적 상호 작용을 실현하며 데이터 상호 작용이 뛰어나고 데이터베이스 내용에 쉽게 액세스하고 변경할 수 있기 때문에 실제로 실행이 매우 편리합니다. 포럼, 게시판 등 웹 사이트를 "동적"으로 만듭니다. 그러나 이러한 유형의 프로그램은 먼저 서버에서 처리되고 HTML 페이지를 생성한 다음 이를 브라우징을 위해 클라이언트에 "전송"해야 하며, 이는 일정량의 서버 리소스를 소비해야 합니다. 이런 종류의 프로그램을 가상호스트에서 너무 많이 사용하게 되면 웹페이지 표시 속도가 확실히 느려지므로 그럴 필요는 없으니 정적인 HTML 페이지를 사용해 보시기 바랍니다.
 3. 전체 페이지 내용을 테이블에 넣지 마세요
이것은 웹 디자인의 문제입니다. 통일된 페이지 정렬을 추구하기 위해 많은 웹마스터는 전체 페이지 내용을 테이블에 넣은 다음 셀 td를 사용하여 각 "블록"의 레이아웃을 나눕니다. 어떤 종류의 웹사이트는 정말 느립니다. Table은 내부의 모든 콘텐츠가 로드될 때까지 표시되지 않으므로 일부 콘텐츠에 액세스할 수 없는 경우 전체 페이지의 액세스 속도가 지연됩니다. 올바른 접근 방식은 콘텐츠를 하나의 테이블에 모두 담는 대신 동일한 형식의 여러 테이블로 나누는 것입니다.
 4. ASP, ASPX, PHP 및 기타 파일에 대한 액세스를 .js 참조로 변경합니다
ASP, ASPX, PHP 등의 프로그램을 설계할 때 이 점에 유의해야 합니다. 정적 HTML 페이지에 동적 데이터를 삽입하고 이러한 동적 데이터가 ASP, PHP 및 기타 프로그램에서 제공되는 경우 다음을 사용합니다. 설명 인용: 이 경우 누군가가 귀하의 웹사이트를 방문할 때마다 서버는 tongji.asp 파일을 실행 및 처리하고 데이터베이스에서 해당 데이터를 추출한 다음 이를 웹 페이지에 출력하여 표시합니다. 사람들이 동시에 방문하고, 수만 번 실행해야 하며, 그 결과는 상상할 수 있습니다. 이들 프로그램에서는 데이터를 1.js 파일로 동적으로 생성한 후 홈페이지에서 등의 코드를 통해 js 파일을 참조하는 것이 좋습니다. 이런 식으로 데이터 표시 작업은 서버 리소스를 소비하지 않는 클라이언트의 브라우저에 맡겨지며 표시 속도는 당연히 매우 빠릅니다!
5. iframe을 사용하여 다른 페이지 중첩
예를 들어, 웹사이트 홈페이지에 광고 코드를 삽입하고 싶지만 이러한 광고 웹사이트가 속도에 영향을 미치고 싶지 않다면 iframe을 사용하는 것이 가장 적합합니다. 예를 들어 http://www.aaa.com/ 홈페이지에 광고 코드를 삽입하는 방법은 다음과 같습니다. 이러한 광고 코드를 별도의 페이지에 넣은 후 다음 코드를 사용하여 페이지를 삽입합니다. 그러나 이렇게 하면 광고 페이지의 지연으로 인해 전체 홈페이지가 지연되지 않습니다.


여기서 http://www.aaa.com/ServerPart.asp는 참조 파일의 경로입니다.
 6. 웹사이트 카운터 코드 배치 기술에 주목
웹페이지에 카운터를 배치하면 웹사이트 트래픽을 계산하고 웹마스터와 광고주에게 액세스 기반을 제공할 수 있습니다. 그러나 웹사이트 통계 시스템이 아무리 강력하더라도 항상 실패할 수 있습니다. 통계 코드를 페이지 콘텐츠 바로 앞에 넣거나 테이블 또는 div 태그에 넣으면 카운터에 액세스할 수 없을 때 페이지의 테이블 또는 div에서 수십 초의 지연이 발생하여 페이지 접속에 오랜 시간이 걸립니다. 따라서 웹 사이트 속도를 향상시키기 위해서는 통계 코드 배치에 주의해야 합니다. 올바른 방법은 통계 코드를 페이지 하단에 배치하고 동일한 테이블이나 div 태그에 배치하지 않는 것입니다. 페이지 콘텐츠로. 통계코드를 페이지 코드 하단에 직접 배치하거나, ​​하단에 별도의 Table이나 div를 만들어 카운터를 배치할 수도 있습니다. 이런 방식으로 카운터에 접근할 수 없을 때 웹사이트 속도는 전혀 영향을 받지 않습니다.
 7. 친근한 링크에 대한 지식
웹사이트를 서로 연결하면 웹사이트의 홍보 효과가 높아질 수 있습니다. LOGO 사진을 연결하면 웹사이트의 주제와 포지셔닝을 보다 정확하게 표현할 수 있으며 홍보 효과도 크게 높아집니다. 그러나 너무 많은 사진 링크는 필연적으로 영향을 미칠 수 있습니다. 웹페이지 표시 속도. 많은 웹마스터들은 우정 웹사이트의 이미지 URL을 직접 인용하기를 좋아하므로 이미지를 표시하려면 먼저 이미지를 로드해야 합니다. 각 우정 웹사이트의 액세스 속도는 다르며 전체 테이블은 이미지가 다운로드될 때까지 기다려야 합니다. 표시되기 전에 페이지 속도가 크게 줄어듭니다. 따라서 친근한 링크를 만들 때 다음을 시도해야 합니다.
1. 텍스트 링크만 만들기: 텍스트 링크를 만들어도 웹페이지 속도가 느려지지 않습니다.
 2. 모든 링크를 별도의 페이지에 넣은 후 홈페이지의 페이지로 연결합니다.
3. 꼭 홈페이지에 친근한 링크가 나와야 한다면 링크가 있는 표 전체를 페이지 하단에 넣어주세요. 페이지는 위에서 아래로 한 줄씩 표시되기 때문에 하단에 넣어주세요. 페이지의 다른 콘텐츠 표시가 지연됩니다.
4. 먼저 친숙한 링크의 로고 이미지를 다운로드한 후 자신의 웹 공간에 전송합니다. 이렇게 하면 속도는 자신의 웹 공간에 따라 결정되며 친숙한 웹 사이트의 영향을 받지 않습니다.
 8. 홈페이지 공간 선택
위의 방법을 사용해도 공간 접근 속도가 이상적이지 않다면 웹사이트 공간 속도에 문제가 있을 수 있습니다. 웹사이트 공간을 선택할 때 다른 사용자가 웹사이트에 접속할 때 네트워크 문제로 인한 지연을 방지할 수 있도록 이중선 공간을 사용하는 것이 좋습니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.