WordPress에서 사용하지 않는 JavaScript를 제거하는 방법

WordPress 사용자라면 항상 웹사이트 속도를 높이는 방법을 찾고 있을 것입니다. 이를 수행하는 한 가지 방법은 사이트에서 사용하지 않는 JavaScript를 제거하는 것입니다. JavaScript는 웹 페이지를 대화형으로 만드는 데 도움이 되는 프로그래밍 언어입니다. 버튼을 클릭하고 팝업 창을 보는 것과 같은 작업을 수행할 수 있습니다. WordPress는 다른 프로그래밍 언어인 PHP로 작성되었습니다. 그러나 많은 WordPress 테마와 플러그인은 JavaScript를 사용합니다. 즉, 사이트에서 JavaScript를 사용하지 않더라도 페이지에 JavaScript 코드 가 로드될 가능성이 높습니다. 이 JavaScript 코드는 사이트 속도를 저하시킬 수 있으므로 사용하지 않는 코드를 제거하는 것이 중요합니다. 이 기사에서는 플러그인 없이 WordPress에서 사용하지 않는 JavaScript를 제거하는 방법을 보여줍니다.

Pagespeed의 Delay when first interaction 도구는 마케팅 및 기타 비필수 플러그인에서 사용하지 않는 Javascript를 제거하는 데 사용할 수 있습니다. WP Meteor는 사용자 상호 작용 후 Javascript를 로드할 수 있는 테스트를 거친 무료 최신 플러그인입니다. 자산 지연에 문제가 있는 경우 플러그인에 해당하는 정규식 또는 키워드를 사용할 수 있습니다. WP Rocket의 자바스크립트 지연 로직이 업데이트되어 인라인 스크립트를 포함한 모든 자바스크립트가 지연됩니다. 타사 플러그인을 지연하여 Pagespeed "타사 경고의 영향 감소"를 해결할 수도 있습니다. 웹사이트의 데스크톱 사용자가 90% 이상인 경우 모바일 메뉴 를 나중에 실행하는 것보다 일찍 실행하는 것이 더 나을 수 있습니다. 플러그인을 사용하지 않고 워드프레스에서 자바스크립트 및 CSS 파일을 제거할 수 없습니다.

자산 목록 레이아웃을 변경하여 자산의 크기에 따라 자산을 표시할 수 있습니다. 테스트 모드로 제거된 자산의 모든 조합을 실행할 수 있습니다. 함께 WP Meteor와 Autooptimize를 같은 프로그램에서 사용할 수 있습니다.

내 웹사이트에서 사용하지 않는 자바스크립트를 어떻게 제거합니까?

WordPress 기반 웹 사이트가 있는 경우 플러그인을 사용하여 페이지에서 사용하지 않는 JavaScript를 제거할 수 있습니다. AssetCleanUp과 함께 사용할 수 있는 AssetCleanUp을 사용하여 아직 사용하지 않는 JavaScript 파일을 비활성화할 수도 있습니다. 사용하지 않는 JS에 무슨 일이 일어나고 있는지 알고 싶다면 Chrome DevTools 를 사용하고 불필요한 파일을 삭제하십시오.

사용하지 않는 WordPress 코드는 어떻게 삭제합니까?

게시물 편집 화면에서 게시물 편집기 옆에 Asset CleanUp 이라는 상자가 표시됩니다. 방문자가 웹사이트의 특정 페이지를 볼 때 플러그인은 자동으로 해당 페이지와 관련된 모든 파일 및 자산을 가져와 나열합니다. 그런 다음 해당 페이지에서 필요하지 않은 사용하지 않는 CSS 또는 JavaScript 파일을 삭제할 수 있습니다.

WordPress에서 Javascript를 어떻게 비활성화합니까?

WordPress에서 JavaScript를 비활성화하는 방법을 알고 싶다면 사용할 수 있는 몇 가지 방법이 있습니다. 한 가지 방법은 단순히 테마 또는 하위 테마의 header.php 파일을 편집하고 JavaScript 파일 을 호출하는 코드 줄을 제거하는 것입니다. 또 다른 방법은 Disable JavaScript 또는 JS Disable과 같은 플러그인을 사용하는 것입니다.

WordPress에서 Javascript를 어떻게 비활성화합니까?

WP_deregister_script는 특정 페이지에서 원하지 않는 JS,CSS를 제거하는 데 사용할 수 있습니다. 다음 예제에서 설명하는 기능을 고려하면 좋습니다. 이 경우 플러그인에는 20개의 js 호출이 있습니다.

자산 정리로 사이트의 파일 크기 줄이기

Bootstrap, Foundation 또는 AngularJS와 같은 인기 있는 프레임워크를 사용하는 경우 페이지를 로드하는 데 필요하지 않은 많은 자산을 사용하고 있을 수 있습니다. "자산 정리" 동안 이러한 자산을 비활성화하여 사이트 파일 크기를 대폭 줄이고 페이지 로드 속도를 높일 수 있습니다.

WordPress 스크립트를 어떻게 제거합니까?

Head Cleaner는 WordPress의 머리글과 바닥글에서 CSS와 스크립트를 제거하는 데 사용되는 플러그인입니다. 플러그인은 설정의 플러그인 섹션에서 다운로드한 다음 출력이 필요하지 않은 스크립트를 선택할 수 있습니다.

WordPress에서 스타일시트 등록 취소 및 대기열에 추가

첫 번째 방법인 deregister_style()은 WordPress 스타일 엔진에서 스타일 시트를 제거합니다. 이 방법을 사용하여 플러그인이나 테마에서 스타일 시트를 삭제할 수 있지만 스타일 시트가 서버에서 삭제되는 것을 원하지 않습니다. 두 번째 함수인 Dequeue_style()은 WordPress 스타일 엔진을 사용하여 새 스타일 시트를 대기열에 추가합니다. 플러그인이나 테마에 스타일 시트를 추가하려는 경우 이 방법이 경우에 따라 유용할 수 있지만 기존 스타일 시트를 덮어쓰는 데 사용해서는 안 됩니다. deregister_style() 및 dequeue_style() 콜백 함수 모두에서 사용할 수 있는 세 번째 매개변수가 있습니다. 스타일 시트를 등록 취소하거나 큐에 넣을 때 이 함수를 호출할 수 있으며 필요한 모든 작업을 수행할 수 있습니다. 스타일 시트를 등록 취소하거나 대기열에서 빼 려면 먼저 삭제하거나 추가하려는 스타일 시트의 이름을 찾아야 합니다. 이러한 방식으로 get_style() 및 get_style_object() 함수를 사용하여 이를 수행할 수 있습니다. 워드프레스 스타일 시트는 스타일 시트와 관련된 스타일 객체의 이름을 반환함으로써 각각 get_style() 및 get_style_object() 메서드를 사용하여 액세스할 수 있습니다. 스타일 시트가 다음에 표시되고 원하는 위치에 배치됩니다. get_stylesheet() 및 get_stylesheet_object() 함수를 사용하는 것이 이를 수행하는 좋은 방법입니다. Get_stylesheet() 및 get_stylesheet_object()는 각각 스타일 시트의 경로를 반환합니다. 또는 deregister_style() 또는 dequeue_style() 메서드를 사용하여 WordPress에 스타일 시트를 제거하거나 추가할 수 있습니다. deregister_style()을 사용하여 스타일 시트를 등록 취소하려면 다음 코드가 필요합니다. 스타일 시트 br>은 등록을 취소해야 합니다. WordPress_dequeue_style(테마'my_css_file'); *br> 다음 코드에 설명된 대로 dequeue_style()을 사용하여 스타일 시트를 대기열에 넣으려면 다음 코드를 사용합니다. 이렇게 하려면 스타일 시트 *br*를 선택하십시오. 이 스타일은 WP_enqueue_style(my_css_file.css,'my_callback_function')에서 사용됩니다.