서버 응답 시간 단축 - seobeo eungdab sigan danchug

유지보수하고 있는 시스템의 문서 화면이 느려 원인을 분석해보니 무거운 자바스크립트 파일이 있었다. 특히 리포팅툴 관련 자바스크립트가 5MB나 된다. 

Client PC는 처음 이 자바스크립트 포함 여러 자바스크립트를 다운받는다고 응답시간이 30초 이상 걸린다. 만약 브라우저에 Caching 옵션이 없으면 매번 문서를 열때마다 응답시간이 30초 이상 소요 될 것이다.

먼저 시간이 오래걸리는 JS를 포함한 테스트 페이지를 구성했다.

서버 응답 시간 단축 - seobeo eungdab sigan danchug
5.1MB 다운받고 전체 1.22초가 소요됨

 자 이제 환경이 세팅이 되었으니 

이에 두 가지 해결책을 생각해봤다.

1. JS를 gzip으로 압축하여 응답시간 단축하기

WebtoB5 기준으로 HTH_THREAD절에 압축 설정을 해준다.

서버 응답 시간 단축 - seobeo eungdab sigan danchug
환경설정 파일 http.m에 설정한다.
서버 응답 시간 단축 - seobeo eungdab sigan danchug
결과는 1.22초 소요에서 557밀리초로 단축

간단하게 설명하면

HtmlsCompression="application/x-javascript"의 뜻은 javascript으로 요청이 들어오면 gzip으로 압축하여 전송하라는 의미이며, HtmlsCompressionMinSize = 5은 최소사이즈가 5M이상인 파일만 압축하라는 의미이다. 

2. 서버 메모리에 Cache하여 응답시간 단축하기

는 서버 메모리에 javascript 파일 등을 올려놓고 요청이 들어올때마다 쓰는 원리인데,

테스트의 제약사항이 일정 규모의 사용자가 있어야 하고 메모리의 여유가 있어야 한다. 되도록이면 첫번째 내용을 활용해서 적용 하시길 바란다.  2번 내용을 테스트해봐야 하는데 아직 포스팅하기에는 방법만 알고 자원부족등의 리스크가 있기때문에 필요하면 댓글로 남겨주시기 바란다.

  • 안내
  • 참조
  • 지원

서버 응답 시간 개선

컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.

이 규칙은 PageSpeed Insights에서 서버 응답 시간이 200 ms 이상임이 감지되면 트리거됩니다.

개요

서버 응답 시간은 서버에서 페이지 렌더링을 시작하기 위해 필요한 HTML을 로드하는 데 걸리는 시간에서 Google과 서버 간 네트워크 지연 시간을 차감하여 측정합니다. 실행할 때마다 변동이 있을 수 있지만 차이는 별로 크지 않습니다. 실제로 변동이 심한 서버 응답 시간은 기반 성능에 문제가 있음을 나타낼 수 있습니다.

권장사항

서버 응답 시간을 200 ms 아래로 줄여야 합니다. 서버의 응답 속도를 저하시키는 요인으로는 느린 애플리케이션 로직, 느린 데이터베이스 쿼리, 느린 라우팅, 프레임워크, 라이브러리, 리소스 CPU 부족 현상 또는 메모리 부족 현상 등 수십 가지가 있습니다. 서버의 응답 시간을 개선하려면 이러한 모든 요인을 고려해야 합니다. 서버 응답 시간이 높은 이유를 밝히기 위한 첫 단계는 측정입니다. 그런 다음 데이터를 갖추고 문제 해결 방법에 관한 적절한 가이드를 참조하세요. 문제를 해결한 후에도 서버 응답 시간을 계속 측정하여 향후 성능 병목 현상을 해결해야 합니다.

  1. 기존 성능과 데이터를 수집 및 검사합니다. 사용 가능한 성능과 데이터가 없으면 자동화된 웹 애플리케이션 모니터링 솔루션을 사용하여 평가하거나 맞춤 계측 도구를 추가하세요. 대부분의 플랫폼에서 사용할 수 있는 호스팅된 오픈소스 버전의 솔루션이 있습니다.
  2. 상위 성능 병목 현상을 식별 및 해결합니다. 많이 사용되는 웹 프레임워크나 콘텐츠 관리 플랫폼을 사용하는 경우 성능 최적화 권장사항 도움말을 참조하세요.
  3. 향후 있을 수 있는 성능 퇴행을 모니터링 및 경고합니다.

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.

Last updated 2018-01-25 UTC.

[{ "type": "thumb-down", "id": "missingTheInformationINeed", "label":"필요한 정보가 없음" },{ "type": "thumb-down", "id": "tooComplicatedTooManySteps", "label":"너무 복잡함/단계 수가 너무 많음" },{ "type": "thumb-down", "id": "outOfDate", "label":"오래됨" },{ "type": "thumb-down", "id": "translationIssue", "label":"번역 문제" },{ "type": "thumb-down", "id": "samplesCodeIssue", "label":"샘플/코드 문제" },{ "type": "thumb-down", "id": "otherDown", "label":"기타" }] [{ "type": "thumb-up", "id": "easyToUnderstand", "label":"이해하기 쉬움" },{ "type": "thumb-up", "id": "solvedMyProblem", "label":"문제가 해결됨" },{ "type": "thumb-up", "id": "otherUp", "label":"기타" }]

서버는 웹 페이지의 기본 부분입니다. 궁극적으로 방문자가 정보를 수신하고 해당 사이트를 탐색 할 수있게합니다. 문제가있는 경우로드 오류가 발생하고 잘못된 서비스를 제공하고 검색 엔진에 의해 불이익을받을 수 있습니다. 이 기사에서는 부하를 줄이고 개선하기위한 몇 가지 팁을 제공 할 것입니다. 서버 응답 시간 .

