워드프레스 5.6 버전 플러그인 중복 충돌 css,html,이미지 최적화

워드프레스 css,html,이미지 최적화 플러그인 중복 기능 사용하지 마세요.

 

워드프레스 플러그인 중복 충돌 css html
https://wordpress.org/ 로고

 

 

SEO 최적화에 필요한 요소들

 

워드프레스를 처음 접하시는 분들의 경우에 처음부터 난관에 봉착하는 것이 어떤 플러그인을 설치해야 하는지 일 것입니다. 처음 #워드프레스를 접하고 고수분들의 블로그를 넘나들며 어떤 프로그램을 설치해야 구글 #SEO에 최적화 될까 라는 고민을 했기 때문에 잘 알고 있습니다.

특히 수많은 #프로그램밍 언어인 c++, 자바, 파이썬 같은 종류의 프로그래밍 언어와 관련된 플러그인은 더욱 더 그러합니다.

저는 앞서 언급한 것 밖에 떠오르는 것이 없네요.

하여튼 이런 프로그램밍 언어들을 능숙 능란하게 다루시는 고수분들은 가볍게 가지고 노는 여유들을 가지고 계시지만 저와 같이 코드 1도 모르는 일반인이 워드프레스를 독학으로 배워가며 운영한다는 것은 많은 용기와 노력이 수반되어야 하는 어려운 일입니다. 아직까지도 여러분에게 보여지는 페이지도 구성 못하고 테마를 바꿔야 하나 고민 중이라면 말다 한 것 아니겠습니까?

제가 하고 싶은 이야기는 워드프레스를 사용하려면 SEO 최적화의 목적으로 필수적으로 깔아야 하는 #플러그인이 있습니다.

워드프레스 홈 페이지 : https://wordpress.org/

 

  • css 캐시
  • html 단축 축소
  • 가장 많이 고려되는 부분인 이미지 최적화 관련
  • 페이지 로딩, 모든 사이트의 캐시를 자동으로 생성
  • 모든 사이트의 캐시를 자동으로 생성
  • 결합 된 CSS 파일을 통해 HTTP 요청 감소
  • 재 방문자의 페이지 로드 시간 단축
  • 이모티콘 인라인 CSS 및 wp-emoji-release.min.js를 제거

 

플러그인 SEO 웹사이트 최적화 검색 최적화 css 캐시 html 단축 축소 가장 많이 고려되는 부분인 이미지 최적화 관련 페이지 로딩, 모든 사이트의 캐시를 자동으로 생성 모든 사이트의 캐시를 자동으로 생성 결합 된 CSS 파일을 통해 HTTP 요청 감소 재 방문자의 페이지 로드 시간 단축 이모티콘 인라인 CSS 및 wp-emoji-release.min.js를 제거

 

가장 많이 고려되는 몇 가지 부분만 추려 본 것 입니다. 아마도 워드프레스를 처음 접하시는 분들에게 가장 어려운 선택 부분 아닐까 합니다. 저 역시 많은 시간을 들인 부분이기도 하구요.

그런데 도대체 어떤 플러그인이 좋은지 어떤 것이 나에게 맞는 플러그인인지 도저히 알 수가 없습니다. 왜냐하면 이런 류의 영역은 일반인이 접근하기 쉽지 않은 부분의 영역이기 때문입니다. 그렇기 때문에 이 영역으로 처음 접근하신 분들은 많은 노력과 대가가 필요한 부분이기도 합니다.

지금도 온라인 구글에서 SEO 최적화 검색하면 수많은 글들이 올라옵니다. 대부분 정리가 잘 되어 있는 글이고 보면 많은 도움이 됩니다.

사용성과 편의성 #최적화성 등을 고려한 플러그인 들을 많이 소개하고 있죠. 그런데 초보자 입장에서 보면 좋다고 하니까 이것 저것 설치하게 마련입니다. 그럴 수 밖에 없는 것이 고수분들의 지식을 활용해야 할 필요성도 있고 프로그래밍 언어를 잘 다루는 분들의 노하우를 밴치 마킹 해야 하기 때문입니다.

 

 

대표적인 이미지, css, html 최적화

 

그런데 여기에서 함정이 존재한다는 것을 아시나요? 

지금 활성화 되어 사용되어지는 인기 있는 수 많은 것 들은 위에서 언급한 기능들을 대부분 중복으로 지원하는 플러그인들이 많습니다. 즉, 예를 들어 어떤 플러그인에는 CSS압축, 페이지 로드, HTML압축, 캐시 제거, 이미지 최적화 등의 SEO 최적화 기능을 제공하고 있는데 또 다른 플러그인은 앞의 기능들을 중복 기능을 포함하고 있는 것이 있다는 겁니다. 이것은 플러그인 개발하는 업체들끼리 경쟁력 있는 전략이기도 하기 때문에 서로 좋은 기능들을 내포하게 됩니다.

