PHP에서 웹 페이지 로딩 속도를 향상시키는 방법-PHP 튜토리얼-php.cn

이 글은 주로 PHP에서 웹 페이지의 로딩 속도를 향상시키는 방법을 소개합니다. 이제는 도움이 필요한 친구들이 참고할 수 있도록 공유합니다.

관점에서 WEB 운영 원칙에 따라 IIS 요청은 상태를 유지하지 않으며 연결 및 종료는 항상 서버 측에서 진행됩니다. 서버 요청을 줄일 수 있으면 총 시간도 줄어듭니다.

이전에 163 메일박스 로그인 페이지 사진을 다운로드 받았을 때, 전체 페이지의 사진을 모두 완성하기 위해 한 장의 사진만 사용했다는 것을 알았습니다. 만들다. 그러나 브라우저 요청 수를 줄이기 위해 이렇게 하면 httpwatch를 사용하여 총 요청 시간이 크게 줄어드는 것을 알 수 있습니다. 같은 생각으로 CSS 스타일과 자바스크립트 코드를 만들 때, WEB 요청을 줄이기 위해 가능한 한 하나의 파일에 넣어야 합니다.

2. 페이지 압축 기술을 사용하면 JS 및 HTML 코드를 줄일 수 있습니다.

Jquery는 JS에서 가장 가벼운 클래스 라이브러리입니다. 원래 클래스 라이브러리는 242KB이지만 압축 후에는 91.6KB에 불과합니다. 일반적인 압축 도구에는 Google Closure Compiler, YUI Compressor, JsPacker 및 gzip이 포함됩니다. 저는 주로 압축률이 가장 높은 gzip을 사용합니다. jdk로 압축한 후 일부 공백이 제거되고 긴 변수 이름이 짧은 문자로 대체됩니다.

3. 스타일, 동작 및 구조의 분리.

페이지를 처음 방문할 때 사용자는 CSS 및 JS 코드를 다운로드할 수 있습니다. 처음에는 웹페이지 로딩 속도가 느려지지만 이후 페이지는 훨씬 빨라집니다. 사용자가 이 웹사이트의 다른 페이지를 방문하면 다른 페이지에서도 이 CSS 스타일과 JS 코드를 참조합니다. 브라우저는 해당 항목이 다운로드되었음을 확인하고 다음에 다운로드할 필요가 없습니다. 이를 통해 한 번의 다운로드와 후속 속도의 효과를 얻을 수 있습니다.

4. 저장 프로시저 사용

저장 프로시저를 실행하기 전에 데이터베이스에서 문법과 구문을 분석하여 최적화된 실행 계획을 제공합니다. 이 컴파일된 프로세스는 SQL 문의 성능을 크게 향상시킬 수 있습니다. SQL 문을 실행하는 작업이 대부분 완료되었으므로 저장 프로시저를 매우 빠르게 실행할 수 있습니다. 미리 컴파일된 이 SQL 문은 직접 실행될 수 있으며 쿼리 시간을 상당 부분 절약해 줍니다.

5. 세부 사항:

JS가 많은 경우 CSS 스타일을 맨 끝에 넣으세요. 이런 방식으로 페이지의 DOM 구조를 최대한 먼저 로드한 다음 사용자 경험을 향상시킬 수 있습니다. JS가 너무 크고 페이지가 완전히 로드되지 않은 경우 어떻게 사용자 경험이 있을 수 있습니까?

6. AJAX를 적절하게 사용하세요

요즘 Ajax는 다소 신화적인 것 같습니다. 웹 페이지에 Ajax가 필수라면 효율성 문제는 없을 것 같습니다. 사실 이것은 오해입니다. Ajax를 잘못 사용하면 웹 페이지의 효율성이 높아지지는 않지만 효율성이 저하됩니다. Ajax는 정말 좋은 것입니다. 하지만 너무 신화화하지 마십시오. 또한 Ajax를 사용할 때 위의 지침을 고려하십시오.

7. 스타일 도구에서 생성된 페이지 스타일 코드를 최대한 적게 사용하고 스타일 파일에 스타일을 직접 작성해 보세요. 가능한 한 일반적으로 작성해 보세요.

8. 페이지 캐싱

캐싱 기술은 대형 포털 사이트에서 사용되는 공간과 시간을 교환하는 기술입니다.

캐싱은 주로 데이터 읽기 속도를 높이기 위한 것입니다. 서버와 애플리케이션 클라이언트 사이에 트래픽 병목 현상이 있기 때문에 대용량 데이터를 읽을 때 캐시를 이용하여 클라이언트에 직접 서비스를 제공하면 클라이언트와 서버 간의 데이터 상호 작용을 줄여 보조 페이지의 액세스 속도를 크게 향상시킬 수 있습니다. . 프로그램의 효율성.

9. 웹사이트의 엔터티 태그 구성:

이 Etag는 사용자용이 아니라 브라우저 캐싱용입니다. Etag는 서버가 캐시의 콘텐츠가 변경되었는지 여부를 브라우저 캐시에 알리는 메커니즘입니다. 브라우저는 Etag를 통해 현재 캐시에 있는 콘텐츠가 최신인지, 서버에서 다시 다운로드해야 하는지 여부를 알 수 있습니다.

10. CDN 기술을 사용하세요.

온라인에서 물건을 다운로드할 때 CDN 기술을 사용하여 다운로드 속도와 안정성을 향상시키는 "남부 서버"와 "북부 서버"를 자주 볼 수 있습니다.