내용

  • 서버 응답 시간 단축
    • 가볍고 최적화 된 테마 설치
    • 한 번에 전체 웹을로드하지 마십시오
    • 너무 많은 플러그인을 설치하지 마십시오
    • 캐싱 도구 설치
    • SSD 디스크
    • 이미지를 최적화

서버 응답 시간 단축

서버의 응답 시간은 매우 중요 인자 웹 페이지 용 . 기본적으로 서버가 브라우저의 요청에 응답하는 데 걸리는 시간입니다. 이것은 사용자, 즉 방문자가 찾고있는 것을 더 짧거나 더 길게받을 수있게합니다.

서버 응답 시간 단축 - seobeo eungdab sigan danchug

웹 페이지가 빠르게로드 되려면 웹 페이지를 구성하고 최적화하는 방법에 영향을 줄뿐만 아니라 호스팅하는 서버의 응답에 따라 달라집니다. 좋은 서비스를 제공하기 위해서는이 응답 시간을 최대한 줄여야합니다.

가볍고 최적화 된 테마 설치

고려할 수있는 기본적인 사항은 가벼운 테마 그것은 우리가 사용하는 웹 서버에 상당한 부하를 의미하지 않습니다. 이러한 방식으로 가능한 한 빨리로드되고 방문자와 SEO에 영향을 미치는 대기 시간이 발생하지 않도록 할 수 있습니다.

따라서 우리가 사용하는 WordPress 테마를 최적화하는 것이 필수적입니다. 우리가 사용할 수있는 많은 옵션이 있지만,이 경우 페이지에 과부하가 걸리지 않는 가벼운 옵션이 우선합니다.

한 번에 전체 웹을로드하지 마십시오

서버 응답 시간을 줄이기 위해 염두에 두어야 할 또 다른 문제는 전체 웹을로드하지 않음 한 번에. 페이지에 들어갈 때 많은 경우 브라우저가 모든 콘텐츠를 다운로드해야합니다. 여기에는 이미지, 삽입 된 동영상, 보완 사항이 포함됩니다.

반면 다른 페이지에서는 방문자가 스크롤 할 때 사이트가 부분적으로로드되도록 플러그인을 설치할 수 있습니다. 이런 식으로 처음에는 페이지의 필수 요소를로드하고 나중에 나머지 이미지를로드합니다.

서버 응답 시간 단축 - seobeo eungdab sigan danchug

너무 많은 플러그인을 설치하지 마십시오

초보 유튜버의 흔한 실수가 많고 단시간에 모든 실수를 고칠 수는 없다. 따라서 해야 할 일은 하나씩 해결하고 가장 중요한 것부터 시작하는 것입니다. 플러그인 이전에 논의한 것과 같은 플러그인과 같이 페이지 로딩과 관련된 일부 측면을 선호하는 것은 매우 흥미 롭습니다. 그러나 설치 한 각 추가 기능이 로딩 문제를 일으킬 수도 있다는 점을 명심해야합니다. 더 많이 가질수록 더 나빠집니다.

이러한 이유로, 우리는 항상 긍정적 인 무언가에 기여할 것이고 그 반대가되지 않는 것을 설치하고 그 웹 사이트의 속도에 영향을 미치는 추가 된 부하를 가정해야합니다.

캐싱 도구 설치

WordPress에는 플러그인이 있습니다. 웹 캐시 따라서 로딩 속도가 향상됩니다. 다시 한 번 목표는 방문자가 사이트에 들어올 때 오래 기다리지 않고 최대한 빨리로드하는 것입니다.

예를 들면 WP-Rocket입니다. 페이지의 초기 로딩 시간 인 TTFB를 줄이는 데 도움이되는 플러그인입니다. 이런 식으로 우리는 검색 엔진에 유용 할 것으로 확신하는 몇 십분의 XNUMX 초를 스크래치 할 수 있습니다.

SSD 디스크

가장 진보 된 웹 서버는 SSD 디스크 . 이것은 또한 응답 속도를 향상시키는 데 도움이됩니다. 하루가 끝나면 HD 디스크로 파일을 복사하는 것과 SSD를 비교하는 것과 동일하며 속도의 차이를 알 수 있습니다.

웹 사이트를로드 할 때도 마찬가지입니다. SSD 디스크를 사용할 수있는 가능성을 제공하여 응답 시간을 개선하는 호스팅을 선택하는 것이 좋습니다. 이 모든 것이 우리 사이트를 더 빠르게 만들어줍니다.

이미지를 최적화

웹 페이지의 로딩 속도를 늦출 수있는 것이 있다면 그것은 형상 . 예를 들어 기사에는 여러 이미지가 포함될 수 있으며 사이트에 정적 인 이미지도 포함될 수 있습니다. 따라서 이러한 이미지를 최적화하는 것이 좋습니다. 과도한 품질을 잃지 않고 거의 차지하지 않는 것이 중요합니다.

이 사진이 덜 차지할수록 웹 사이트를로드하는 것이 좋습니다. 특히 많은 이미지를 업로드하려면 올바르게 최적화하는 것이 중요합니다.

간단히 말해, 웹 서버의 응답 시간을 줄이기위한 몇 가지 팁입니다. 몇 가지 기본적인 변경 사항은 장기적으로 해당 페이지를 더 잘 배치하고 방문자에게보다 최적의 응답을 제공하는 데 도움이 될 수 있습니다.

  • 서버
  • Web