이러면 내가 사용하고 있는 플러그인들 중에 포함된 최적화 기능들 간에 충돌이 일어날 확률이 아주 높을 수 있다는 이야기가 됩니다. 이것은 워드프레스를 사용하는데 있어 가장 좋지 않은 나쁜 예라고 할 수 있습니다.

실제로 SEO 최적화 업체들은 권장하지 않고 있지만 일반 사람들은 이것 또한 알 수 있는 방법이 없습니다.

고수분들의 블로그를 통해서 알 수 있었지만 제공되는 플러그인들은 전부 영어로 되어있습니다. 그래서 영어를 해석하는데 어려움이 있었습니다. 언어는 구글 자동 번역  확장 프로그램 이용하면 되지만 특히 무엇보다도  용어에 대한 이해가 없는 것이 가장 큰 장벽 이였습니다.

지금 페이지에는 여러가지 플러그인이 중복 적용되어 있습니다. 여러가지 테스트 해보다가 저의 사이트의 글이 깨지고 PC 다운까지 되고 렉까지 많이 걸려 플러그인 기능들을 하나하나 찾아 보게 되었습니다. 이를 통해 제가 사용하는 것들 중에 중복  활성화되어있는 기능들이 있다는 것을 알고 드디어 서로 간의 충돌이 웹사이트에 얼마나 좋지 않은 영향이 있는지 알게 되었습니다.

여러분도 저 같이 안 좋은 예를 피하시기를 바라는 마음에서 제가 직접 사용하는 플러그인을 예로 들어 몇 가지 설명하겠습니다. 제가 개발자가 아니기 때문에 기술적으로 디테일한 것 까지는 설명 드리기 어려운 점 이해 하시기 바랍니다.

 

  • jetpack(젯팩)
  • 순위 수학 SEO(Rank Nath SEO)
  • WP 가장 빠른 캐시
  • WP-Optimize-정리, 압축, 캐시

 

웹사이트의 속도를 높이고 원활하게 구동 시킬 수 있는 가장 좋은 방법 중의 하나는 플러그인의 수를 최대한 줄이는 것 입니다. 하지만 어떤 기능이 필요하면 코딩을 몰라도 플러그인으로 쉽게 해결이 되기 때문에 많은 분들이 지금도 플러그인 사용합니다.

지금 저의 사이트에 적용되어 사용하고 있는 플러그인 입니다.

 

이미지 최적화 관련 중복 기능

css 캐시 html 단축 축소 가장 많이 고려되는 부분인 이미지 최적화 관련 페이지 로딩, 모든 사이트의 캐시를 자동으로 생성 모든 사이트의 캐시를 자동으로 생성 결합 된 CSS 파일을 통해 HTTP 요청 감소 재 방문자의 페이지 로드 시간 단축 이모티콘 인라인 CSS 및 wp-emoji-release.min.js를 제거
젯팩

 

이미지 최적화와 로드 시간 단축 등과 관련한 기능이 어떤 플러그인에 적용되어 알아 보겠습니다.

우선 【 jetpack(젯팩) 】 은 워드프레스 공식 대표 보안 프로그램입니다. 다른 기능들도 많지만 보안에 우선 중점을 두어 개발 된 느낌입니다. 여러가지 기능에서 활용도가 아주 높은 장점이 있습니다. 또한 이미지 로드 시간과 정적 파일 로드 시간이 빨라지게 하는 기능을 제공하고 있습니다.

젯팩 설정 >>> 성능 으로 가시면 아래 그림과 같은 기능을 제공합니다. 이미지 로드 시간이 빨라지고 정적 파일 CSS 및 자바스크립트 제공할 수 있도록 하여 페이지를 빠르게 로드 하는 기능을 제공합니다.

젯팩 이미지 최적화 페이지로드
젯팩 이미지 사이트 가속화 ▲

 

제공되는 이름만 다를 뿐 다른 것에서도 제공합니다. 이 기능을 제공하는 다른 플러그인에서 이 서비스가 활성화 되면 사이트가 느려지고 오류가 생길 수 있습니다. 잘 보시고 적용하시기 바랍니다. 같은 기능이 있는 것은 WP Fastest Cache, WP-Optimize – Clean 에서 역시 제공합니다.아래 이미지를 보세요.

이미지 최적화 css html 페이지 로드 워드프레스 5.6 버전 플러그인 중복 충돌 css,html,이미지 최적화
WP Fastest Cache 의 설정 ▲

 

