워드 프레스에서 최적화하는 25 가지 외부 스크립트 : 글꼴, 분석, YouTube 동영상, WooCommerce, 타사 스크립트 속도 향상

아르 외부 스크립트 워드 프레스 사이트 속도 저하?


Google Fonts, Analytics, 내장 YouTube 비디오, 채용 공고, Gravatars, 댓글 및 소셜 공유 플러그인 등 웹 사이트 외부에서 정보를 가져 오는 모든 항목.

파일을 로컬로 호스팅 (글꼴, 분석, Facebook Pixel)하고 Asset CleanUp 플러그인을 사용하여 스크립트를 선택적으로 비활성화하고 사전 연결 및 프리 페치와 같은 브라우저 힌트를 추가하여 WordPress에서 외부 스크립트를 최적화 할 수 있습니다. 속도가 중요한 경우 일부 플러그인 및 스크립트 (예 : 애드 센스)는 일반적으로 사용하지 않아야합니다. 남은 것이 무엇이든, 성능의 희생이 가치가 있는지 여부와 그것을 삭제하거나 대안을 찾아야하는지 결정하십시오..

외부 스크립트는 거의 항상 DNS 조회 감소에서 GTmetrix의 오류를 표시합니다.

워드 프레스 외부 스크립트

타사 스크립트를 최적화하는 방법은 다음과 같습니다.

Contents

1. 외부 스크립트 찾기

GTmetrix
GTmetrix (권장하는 도구)를 통해 웹 사이트를 실행하고 PageSpeed ​​및 YSlow 탭을 확인하십시오. 항목을 확장하고 보고서 전체에 동일한 외부 스크립트 (또는 플러그인)가 여러 번 표시되는 경우 WordPress 사이트 속도가 느려질 수 있습니다. GTmetrix Waterfall 탭을 사용하여 각 리소스를로드하는 데 걸리는 시간을 확인할 수도 있습니다.

워드 프레스 외부 스크립트

쿼리 모니터
쿼리 모니터 가장 느린 로딩 스크립트, 스타일 및 플러그인을 볼 수 있습니다.

쿼리 모니터 스크립트

쿼리 모니터 느린 플러그인

2. 사용하지 않는 스크립트, 스타일, 플러그인 비활성화

일부 플러그인은 사용 여부에 관계없이 전체 웹 사이트에로드됩니다.

자산 정리 특정 컨텐츠에서 불필요한 스크립트, 스타일 및 플러그인을 선택적으로 비활성화 할 수 있습니다. 이로 인해로드 시간이 단축되고 HTTP 요청. 또한 글꼴을 로컬에서 호스팅하고, 사전 연결, 사전로드 및 사용하지 않는 WordPress 기능을 비활성화 할 수 있습니다.

플러그인을 설치하고 페이지를 편집 한 다음 해당 페이지에서 사용되지 않는 플러그인 또는 요청을 비활성화하십시오.

외부 타사 스크립트

워드 프레스 외부 스크립트 비활성화

자산 정리 기능 :

  • 특정 컨텐츠에서 사용하지 않는 스크립트 / 플러그인 비활성화
  • CSS + JavaScript 축소, 결합, 지연 및 캐시
  • 글꼴을 로컬에서 사전 연결, 사전로드, 결합 및 호스트
  • 파일이 최적화되도록 CDN URL 다시 쓰기 사용
  • 퍼가기, 대시 아이콘, 일반적으로 사용되지 않는 기능 비활성화
  • XML-RPC 프로토콜 지원을 부분적으로 또는 완전히 비활성화
  • 에서 불필요한 코드를 제거하여 HTML 최적화
  • 사이트 전체, 게시물 유형 또는 RegEx (프리미엄 기능)별로 1 페이지 언로드

선택적으로 플러그인 비활성화 (예제)

  • 슬라이더가없는 컨텐츠에서 슬라이더 플러그인 비활성화
  • 리치 스 니펫이없는 콘텐츠에서 리치 스 니펫 플러그인 사용 안함
  • 연락처 양식없이 콘텐츠에서 연락처 양식 플러그인 비활성화
  • 표시되지 않는 애드 센스 또는 제휴사 링크 사용 중지
  • 모든 페이지에서 소셜 공유 플러그인 사용 안함 (일반적으로 블로그 게시물이므로)
  • 전자 상거래 이외의 페이지에서 WooCommerce 스크립트, 스타일, 장바구니 조각 사용 안함

