WordPress 웹 사이트의 렌더링 차단 JavaScript 및 CSS를 수정하는 방법

Google의 공식 발표 후 모든 사람들이 웹 사이트의 페이지 로딩 시간에 초점을 맞추기 시작했습니다. 구글에 따르면 페이지 로딩 시간이 3 초 이상인 웹 사이트는 SEO 친화적이지 않다고한다.


그리고 당신은 이미 웹 시대에 수백만 웹 사이트와 경쟁하는 것이 케이크 조각이 아니라는 것을 알고 있습니다. 귀하의 웹 사이트가 다른 웹 사이트보다 빠른지 확인해야합니다.

웹 사이트 속도를 최상위 웹 사이트와 비교하면 대부분의 사이트에 2 초 미만의 페이지 로딩 시간이 있기 때문에 부족할 수 있습니다.

이제 렌더링 차단에 대해 이야기하겠습니다. 모든 WordPress 플러그인에는 사용자 브라우저에서 업로드해야하는 CSS 또는 JavaScript 파일이 있습니다..

이는 이러한 CSS 및 JavaScript 파일이 웹 사이트를 느리게 만드는 것을 의미하며,이를 JavaScript 및 CSS의 렌더링 차단이라고합니다.

이 튜토리얼에서는 이러한 파일을 찾고 렌더 차단을 수정하는 방법을 배웁니다..

웹 사이트의 페이지 로딩 시간 분석

Pingdom Tools와 같은 속도 분석 도구를 사용할 수 있지만 여기에는 Google PageSpeed ​​Insights가 필요합니다. 사이트의 URL을 입력하고 분석을 클릭하십시오.

몇 초 안에 보고서를 볼 수 있습니다. 데스크탑의 페이지 로딩 시간을 개선하는 것이 좋습니다. 현재 점수 확인.

WordPress 웹 사이트의 렌더링 차단 JavaScript 및 CSS를 수정하는 방법

구글에 따르면 우수한 성능을 위해서는 점수가 89-100 사이 여야합니다. 그리고 나는 그것이 가능하다는 것을 말해야합니다 100.

제목으로 아래로 스크롤하면 "당신을위한 기회," 당신은 몇 가지 제안을 볼 수 있습니다. 어떤에서, 렌더 차단 리소스 제거 하나일지도 모른다.

WordPress 웹 사이트의 렌더링 차단 JavaScript 및 CSS를 수정하는 방법

리소스를 보려면 클릭하면 모든 CSS 및 JavaScript 파일을 볼 수 있습니다. 때때로, 당신은 어떤 캐시 파일을 볼 수 있습니다.

요점은 CSS 및 JavaScript 파일 최적화에 집중해야한다는 것입니다.

자동 최적화를 사용하여 CSS 및 JavaScript 파일 축소

Autoptimize는 WordPress 웹 사이트의 코딩 파일을 최적화하는 데 도움이되는 플러그인이라는 것을 이미 알고 있으므로이를 사용하여 렌더링 차단 JavaScript 및 CSS 파일을 수정할 수 있습니다.

이동 플러그인>>새로운 걸 더하다 검색 자동 최적화. 플러그인을 설치하고 활성화하십시오. WordPress 플러그인 설치 방법을 알고 싶습니다..

이제가 설정>>자동 최적화 JavaScript 및 CSS에 대한 옵션을 볼 수 있습니다. 확인란을 선택하십시오 자바 스크립트 및 CSS 최적화.

WordPress 웹 사이트의 렌더링 차단 JavaScript 및 CSS를 수정하는 방법

클릭 변경 사항을 저장하다 캐싱 플러그인이있는 경우 캐시 비우기 그렇지 않으면 변경 사항을 저장하다 단추.

이제 웹 사이트 점수를 다시 확인하십시오. 긍정적 인 결과를 얻으면 완벽합니다. 그렇지 않으면 W3 Total Cache와 같은 캐싱 플러그인을 사용하여 JavaScript 및 CSS 코드를 축소 할 수 있습니다.

W3 총 캐시 설치 및 활성화

W3 Total Cache를 WordPress 웹 사이트의 캐싱 플러그인으로 이미 사용하는 경우 웹 사이트 코드를 축소하기 위해 다른 플러그인이 필요하지 않습니다..

이동 공연>>일반 설정 아래로 스크롤하여 작게 하다 설정. 변경 사항을 활성화하고 저장하려면 확인란을 선택하십시오..

WordPress 웹 사이트의 렌더링 차단 JavaScript 및 CSS를 수정하는 방법

대부분의 경우 이러한 축소 설정은 문제를 해결합니다. 여전히 문제가 발생하면 렌더링 차단 JavaScript 및 CSS를 수정하기 위해 개발 된 특정 플러그인을 사용해야합니다..

내 웹 사이트의 경우 현재 점수를 볼 수 있습니다. 이것의 100 데스크탑 버전.

WordPress 웹 사이트의 렌더링 차단 JavaScript 및 CSS를 수정하는 방법

모바일 버전에 중점을 둔 경우 W3 Total Cache의 축소 설정에 스크립트와 CSS를 수동으로 추가 할 수 있습니다. 지금은 자동 옵션을 사용하여 사이트 성능을 확인하십시오..

렌더링 차단 JavaScript 및 CSS를 수정하는 아이디어를 얻었기를 바랍니다.

SEO 점수에서 웹 사이트 속도가 중요한 역할을한다는 것은 의심 할 여지가 없습니다. 페이지 로딩 시간이 좋지 않은 웹 사이트를 방문 할 때 관련 될 수 있습니다. 오래 기다리세요? 난 그렇게 생각하지 않아.

웹에는 수많은 옵션이 있습니다. 사이트가 느리면 다른 사람이 귀하보다 더 나은 사용자 경험을 제공합니다.

결론

렌더 차단 JavaScript 및 CSS 파일 수정의 주요 아이디어는 이러한 파일의 코드를 최소화하는 것입니다. 고급 개발자 인 경우 수동으로 JavaScript 및 CSS를 축소 할 수 있습니다.

그러나 WordPress를 사용하는 경우 이러한 작업을 수행하기위한 많은 플러그인이 있습니다..

다음 3 가지 WordPress 호스팅 서비스를 확인하십시오.

FastComet

시작 가격 :
$ 2.95


신뢰할 수 있음
9.7


가격
9.5


사용자 친화적
9.7


지원하다
9.7


풍모
9.6

리뷰 읽기

FastComet 방문

주인공

시작 가격 :
$ 0.99


신뢰할 수 있음
9.3


가격
9.3


사용자 친화적
9.4


지원하다
9.4


풍모
9.2

리뷰 읽기

Hostinger 방문

A2 호스팅

시작 가격 :
$ 3.92


신뢰할 수 있음
9.3


가격
9.0


사용자 친화적
9.3


지원하다
9.3


풍모
9.3

리뷰 읽기

A2 호스팅 방문

관련 사용법 기사

  • cPanel을 사용하여 WordPress 사이트에 wp-cron.php 파일을 비활성화하는 방법
    전문가
  • WordPress에 WP Super Cache 플러그인 설치 및 구성 방법
    초보자
  • WP-Sweep을 사용하여 WordPress 데이터베이스를 최적화하는 방법
    초보자
  • WordPress 준비 웹 사이트를 설정하는 방법
    중급
  • WP 보안 감사 로그 WordPress 플러그인 사용 방법
    중급
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me