이미지 최적화 css html 페이지 로드 워드프레스 5.6 버전 플러그인 중복 충돌 css,html,이미지 최적화
Autoptimize 의 이미지 변경 텝 ▲

 

 【 WP-Optimize Premium 】 에서도 기본 이미지 압축 기능이 있고 이미지 지연 로드, 페이지 로드 기능을 제공하지만 유료라서 무료를 사용하시는 분은 해당 없습니다.

 

 

이미지 로드(이모지 인라인 제거) 중복

이모지 이모티콘

 

또 하나의 기능 중에 그림 #이모티콘(이모지) 기능이 있습니다. 정확히는 무슨 작용인지는 모르겠으나 마우스 오른쪽 클릭하면 제일 상단에 나오는 #이모티콘 입력 메뉴입니다. #이모지를 사용해볼 일이 없어 해보지 않았지만 이것이 최적화와 무슨 연관이 있는지는 잘 모르겠습니다. 아시는 분 있으면 수정할 수 있게 피드백 주시기 바랍니다.

이것은 【 WP Fastest Cache 】 와 Autoptimize 이 지원합니다. WP-Optimize 3.1.6 버전에도 있는데 프리미엄 사용으로 사용할 수 있어 유로 사용 아니면 걱정할 필요 없습니다.

WP 최적화 3.1.6 워드프레스 5.6 버전 플러그인 중복 충돌 css,html,이미지 최적화
WP-Optimize 3.1.6 프리미엄 유료 버전 ▲
Autoptimize 이미지 최적화 이미지 로드 워드프레스 5.6 버전 플러그인 중복 충돌 css,html,이미지 최적화
Autoptimize 의 이미지 로드 변경란 ▲
이미지로드 비활성화 페이지로드 인라인 css 워드프레스 5.6 버전 플러그인 중복 충돌 css,html,이미지 최적화
WP Fastest Cache 의 이모티콘 비활성화 ▲

 

제공하는 이름과 설명은 다르게 보이지만 작동하는 원리는 같다고 봅니다. 중복으로 사용하면 안되겠습니다.

 

 

CSS, JavaScript 및 HTML 축소 중복

 

이것은 아마도 웹 사이트 SEO 최적화를 논할 때 가장 비중을 많이 차지하는 부분입니다. 저도 워드프레스 영역으로 접근하고 부터 이 언어들을 자주 접하게 되고 프로그래밍 언어의 조정에 따라 최적화가 천차만별 이라는 것을 새삼 느끼고 있습니다.

가장 많이 집약 되어 있는 플러그인은 WP Fastest Cache으로 다양한 서비스를 제공하고 있었습니다. 그래서 WP Fastest Cache 기준으로 설명 드리겠습니다.

보시다시피 CSS, JavaScript 및 HTML 와 관련하여 많은 도구들이 있습니다. 아래 이미지를 보십시오.

 

CSS, JavaScript 및 HTML
WP Fastest Cache 의 CSS, JavaScript 및 HTML 제공 도구들 ▲

 

한글로 번역하였습니다. 이미지 최적화, 프리미엄 등 지금 보시는 텝 이미지를 제외하고 제공하는 다른 텝은 전부 유료 서비스 이기 때문에 무료 쓰시는 분들은 해당 없습니다.

그럼 다른 플러그인은 어떤 기능을 제공 할까요? 보겠습니다.

WP-Optimize Premium 에서 웹 사이트의 JavaScript 및 CSS가 연결되어 축소되고 #HTML이 축소되는 기능을 제공합니다.

아래 이미지를 참고 하세요.

워드프레스 5.6 버전 플러그인 중복 충돌 css,html,이미지 최적화 https://biohealthlife.com/%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8-%ec%a4%91%eb%b3%b5-%ec%b6%a9%eb%8f%8c/

워드프레스 5.6 버전 플러그인 중복 충돌 css,html,이미지 최적화 https://biohealthlife.com/%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8-%ec%a4%91%eb%b3%b5-%ec%b6%a9%eb%8f%8c/

워드프레스 5.6 버전 플러그인 중복 충돌 css,html,이미지 최적화 https://biohealthlife.com/%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8-%ec%a4%91%eb%b3%b5-%ec%b6%a9%eb%8f%8c/
같은 기능을 제공하는 WP-Optimize Premium ▲

 

【 Autoptimize 】 에서도 유사한 기능이 있습니다.

워드프레스 5.6 버전 플러그인 중복 충돌 css,html,이미지 최적화 https://biohealthlife.com/%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8-%ec%a4%91%eb%b3%b5-%ec%b6%a9%eb%8f%8c/

워드프레스 5.6 버전 플러그인 중복 충돌 css,html,이미지 최적화 https://biohealthlife.com/%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8-%ec%a4%91%eb%b3%b5-%ec%b6%a9%eb%8f%8c/
Autoptimize css html 축소 도구 ▲

 