CDN의 정식 명칭은 Content Delivery Network, 즉 콘텐츠 유통 네트워크입니다. 데이터 전송 속도와 안정성에 영향을 줄 수 있는 인터넷상의 병목 현상과 링크를 최대한 방지하여 콘텐츠 전송이 더 빠르고 안정적으로 이루어질 수 있도록 하는 것이 기본 아이디어입니다. CDN 시스템은 네트워크 전체에 노드 서버를 배치하여 기존 인터넷을 기반으로 지능형 가상 네트워크 계층을 형성함으로써 네트워크 트래픽과 각 노드의 연결 및 부하 상태, 사용자와의 거리를 실시간으로 분석할 수 있습니다. 사용자의 요청을 사용자에게 가장 가까운 서비스 노드로 리디렉션하는 응답 시간 및 기타 포괄적인 정보입니다. 그 목적은 사용자가 근처에서 필요한 콘텐츠를 얻을 수 있도록 하고 인터넷 네트워크의 혼잡 상황을 해결하며 사용자의 웹 사이트 액세스 응답 속도를 향상시키는 것입니다(Baidu Encyclopedia에서).

11. Gzip을 사용하여 문서 압축:

GZIP 인코딩은 저장 공간을 줄일 뿐만 아니라 전송에 필요한 시간을 줄여 웹 페이지 성능을 향상시키는 데 사용되는 방법입니다. Gzip을 사용하여 웹사이트의 파일을 압축하면 웹페이지의 로딩 속도가 크게 향상되고 웹사이트의 대역폭 소비도 줄어들 수 있습니다.

12. 스타일 시트 파일은 외부에 배치됩니다.

페이지에서 사용해야 하는 JavaScript 및 CSS 스타일 시트 파일을 다른 폴더에 넣으세요. 이렇게 하면 호출된 파일이 웹사이트의 다른 페이지를 열 때 캐시되어 웹사이트 페이지의 로딩 속도가 빨라집니다.

13. JavaScript 파일의 무게 줄이기:

이 방법은 gzip 압축 기능과 다릅니다. 불필요한 공백 및 기타 태그를 제거하는 등 JavaScript 문서의 크기를 줄이는 방법은 많습니다. 스크립트 파일을 줄이면 웹 페이지의 액세스 속도가 크게 향상될 수 있습니다.

14. 이미지는 높이 및 너비 속성을 사용합니다.

각 이미지의 높이 및 너비 속성을 사용하면 브라우저는 이미지를 로드하기 전에 이미지의 길이와 너비를 알 수 있으며 이미지가 로드된 후에는 지정된 길이와 너비를 표시하도록 예약할 수 있습니다. 짐을 실은. 이 두 가지 속성이 없으면 브라우저는 이미지를 성공적으로 읽은 후 페이지 레이아웃 스타일을 다시 처리해야 하므로 웹페이지 로딩 속도가 확실히 느려집니다. 따라서 이미지 크기가 고정된 경우 높이 및 너비 속성을 사용하는 것이 가장 좋습니다.

15. CSS 파일 압축 및 슬리밍

p+CSS는 현재의 유연한 웹페이지 레이아웃 방법입니다. p는 요소를 정의하고 CSS는 표시 효과를 제어합니다. 그래서 우리는 외부에 링크된 하나 이상의 CSS 파일에 CSS를 작성하는 경우가 많으며 CSS 파일 코드에도 여러 줄이 있습니다. 일부 CSS 압축 도구를 사용하여 CSS 파일에서 반복되는 스타일, 공백 정의 등 불필요한 중복 콘텐츠를 제거하여 축소할 수 있습니다. CleanCSS 도구를 사용하여 CSS 파일을 압축해 볼 수 있습니다.

16. CSS와 JS 파일을 통합하여 HTTP 요청 수를 줄입니다.

요즘 웹 페이지에는 여러 이미지, CSS 외부 파일 링크, Javascript 외부 스크립트 링크가 있습니다. 따라서 웹페이지를 방문할 때 브라우저는 서버에서 이러한 파일을 여러 번 요청해야 합니다. 요청과 로드 사이에는 상당한 시간 차이가 있습니다. 특히 여러 개의 작은 그림과 아이콘 버튼이 있는 일부 웹 페이지의 경우 브라우저는 그림 수만큼 작은 파일을 요청해야 합니다. 이러한 작은 그림 파일을 너무 많이 요청하면 웹 페이지의 로딩 속도에 큰 영향을 미칩니다. 따라서 작은 그림을 큰 PNG 그림으로 결합한 다음 좌표를 통해 아이콘을 표시하도록 최선을 다해야 합니다. 한 번에 하나의 큰 이미지를 요청하는 것이 작은 이미지를 여러 번 요청하는 것보다 훨씬 빠릅니다. 마찬가지로 웹페이지 로딩 속도를 높이려면 CSS와 Javascript를 가능한 한 단일 파일로 결합하는 것이 가장 좋습니다.

17. 디렉토리 주소 뒤에 슬래시(/)를 추가하세요

방문자가 http://www.3haojob.com 디렉토리 주소에 액세스하기 위해 클릭하면 이 디렉토리에서 index.html 문서를 엽니다. 서버가 요청을 받으면 파일인지 디렉터리인지 분석하는 데 시간이 걸립니다. 그러나 끝에 슬래시(/)를 추가하면 서버는 사용자가 디렉토리 주소에 액세스하고 있음을 알게 된 다음 기본 문서 index.html 또는 index.php를 직접 로드합니다. 이런 방식으로 서버는 이 주소를 분석하는 데 시간을 소비할 필요가 없으며 이는 프로세스 속도를 높이는 데에도 일정한 역할을 합니다. 인력 파견

이상은 이 글의 전체 내용입니다. 모든 분들의 공부에 도움이 되었으면 좋겠습니다. 더 많은 관련 내용은 PHP 중국어 홈페이지를 주목해주세요!