3. 외부 스크립트 사전 연결, 프리 페치 및 사전로드

선택적으로 비활성화 할 수없는 스크립트의 경우 사전 연결하면 브라우저가 스크립트를 예측하는 데 도움이됩니다. GTmetrix 점수는 향상시키지 않지만 외부 스크립트의로드 시간을 향상시킬 수 있습니다..

프리 * 파티 리소스 힌트 DNS 프리 페치, 프리 렌더, 프리 커넥트, 프리 페치 및 프리로드를 지원합니다. 브라우저 리소스 힌트. WP Rocket은 외부 리소스를 더 빨리 그리고 내 지식으로로드하는 데 도움을줍니다. WP Rocket은 사전로드 및 프리 페치 만 지원하지만 사전 연결은 지원하지 않습니다..

정의 (크레딧 : WP 로켓)

  • 사전 연결: 브라우저가 외부 자원에 연결하도록 지시합니다..
  • 프리 페치: 사용자가 요청할 수있는 예상 파일을 다운로드하도록 브라우저에 지시합니다..
  • DNS 프리 페치: 사용자가 탐색하는 동안 브라우저가 백그라운드에서 DNS 조회를 수행합니다..
  • 프리 렌더: 사용자 브라우징 패턴에 따라 전체 페이지를 다운로드하도록 브라우저에 지시합니다..
  • 예압: 탐색 자원이 필요하다는 것을 브라우저에 알리고 최대한 빨리 가져옵니다..

1 단계: 웹 사이트에서 사용하는 모든 외부 도메인을 복사합니다 (GTmetrix 및 Query Monitor 보고서에서 확인). 그렇지 않은 경우 다음 목록이 있습니다. 프리 페치 할 공통 도메인 Github에서 :

2 단계: Pre * Party Resource Hints 플러그인에 추가하십시오.

사전 파티 리소스 힌트

WP Rocket을 사용하는 경우 프리로드 탭에서 프리 페치를 가져올 수 있습니다.

프리 페치 -DNS- 요청

4. 자바 스크립트 파싱 연기

자바 스크립트 파싱 연기 다른 모든 것이 다운로드 될 때까지 브라우저가 JavaScript 다운로드를 기다리도록 지시합니다..

WP 로켓을 사용하는 경우 JavaScript로드 지연 파일 최적화 탭에서 :

JavaScript로드 지연

캐시 플러그인이이를 지원하지 않는 경우 비동기 JavaScript 플러그인:

비동기 자바 스크립트

5. Google 글꼴을 로컬에서 호스팅

로컬에서 글꼴을 호스팅하면 GTmetrix에서 대부분의 글꼴 관련 오류를 수정해야합니다..

당신은 이것을 사용하여 이것을 할 수 있습니다 자체 호스팅 Google 글꼴, OMGF, 또는 자산 정리.

그러나 글꼴을 최적화하는 가장 좋은 방법은 Google Fonts 웹 사이트에서 직접 글꼴을 다운로드하고 다음과 같은 도구를 사용하여 웹 글꼴 파일로 변환하는 것입니다 트랜스 폰터, 그런 다음 CSS에 추가하십시오. 글꼴과 가중치를 최소화해야합니다. 각 글꼴은 요청을 추가 할 수 있습니다..

Google- 글꼴 -GTmetrix

1 단계: Google Fonts에서 글꼴을 다운로드하십시오..

2 단계: Transfonter를 사용하여 웹 글꼴 파일로 변환.

Transfonter-Google-Font-Conversion

3 단계: 웹 글꼴 파일을 wp-content / uploads에 업로드.

예:

  • http://yourwebsite.com/wp-content/uploads/fonts/Roboto-Regular.woff
  • http://yourwebsite.com/wp-content/uploads/fonts/Roboto-Regular.woff2
  • http://yourwebsite.com/wp-content/uploads/fonts/Roboto-Bold.woff
  • http://yourwebsite.com/wp-content/uploads/fonts/Roboto-Bold.woff2

4 단계: CSS에 사용자 정의 글꼴 추가.

stylesheet.css의 기본 URL :
src : url ( ‘Roboto-Bold.woff2’) 형식 ( ‘woff2’),
url ( ‘Roboto-Bold.woff’) 형식 ( ‘woff’);