한글로 번역이 오류가 있어 정확히 이해는 못했지만 같은 원리의 도구라는 것은 미뤄 짐작 할 수 있습니다.

 

 

Gzip 압축 기능 중복

 

seo 최적화를 이야기할 때 이 기능 또한 빼 놓을 수 없습니다. 그러나 이 또한 많은 플러그인에서 중복 제공 됩니다.

WP-Optimize Premium 에서 설정에서 보면 #Gzip 압축 텝이 있습니다. 아래 사진을 보시죠.

워드프레스 5.6 버전 플러그인 중복 충돌 css,html,이미지 최적화 https://biohealthlife.com/%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8-%ec%a4%91%eb%b3%b5-%ec%b6%a9%eb%8f%8c/
WP-Optimize Premium 의 Gzip 압축 활성화 ▲

다음 이미지는 WP Fastest Cache 의 Gzip 압축 활성 적용 되어있는 모습입니다.

워드프레스 5.6 버전 플러그인 중복 충돌 css,html,이미지 최적화 https://biohealthlife.com/%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8-%ec%a4%91%eb%b3%b5-%ec%b6%a9%eb%8f%8c/
WP Fastest Cache 플러그인의 Gzip 압축 활성 적용 모습 ▲

 

이렇듯이 개발 업체들마다 자사의 좋은 기능이 탑재되어 있다고 홍보합니다. 하지만 정작 사용자들은, 특히 저 같은 초보자들은 어디에 어떻게 적용 시켜야 하고 필요한 기능은 무엇인지  조차도 모르는 경우가 많습니다. 더군다나 직접 사용해보지 않고 서는 중복되는지 조차도 모릅니다.

아래는 사용자 입장을 고려한 알림 서비스입니다. 이런 서비스는 다른 업체들도 개선해 주었으면 하는 바램입니다. 이렇게 되면 보다 많은 사용자들이 쉽게 접근할 수 있을 것 같습니다.

WP-Optimize Premium 페이지 캐싱 활성화 선택 란에 보면 자사의 기능과 타사의 기능이 중복되며 그럴 경우 예기치 않은 결과가 발생할 수 있다고 친절하게 알려 주는 메세지가 나타납니다.이건 상당히 칭찬해야 하는 기능으로 자사의 제품만 자랑하는 것 보다 타 개발자의 기능과 중복되면 안된다는 사용자를 배려한 톡특한 기능인 거 같습니다. 

워드프레스 5.6 버전 플러그인 중복 충돌 css,html,이미지 최적화 https://biohealthlife.com/%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8-%ec%a4%91%eb%b3%b5-%ec%b6%a9%eb%8f%8c/

 

이런 캠페인이 활성화 되어 있었으면 하는 사용자의 작은 바램입니다.

 

자신의 컴퓨터(pc) 윈도우 10 최적화에 관심이 있으시면  【 여기 】 를 같이 보시면 도움이 됩니다.

 

마치면서…

 

불로그나  웹사이트를 최적화 시키기 위한 좋은 프로그램들은 아주 많습니다. 개발자 분들에게 대단하고 존경심 까지 느껴 집니다.

그러나 사용하는 우리가 적용을 못 시킨다면 그 또한 우리의 잘못이 되는 겁니다. 좋은 것이 있어도 사용을 못하면 도루묵인 거 처럼요.

필요없다고 생각하면 과감하게 삭제 하시는 것도 방법입니다. 저는 무료 사용자지만 많은 도구를 제공하는 WP Fastest Cache 를 사용하고 WP-Optimize Premium 을 제거하는 방향으로 선택했습니다. 젯팩은 보안 때문에 유지하는 것으로 하고요.

각각 필요한 기능들이 있기 때문에 같이 사용 하신다면 상관 없습니다. 단 호스팅 서버의 용량은 충분 해야겠죠? 또 하나는 꼭 중복 기능을 사용하지 마시길 바랍니다.

마치면서..워드프레스를 사용하며 이 글을 보시는 분들은 최적화를 시키기 위한 노력으로 자신이 사용하는 플러그인을 꼭 점검해서 쾌적하고 상쾌한 워드프레스를 만드시길 바랍니다.

95 / 100
소식띄우기
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  

1 thought on “워드프레스 5.6 버전 플러그인 중복 충돌 css,html,이미지 최적화”

  1. I want to to thank you for this wonderful read!! I certainly
    enjoyed every bit of it. I have you book-marked to check out new
    stuff you Ahaa, its pleasant discussion regarding this paragraph at this
    place at this blog, I have read all that, so at this time me also commenting here.
    Ahaa, its good discussion about this post here at this webpage, I have read all that,
    so at this time me also commenting here. http://marketing.com

    Also visit my homepage :: Bill

    답변하기

Leave a Comment

%d 블로거가 이것을 좋아합니다: