어떻게 했는지 궁금하신가요? 워드 프레스 플러그인 사이트의 로딩 시간에 영향을 미치나요? 그만큼 워드 프레스 플러그인 사이트에 기능을 추가할 수 있지만 웹사이트 속도에 영향을 미칠 수도 있습니다. 이 튜토리얼에서는 다음 방법을 보여 드리겠습니다. 워드 프레스 플러그인 사이트 로딩 시간에 영향을 미치고 이를 더욱 효과적으로 제어할 수 있는 방법을 알아보세요.

플러그인 로딩 시간 수정 1

플러그인은 어떻게 작동합니까?

워드 프레스 플러그인은 워드 프레스 사이트 용 애플리케이션과 유사합니다. 연락처 양식, 사진 갤러리 또는 전자 상거래 상점과 같이 사이트에 더 많은 기능을 추가하기 위해 해당 기능을 설치할 수 있습니다.

누군가 귀하의 웹 사이트를 방문하면 WordPress는 먼저 핵심 파일을로드 한 다음 모든 활성 플러그인을로드합니다.

어떻게 플러그인 블로그에 영향을 미칠 수 있습니까?

Chaque 워드 프레스 플러그인 다양한 기능을 제공합니다. 이를 위해 일부 플러그인은 백그라운드에서 데이터베이스를 호출하는 반면 다른 플러그인은 CSS, JavaScript 파일 등과 같은 프론트엔드에서 파일을 로드합니다.

대부분의 플러그인은 스크립트, CSS 및 이미지와 같은 파일을로드하도록 HTTP 요청을합니다. 각 요청은 사이트 전체 페이지의 로딩 시간을 증가시킵니다.

올바르게 수행되면 성능에 미치는 영향이 너무 눈에 띄는 경우가 많습니다.

따라서 파일을 업로드하는 데 너무 많은 http 요청을하는 여러 플러그인을 사용하면 사이트 성능과 사용자 경험에 영향을 미칩니다.

WordPress 플러그인이로드 한 파일을 확인하는 방법은 무엇입니까?

플러그인이 페이지 로딩 시간에 어떤 영향을 미치는지 보려면 WordPress에서 이러한 플러그인이로드 한 파일을 확인해야합니다.

이를 파악하는 데 사용할 수있는 많은 도구가 있습니다.

브라우저 개발 도구를 사용할 수 있습니다 (Chrome "항목 검사"에서).

사이트를 방문하고 마우스 오른쪽 버튼을 클릭하여 " 검사 ". 개발 도구 패널이 열립니다.

"네트워크"탭을 클릭 한 다음 웹 사이트를 다시로드해야합니다. 로드 방법을 확인하고로드하는 모든 파일을 확인합니다.

네트워크 개발 도구

Pingdom 및 GTmetrix와 같은 타사 도구를 사용하여이를 확인할 수도 있습니다. 이 도구를 사용하면로드 된 모든 파일과로드하는 데 걸리는 시간을 볼 수 있습니다.

Pingdom 도구

몇 개의 플러그인을 설치해야합니까?

서로 다른 파일이로드 된 것을 보시면 얼마나 많은 플러그인 플러그인을 사용해야하는지 궁금하실 수 있습니다.

대답은 실제로 웹 사이트에서 사용하는 플러그인 세트에 따라 다릅니다.

하나의 잘못된 플러그인은 12 파일을로드 할 수 있지만 몇몇 좋은 플러그인은 몇 개의 추가 파일을 추가하기 만합니다.

잘 코딩 된 모든 플러그인은 업로드하는 파일을 최소한으로 유지하려고합니다. 그러나 모든 플러그인 개발자가 조심하는 것은 아닙니다. 일부 플러그인은 해당 파일이 필요하지 않은 경우에도 모든 페이지에 파일을로드합니다.

이러한 플러그인을 많이 사용하면 사이트 성능에 영향을주기 시작합니다.

플러그인을 통제하는 방법?

WordPress 사이트에서 할 수있는 가장 중요한 일은 잘 코딩되고 좋은 리뷰가 있으며 신뢰할 수있는 출처에서 추천하는 플러그인 만 사용하는 것입니다.

찾으면 워드 프레스 플러그인 사이트 로드 방식에 영향을 미치므로 동일한 작업을 수행하지만 더 나은 더 나은 플러그인을 찾으십시오.

그런 다음 사이트 성능 및 속도를 더욱 향상 시키려면 캐싱 및 CDN을 사용해야합니다.

고려해야 할 또 다른 요소는 웹 사이트 호스팅입니다. 호스팅 서버가 제대로 최적화되지 않은 경우 사이트의 응답 시간이 증가하지 않습니다.

이것은 플러그인뿐만 아니라 사이트의 전반적인 성능이 느려짐을 의미합니다. 최고의 WordPress 호스팅 중 하나를 사용하고 있는지 확인하십시오.

마지막 수단으로 사용하지 않는 플러그인을 제거 할 수 있습니다. 사이트에 설치된 플러그인을주의 깊게 살펴보고 제거 할 수 있는지 확인합니다. 블로그 속도에 맞서 기능을 손상시켜야하므로 이상적인 솔루션이 아닙니다.

WordPress에서 스타일 시트 플러그인 비활성화

먼저 등록을 취소 할 스타일 시트의 이름이나 핸들을 찾아야합니다. 도구를 사용하여 찾을 수 있습니다. " 요소를 검사 ".

브라우저 요소 검사

스타일 시트 핸들을 찾은 후 ' 등록 해제 이 코드를 파일에 추가함으로써 functions.php 테마 또는 플러그인의 기본 파일

ADD_ACTION ( 'wp_print_styles', 'my_deregister_styles'100); my_deregister_styles 함수 () {wp_deregister_style ( 'gdwpm_styles-CSS'); }

이 기능에서 원하는만큼 스타일 핸들을 "등록 취소"할 수 있습니다. 예를 들어, 스타일 시트를 "등록 취소"하려는 플러그인이 두 개 이상있는 경우 다음과 같이 할 수 있습니다.

ADD_ACTION ( 'wp_print_styles', 'my_deregister_styles'100); my_deregister_styles 함수 () {wp_deregister_style ( 'gdwpm_styles-CSS'); wp_deregister_style ( 'BFA ​​- - 최고 - CSS입니다'); wp_deregister_style ( '일부 - 기타 - 스타일 핸들'); }

이러한 스타일시트를 '등록 취소'하면 사이트의 플러그인 기능에 영향을 미칩니다. 삭제한 각 스타일 시트의 내용을 복사하여 스타일 시트에 붙여넣어야 합니다. 워드 프레스 테마 또는 사용자 정의 CSS로 추가하십시오.

자바 스크립트 플러그인 비활성화

스타일 시트와 마찬가지로 JavaScript 파일에서 "등록 취소"하는 데 사용하는 핸들을 찾아야합니다. 그러나 "를 사용하여 핸들을 찾을 수 없습니다. 검사 ".

이를 위해 플러그인 파일을 더 깊이 파고 들어 플러그인이 스크립트를로드하는 데 사용하는 핸들을 찾으십시오.

플러그인이 사용하는 모든 핸들을 찾는 또 다른 방법은이 코드를 테마의 functions.php 파일에 추가하는 것입니다.

function bpc_display_pluginhandles () {$ wp_scripts = wp_scripts (); $ 핸들 이름. = " "; foreach ($ wp_scripts-> 큐를 $ 핸들로) : $ handlename. = ' '. $ 핸들. ' '; endforeach; $ 핸들 이름. = " "; return $ handlename;} add_shortcode ( 'pluginhandles', 'bpc_display_pluginhandles');

이 코드를 추가 한 후 [pluginhandles] 단축 코드를 사용하여 플러그인 스크립트 핸들 목록을 표시 할 수 있습니다.

워드 프레스 스크립트 처리

이제 스크립트 핸들이 있으므로 아래 코드를 사용하여 쉽게 "등록 취소"할 수 있습니다.

ADD_ACTION ( 'wp_print_scripts', 'my_deregister_javascript'100); my_deregister_javascript 함수 () {wp_deregister_script ( '컨택트 폼 7'); }

이 코드를 사용하여 다음과 같이 여러 스크립트를 비활성화 할 수도 있습니다.

ADD_ACTION ( 'wp_print_scripts', 'my_deregister_javascript'100); my_deregister_javascript 함수 () {wp_deregister_script ( '컨택트 폼 7'); wp_deregister_script ( 'gdwpm_lightbox 스크립트'); wp_deregister_script ( '또 다른-플러그인 스크립트'); }

이제 앞서 언급했듯이 이러한 스크립트를 비활성화하면 플러그인이 제대로 작동하지 않습니다.

이를 피하려면 JavaScript 코드를 함께 결합해야하지만 때때로 제대로 작동하지 않으면 수행중인 작업을 알아야합니다.

이 튜토리얼이 전부입니다. 플러그인 개선 방법을 알게 되길 바랍니다. 궁금한 점이 있으면 언제든지 문의하십시오.