이것을 다음과 같이 변경하십시오.
src : url ( ‘http://yourwebsite.com/wp-content/uploads/fonts/Roboto-Regular.woff2 ‘) 형식 (‘woff2 ‘),
url ( ‘http://yourwebsite.com/wp-content/uploads/fonts/Roboto-Regular.woff ‘) 형식 (‘woff ‘);

5 단계: WordPress 텍스트 편집기에서 글꼴을 테스트하십시오..

테스팅

맞춤 글꼴 테스트

맞춤 글꼴 테스트

6. Google 웹 로그 분석을 로컬로 호스팅

당신이 볼 경우 브라우저 캐싱 활용 Google 웹 로그 분석 추적 코드를 로컬로 호스팅하면 문제가 해결됩니다. 당신이 사용할 수있는 WP 로켓의 Google 추적, CAOS 분석, 또는 WP 비활성화.

브라우져 캐싱-구글-분석

7. 모든 비용으로 Google AdSense 사용 금지

Google 애드 센스는 최적화하기 가장 어려운 외부 리소스 중 하나이므로 사이트 속도가 느려지지 않고 수익성이 높고 개인성이 높기 때문에 대신 제휴 마케팅을 권장합니다. 나는 보통 제휴 마케팅으로 130k + / 년을 쳤으므로 그 가이드를 반드시 읽으십시오.

골드 제품 전문가 말한다:

“보통 개선 할 수있는 것들이 있지만 궁극적으로 결정은 절충의 결정입니다. 수익 창출은 속도 손실을 보상합니까?”

Kinsta 말한다:

“따라서 수입 모델이 제 3 자 광고를 중심으로하지 않는 한 WordPress 사이트에 올리지 마십시오.”

Cloudflare Railgun 동적 콘텐츠의 속도를 높이기 때문에 애드 센스를 최적화하는 또 다른 옵션입니다..

Cloudflare Railgun

8. 연락처 페이지에서 Google지도 만 사용

좋아 보인다?

지도를 삽입하는 대신 운전 경로 링크가있는 이미지를 사용하십시오..

퍼가는 경우 필요한 페이지 (연락처 페이지 및 실제 위치를 타겟팅하는 페이지)에서만 Google지도를 사용하십시오. 바닥 글, 위젯 또는 사이트 전체에 표시되는 영역에.

구글지도

9. Google 태그 관리자에서 과장하지 마십시오

일부 사용자는 Google 태그 관리자가 실제로 웹 사이트 속도를 높일 수 있다고 주장합니다. 사이트의 모든 자바 스크립트를 가져 와서 하나의 단일 스크립트로 대체하므로 GTM에서 실행됩니다..

그러나 실제로는 많은 타사 스크립트를 사용하는 최적화되지 않은 대형 사이트가없는 경우 Google 태그 관리자가 사이트 속도를 늦출 수 있습니다.이 경우 GTM이 속도를 높일 수 있습니다.

Google 태그 관리자 속도

회피 일반적인 함정 너무 많은 태그를 사용하지 않으면 도움이 될 수 있지만 GTM은 사용하지 않습니다. 사실 나는 솔직히 시도한 적이 없다. 그러나 나는 많은 가난한 GTmetrix 보고서에서 그것을 보았습니다..

나는 또한 추천 워드 프레스 플러그인 용 Google 태그 관리자 각 페이지에 필요한 태그 만 실행하고 (GTM의로드 시간을 단축) 코드를 쉽게 추가 할 수 있습니다..

10. 소셜 미디어 게시물을 스크린 샷으로 교체

포함 된 게시물 (예 : 트윗)은 스크린 샷으로 대체 될 수 있습니다..

시간이 좀 걸리지 만 실제로는 정말 멋지게 보일 수 있습니다. 이 이미지는 이미지이므로 Twitter에서 정보를 가져올 필요가 없으므로 임베딩보다 훨씬 빠르게로드됩니다..

2019 호스팅 설문 조사

2017-WordPress-Hosting-FB-Poll

Elementor 호스팅 권장 사항

2019 년 7 월 호스팅 권장 사항

2016-WordPress-Hosting-FB-Poll

Elementor를위한 좋아하는 호스팅

2018 호스팅 권장 사항

내가 한 방법
내 블로그에서 2 열 레이아웃 각 열을 340 픽셀 (폭)로 측정했습니다. 다음으로 Chrome 확장 프로그램과 결합 멋진 스크린 샷 줌의 좋은 스크린 샷을 얻기 위해 필요한 줌 %를 배우기 위해. 각 트윗의 스크린 샷을 찍은 다음 정확히 340 픽셀로 자릅니다. 다음으로 모든 스크린 샷을 비교하여 높이가 비슷한 스크린 샷을 확인한 다음 자르거나 조작하여 두 스크린 샷의 높이가 동일했습니다. 너비 / 높이가 같은 두 개의 트윗이 있으면 열에서 나란히 보입니다..

그리고 그렇습니다, 나는 추천한다 SiteGround 호스팅 또는 Cloudways / Kinsta. 잘못된 호스팅 리뷰가 많이 있습니다. Facebook 설문 조사를 보면 우승자가 누구인지 볼 수 있습니다..

11. 게으른로드 YouTube 동영상

내장 비디오는로드 시간을 2 초 이상 쉽게 추가 할 수 있습니다.

지연 로딩 및 iframe을 미리보기 이미지로 교체하여 동영상을 최적화 할 수 있으므로 사람들이 재생 버튼을 클릭 한 후에 만로드됩니다 (아래의 예시 동영상)..

둘 다 WP 로켓에서 수행 할 수 있습니다.

WP- 로켓-지연 부하

WP YouTube Lyte 또 다른 좋은 옵션이며 간단한 YouTube 내장 (재생 버튼을 클릭 할 때 ‘뚱뚱한 YouTube 플레이어’호출) 및 로컬로 YouTube 미리보기 이미지 캐싱 지원.

또는이 간단한 YouTube 임베드에 대한 자습서 사용할 수 있습니다.

12. 그라바타 비활성화

블로그 댓글이 많은 경우, 그라바타 정말 게시물을 느리게 할 수 있습니다.

나는 궁극적으로 주석에 얼굴이 표시되지 않음을 의미하는 Gravatars를 비활성화하기로 결정했습니다.. WP 로켓의 블로그 Gravatars를 사용하지 않습니다 (텍스트 만). 다소 지루해 보일 수 있지만 속도가 중요한 경우 CSS로 주석의 스타일을 지정하고 Gravatar를 비활성화 할 수 있습니다. Gravatar 캐시 플러그인은 저에게 효과적이지 않았으며 주석을 숨기거나 나누고 싶지 않았습니다..

몇 가지 옵션이 있습니다.

  • 그라바타 비활성화 (텍스트, 날짜 만 표시)
  • Optimum, Harrys 또는 FV를 사용하여 Gravatar를 캐시하십시오 (저에게는 효과가 없었습니다).
  • 주석을 여러 페이지로 나누면 몇 개의 Gravatar 만 표시됩니다.

저는 그라바타를 사용하지 않습니다 :

Gravatars가없는 설명

13. 통계 플러그인 비활성화

통계를 수집하기 위해 플러그인을 사용하고 있습니까?

사이트 속도가 느려지므로 플러그인이 필요하지 않습니다..

웹 사이트 속도를 늦추지 않으면 서 Google 웹 로그 분석 + Google 검색 콘솔에 필요한 모든 것을 볼 수 있습니다. JetPack, WP Statistics 또는 기타 통계 플러그인이 필요하지 않습니다..

Google 검색 콘솔 실적 대시 보드

14. 끊어진 링크 검사기 비활성화

Broken Link Checker는 진행중인 스캔을 실행하기 때문에 많은 호스트에서 차단되었습니다..

나는 여전히이 플러그인을 좋아하고 몇 달마다 설치 / 실행합니다. 그러나 완료되면 즉시 삭제합니다. 시도해 볼 수도 있습니다 닥터 링크 체크 또한 전체 웹 사이트에서 끊어진 링크를 검색하지만 끊어진 링크 검사기와 같이 WordPress 대시 보드에서 직접 링크를 수정할 수는 없습니다. 따라서 즉시 사용하고 삭제하거나 Dr. Link Check를 사용하십시오..

15. 사용하지 않는 JetPack 모듈 비활성화

먼저, 사용하지 않는 모든 JetPack 모듈을 비활성화하십시오.

그러나 몇 가지 기능 만 사용하는 경우 왜 강력한 플러그인을 설치 하시겠습니까? 통계가 필요한 경우 Google Analytics, 무료 CDN 용 Cloudflare, 백업용 UpdraftPlus, 지연 로딩 용 WP Rocket 및 보안을 위해 Wordfence, Sucuri 또는 iThemes Security를 ​​사용합니다.

부풀린 플러그인은 물론 모든 모듈이 필요하지는 않습니다..
필요한 기능의 우선 순위를 정하고 개별 플러그인을 설치하십시오. 결국, 그것은 가벼운 테마의 전체 개념입니다 (최소한의 기능으로 테마를 구입하고 필요한 것을 추가하기 위해 플러그인에 의존하십시오). 부풀어 오른 테마 또는 플러그인을 설치하지 말고 속도가 느려집니다..

1 단계: JetPack 대시 보드로 이동하여 아래로 스크롤 한 후 디버그를 클릭하십시오..

JetPack 디버그

2 단계: WordPress 사이트에서 사용 가능한 전체 JetPack 모듈 목록에 액세스.

JetPack 모듈 액세스

3 단계: 사용하지 않는 모든 모듈 비활성화.

JetPack 모듈

16. 높은 CPU 소셜 공유 플러그인 비활성화

소셜 공유 버튼은 Facebook, Twitter 등에서 공유 수를 가져와야합니다..

플러그인에 주기적으로 또는 피크가 아닌 시간에 업데이트 할 수있는 옵션이 있으면 실시간으로 업데이트하는 것보다 훨씬 좋습니다. 그러나 가장 소셜 공유 플러그인이 가장 빠르고 가벼운 것인지 알고 싶을 것입니다..

소셜 공유 플러그인 요청

추천 된 (가벼운) 소셜 공유 플러그인 :

17. 다른 고 CPU 플러그인 비활성화 및 교체

WP Engine, GoDaddy 및 기타 호스트 이유가 있습니다. 블랙리스트 특정 유형의 플러그인.

가장 느린 WordPress 플러그인에는 소셜 공유, 통계, 슬라이더, 백업, 페이지 빌더, 일정 관리, 채팅, 연락처 양식, 포트폴리오, 관련 게시물, 사이트 맵, Wordfence, WPML, WooCommerce, JetPack 및 지속적인 스캔 또는 프로세스를 실행하는 플러그인이 포함됩니다. 느린 플러그인은 Query Monitor 또는 GTmetrix Waterfall 보고서에서 찾을 수 있습니다..

  1. 이거 추가 해봐
  2. 애드 센스 클릭 사기 모니터링
  3. 올인원 이벤트 캘린더
  4. 백업 버디
  5. 비버 빌더
  6. 더 나은 WordPress Google XML 사이트 맵
  7. 끊어진 링크 검사기 (Dr. Link Check 사용)
  8. WordPress에 대한 지속적인 연락
  9. 문의 양식 7
  10. 상황에 맞는 관련 게시물
  11. Digi 자동 링크
  12. Disqus 댓글 시스템
  13. Divi Builder
  14. 필수 그리드
  15. 페이스 북 채팅
  16. 멋진 갤러리
  17. 퍼지 SEO 부스터
  18. Google 웹 로그 분석
  19. Google 언어 번역기
  20. 65 개의 저속한 워드 프레스 플러그인의 전체 목록보기

18. WooCommerce 스크립트, 스타일, 장바구니 조각 비활성화

모든 WooCommerce 사이트에는 추가 스크립트, 스타일 및 장바구니 조각이 제공됩니다.

이는 WooCommerce 이외의 페이지에서도 전체 웹 사이트에로드됩니다. 카트 조각만으로도 10 초 로드합니다. 위에 WooCommerce 스타일 시트 3 개 WooCommerce에 의해 생성 된 여러 개의 스크립트 (그리고 WooCommerce 사이트에는 일반적으로 더 많은 플러그인이 필요하다는 사실), 이러한 사이트의 대부분이 일반적으로 페이지로드 시간이 느린 것은 당연합니다..

WooCommerce 카트 조각

옵션 1 : 자산 정리
로드 할 필요가없는 페이지에서 WooCommerce 기능을 선택적으로 비활성화.

자산 정리 WooCommerce

옵션 2 : Github의 코드 사용
WooCommerce 스크립트 비활성화 : 이거 추가 해봐 암호 functions.php :

WooCommerce 스타일 비활성화 : WooCommerce의 참조 지도 시간.

WooCommerce 카트 조각 사용 안함 : 이거 추가 해봐 암호 funtions.php에 :

옵션 3 : 성능
Kinsta ‘s Perfmatters 플러그인 한 번의 클릭으로 모든 기능을 비활성화 할 수 있으며 풍모 불필요한 WordPress 기능을 비활성화하는 것처럼 사이트를 최적화합니다. 내 웹 사이트에서 사용합니다.

퍼포머 스 우 커머스 최적화

19. 조건부 하중 Disqus

Disqus 및 많은 주석 플러그인이 외부 요청을 생성 할 수 있음.

조건부 하중 Disqus 지연 로딩 및 스크립트 비활성화를 포함하는 Disqus의 고급 버전입니다. Disqus가 GTmetrix 보고서에서 요청을 작성하는 경우 대부분의 요청을 수정할 수 있습니다.

조건부 하중 Disqus

20. 선택적으로 접촉 양식 7로드

로드 시간이 느리기 때문에 Contact Form 7을 좋아하지는 않지만 연락처 양식을 사용하는 페이지에만 JavaScript + Contact Form 7 스타일 시트로드. 그렇지 않으면 모든 단일 페이지에로드됩니다. Gravity Forms 또는 더 빠른 다른 양식 플러그인을 제안합니다..

애셋 정리를 사용하여 연락처 양식을 사용하지 않는 페이지에서 연락처 양식을 비활성화 할 수도 있습니다.

자산 정리 선택적 비활성화

21. Facebook 픽셀 캐싱 사용

WP 로켓 페이스 북 픽셀 애드온 Facebook Pixel에 브라우징 캐싱을 적용 할 수 있습니다.

이것은 내 지식에 따라 Facebook Pixel을 최적화 할 수있는 유일한 방법입니다.이를 통해 다른 기능 중에서도 웹 사이트를 방문하는 사람을 추적하고 Facebook 광고를 사용하여 추적 할 수 있습니다..

페이스 북 픽셀 브라우저 캐싱

22. 캐시 플러그인을 올바르게 구성하십시오

비록 그래도 너무 중요, 대부분의 사람들은 캐시 플러그인을 올바르게 구성하지 않습니다.

많은 GTmetrix 오류는 캐시 플러그인이 처리 할 수있는 것들 (파일 축소 및 결합, JavaScript 지연, 캐싱, 만료 헤더 추가, 비디오 최적화, CDN에서 파일 제공, 로컬에서 Google Fonts + Analytics 호스팅)과 관련이있을 수 있습니다. 다른 캐시 플러그인에는 다른 기능이 포함되어 있으므로 모든 설정을 검토하고 적극적으로 테스트하여 기능을 활성화하면로드 시간이 단축되고 점수가 향상되는 방법을 확인해야합니다..

개인적으로 WP Rocket은 대부분의 캐시 플러그인 (글꼴, 분석 및 Facebook Pixel 호스팅, 지연 로딩 이미지 + 비디오, 데이터베이스 정리, 사전로드, 하트 비트 제어, Cloudflare 및 여러 CDN의 통합)이없는 많은 기능을 제공하기 때문에 개인적으로 사용합니다. StackPath와 같은). 그렇지 않으면 최적화를 위해 추가 플러그인 7 개를 설치해야 할 수 있습니다.

캐시 플러그인 튜토리얼 :

WP 로켓 파일 최적화

23. CDN은 도움이되지 않습니다

CDN은 파일을 최적화하는 데 적합합니다. 너의 워드 프레스 사이트.

그러나 외부 스크립트로는 도움이되지 않습니다. CDN이 다른 많은 것들을 도울 수 있지만 외부 스크립트는 그중 하나가 아니라고 StackPath에 메시지를 보냈습니다. 웹 사이트를 호스팅하지 않은 것을 어떻게 오프로드 할 수 있습니까? 글쎄, 적어도 그들은 정직했다.

나는 아직도 추천한다 구름 플레어 StackPath는 리소스를 데이터 센터로 오프로드하고 (서버를보다 편안하게 만드는) Cloudflare 페이지 규칙, 핫 링크 보호 및 보안 기능과 같은 기능을 사용하여 웹 사이트 속도를 높이고 보호하는 데 도움을주기 때문입니다. CDN이 많을수록 파일을 호스팅 할 수있는 데이터 센터가 많아 져 컨텐츠를 더욱 빠르게 제공 할 수 있습니다. 그래서 Cloudflare와 StackPath의 CDN을 모두 사용합니다..

24. Cloudflare 작업자 사용

노동자 개발자가 인프라를 구성하거나 유지 관리하지 않고도 기존 응용 프로그램을 보강하거나 새로운 응용 프로그램을 만들 수있는 JavaScript 실행 환경입니다. 요금은 월 $ 5 + 사용량입니다 (최초 1 천만 명의 작업자 제공 요청은 무료이며 백만 건당 $ .50). 특정 페이지, 하위 도메인 등을 실행하도록 작업자를 구성 할 수 있습니다.. 여기서 테스트 해보세요.

25. 느린 시간 동안 높은 CPU 작업 실행

백업, 깨진 링크 검사기 및 기타 높은 CPU 작업은 느린 시간 동안 실행해야합니다. 단순한.

자주 묻는 질문

&# x2705; 사이트 속도를 늦추는 타사 스크립트를 어떻게 찾습니까??

이들은 일반적으로 GTmetrix YSlow 탭의 DNS 조회 감소 섹션에 나타납니다. 가장 일반적인 타사 스크립트는 Google Fonts, Analytics, Maps, AdSense, Google Tag Manager, 소셜 미디어 요청, 내장 YouTube 비디오 및 Gravatar입니다..

&# x2705; Google Fonts를 최적화하는 방법?

Google 글꼴을 결합하여 로컬로 호스팅하는 것이 글꼴로드 속도를 높이는 가장 좋은 방법입니다. 글꼴을 미리 가져오고 미리 연결할 수도 있습니다. OMGF 플러그인을 사용해보십시오.

&# x2705; GTmetrix의 소셜 미디어 오류는 어떻습니까??

일반적으로 소셜 공유 버튼, 소셜 미디어 위젯 또는 사이트의 다른 소셜 미디어 요소로 인해 발생합니다. 이것들은 일반적으로 최적화 할 수 없습니다-가장 중요한 부분은 하나를 사용하기로 결정한 경우 가벼운 소셜 공유 플러그인을 선택하는 것입니다.

&# x2705; Google 웹 로그 분석의 레버리지 브라우저 캐싱 문제를 해결하는 방법?

WP Rocket (또는 사용중인 캐시 플러그인) 또는 CAOS Analytics 플러그인을 통해 Google 웹 로그 분석 추적 코드를 로컬로 호스팅 할 수 있습니다. 그러나이 오류를 수정하면 일반적으로로드 시간이 직접 향상되지는 않습니다..

&# x2705; 임베드 된 YouTube 비디오를 더 빠르게로드 할 수 있습니까??

예, WP Rocket 또는 WP YouTube Lyte와 같은 플러그인을 사용하면 비디오를 느리게로드하고 iframe을 미리보기 이미지로 바꿀 수 있습니다. 이로 인해 콘텐츠로드 시간을 몇 초 단축 할 수 있습니다.

GTmetrix는 지금 어떻게보고하고 있습니까??

내 홈페이지는 100 %이지만 내 게시물은 일반적으로 더 인상적입니다.

하루에 196 건의 요청이있는 6.28MB 페이지에서 1.7 초의로드 시간이 걸립니다..

원래 사이트 속도를 늦추는 외부 스크립트는 Google 글꼴, Google 웹 로그 분석, YouTube 동영상 포함, 트윗 포함으로, StackPath의 CDN 구성에 문제가있었습니다. 그러나이 게시물의 단계를 구현하고 플러그인을 두 번 희생하면 전체 WordPress 사이트가 일반적으로 엄청나게 빨리로드됩니다.. Cloudways 호스팅 또한 도왔다.

2019 GTmetrix 보고서

이 게시물을 100 %에서 보류하는 가장 중요한 것은 내장 된 Github 코드입니다. 하지만 이봐, 당신은 항상 완벽 할 수는 없습니다. 최소한 미리 연결된 프리 페치 목록에 Github이 있습니다.!

도움이 필요하다?

WordPress 속도 서비스에 대해 의견을 보내거나 팀에 문의하십시오..

건배,

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map