WordPress 블로그 속도를 높이는 방법에 대한 21가지 팁

게시 됨: 2018-07-04

인터넷을 검색할 때 웹사이트 속도를 지나치게 생각하지 않을 것입니다. 인터넷 연결이 충분히 좋다면 속도와 관련하여 모든 사이트에 대해 사이트가 충분히 빠르거나 그렇지 않은 두 가지 결론만 얻을 수 있습니다. 이것이 대부분의 인터넷 사용자가 WordPress 웹사이트를 보는 방식입니다. 특정 방문자에게 매력적이더라도 블로그가 충분히 빠르게 로드되지 않으면 해당 방문자를 잃게 됩니다. 그건 확실합니다. 그렇기 때문에 WordPress 사이트를 최대한 빠르게 만들기 위해 최선을 다해야 합니다.

사이트 속도를 높이는 방법에는 여러 가지가 있지만 일부는 기술 지식이 필요하고 일부는 전적으로 귀하의 헌신이 필요하고 일부는 단순히 너무 비쌉니다.

항상 그렇듯이 WordPress는 문제를 해결하는 데 도움이 될 수 있습니다. WordPress는 지속적으로 개선되고 있을 뿐만 아니라 플러그인, 테마 및 호스팅 회사도 개선되고 있습니다. 이 기사에서는 WordPress 웹 사이트의 속도를 높이는 방법을 보여 드리겠습니다. 사이트 속도에 영향을 미치는 많은 요소가 있으며 사이트에 따라 몇 분 안에 속도를 향상시킬 수 있습니다.

캐싱 플러그인 사용
이미지 최적화
홈페이지 최적화
Google 지도를 올바르게 로드
데이터베이스 정리 및 최적화
소스 코드에서 불필요한 문자 제거(축소)
빠른 WordPress 테마 선택
불필요한 플러그인을 설치하지 마십시오
큰 게시물 분할
게시물 수정 횟수 제한
PHP7로 업그레이드하십시오. 지금!
브라우저 캐싱 수정
정적 리소스에서 쿼리 문자열을 제거하는 방법
HTTP 요청 수 줄이기
그라바타를 사용하지 마십시오
사용하지 않는 댓글은 삭제하세요
이모티콘 제거
WordPress에서 CSS 스프라이트 사용
소셜 미디어 버튼 수 제한
사용하지 않는 스크립트 및 스타일 언로드
포함 비활성화

1. 캐싱 플러그인 사용

캐싱 플러그인을 설치하고 설정하면 사이트 속도의 변화를 즉시 느낄 수 있습니다. 모든 웹사이트에는 자주 변경되지 않는 부분이 있습니다. 이미지, CSS 또는 JS 파일이든 캐싱 플러그인은 이러한 파일을 처리할 수 있으므로 사용자가 사이트를 열 때마다 서버에서 파일을 다운로드할 필요가 없습니다. 이것은 이미 해당 파일이 저장되어 있는 재방문자에게 대부분 도움이 됩니다.

수많은 WordPress 캐싱 플러그인이 있지만 인기 있는 플러그인은 몇 개뿐입니다. 좋은 소식은 해당 플러그인이 잘 코딩되어 있고 사이트 속도가 즉시 빨라지고 완전히 무료라는 것입니다! 작업에 가장 많이 사용되는 플러그인은 100만 명 이상의 활성 사용자가 있는 W3 Total Cache입니다. 인상적이네요! 이전 기사 중 하나에서 이미 언급한 WP Fastest Cache 플러그인과 같이 동일한 작업을 수행할 수 있는 다른 플러그인이 있습니다.

2. 이미지 최적화

홈페이지에 하나의 이미지만 있든 보여주고 싶은 사진 갤러리가 있든, 최적화되지 않은 이미지는 웹사이트 속도를 크게 저하시킬 수 있습니다. 고해상도 사진을 촬영할 수 있는 카메라를 사용한다고 가정해 보겠습니다. 그 사진은 아마도 2MB 이상이 될 것이며 4MB 제한을 쉽게 초과할 수 있습니다. 최신 스마트폰의 이미지도 대용량 파일을 생성합니다. 그것에 대해 생각하지 않고 단순히 사진을 업로드하는 경우 사이트의 부하를 상상해 보십시오.

2MB 또는 4MB "무거운" 이미지 하나를 추가하기만 하면 사용자가 사이트를 열면 해당 이미지를 다운로드해야 합니다. 광대역 연결에서 오는 사용자는 큰 차이를 느끼지 못하지만 인터넷 속도가 느린 사용자는 고통을 겪을 것입니다. 뿐만 아니라; Google조차도 느린 로딩 시간에 눈살을 찌푸릴 것이므로 장기적으로 페이지 순위가 저하될 수 있습니다.

이미지를 너무 쉽게 최적화할 수 있으므로 문제가 되지 않습니다. 우선, 최신 작품을 전시하지 않고 전체 해상도로 이미지를 표시할 필요가 없다면 먼저 해상도를 낮추십시오. 예를 들어 테마가 최대 800px 너비를 표시하는 경우 이미지가 그보다 넓어서는 안 됩니다. 단순히 크기를 변경하거나 이미지를 자를 수도 있습니다. 또한 사진을 최적화하는 데 도움이 되는 많은 도구와 앱이 있습니다. 이미지에 기적을 일으키고 웹에 맞게 최적화할 수 있는 Photoshop과 같은 전문 소프트웨어를 사용하거나 간단한 온라인 도구를 사용하려는 경우 이미지를 최적화해야 합니다.

3. 홈페이지 최적화

귀하의 홈페이지는 중요한 페이지입니다. 사람이 홈페이지에 방문하지 않더라도 다른 게시물과 페이지에서 방문하기를 원할 것입니다. 이것이 바로 홈페이지가 올바르게 최적화되어야 하는 이유입니다. 앞서 언급했듯이 웹사이트의 이미지를 관리하고 최적화되어 있는지 확인하세요. 게시물에 더 큰 것을 표시하는 대신 더 작은 발췌문을 사용하십시오. 게시물의 이미지를 표시하지 마십시오. 대신 게시물의 첫 번째 이미지 앞에 "더 읽기" 링크를 남겨주세요. 사이트 속도를 저하시킬 수 있는 사이드바 및 바닥글 위젯을 너무 많이 사용하지 마십시오.

4. Google 지도를 올바르게 로드

Google 지도를 사용하여 위치를 표시하는 경우 대화형 지도로 인해 속도가 느려지지 않는지 확인하세요. 웹사이트의 간단한 지도는 최대 2MB를 차지할 수 있으므로 방문자는 지도에 관심이 없더라도 추가 데이터를 다운로드해야 합니다.

그러나 WordPress를 사용하는 경우 이 작업이 훨씬 더 쉬워질 수 있습니다. 예, 지도에서 미리보기 이미지를 렌더링할 수 있는 Google 지도 위젯 플러그인에 대해 이야기하고 있습니다. 이렇게 하면 메가바이트 또는 두 개 대신 몇 킬로바이트의 데이터만 사이트에 추가됩니다. 이는 웹사이트 속도에 큰 영향을 미치며 지도에 관심이 있는 방문자는 여전히 완전한 Google 지도 경험을 가질 수 있습니다.

5. 데이터베이스 정리 및 최적화

WordPress는 데이터베이스를 사용하여 원활하게 실행하는 데 필요한 거의 모든 것을 저장합니다. 얼마 동안 이러한 데이터베이스가 구축되기 시작하고 사이트 속도가 느려지기 시작합니다. 데이터베이스를 정리하고 최적화하여 WordPress 사이트의 속도를 높일 수 있습니다. 다행히 모든 데이터베이스를 수동으로 열고 거기에 저장된 수천 줄을 헤매지 않아도 되지만 긴장을 풀고 다른 WordPress 플러그인에 작업을 맡길 수 있습니다. 이 경우 무료이며 PhpMyAdmin 없이 실행할 수 있는 WP-Optimize 플러그인을 제안합니다.

6. 소스 코드에서 불필요한 문자 제거(축소)

소스 코드에는 수천 줄이 포함될 수 있습니다. 추가 테마, 플러그인 및 사용자 정의 기능을 추가하면 숫자가 빠르게 증가하고 사이트 속도에 영향을 미칩니다. 코드는 일반적으로 유용하지만 소스 코드에는 불필요한 문자가 많이 있으므로 속도를 저하시킬 수 있습니다. 공백 문자, 줄 바꿈 문자, 주석 또는 블록 구분 기호 그룹이든 WordPress 사이트 속도를 높이기 위해 안전하게 제거할 수 있습니다.

아니요, 해당 문자를 수동으로 삭제하기 위해 소스 코드를 탐색할 필요가 없습니다. 작업을 수행할 수 있는 WordPress 플러그인이 있습니다. 캐싱 문제를 해결하기 위해 W3 Total Cache를 설치했다면 축소에 사용할 수 있는 플러그인이 이미 있는 것입니다. WP 웹사이트에서 코드를 축소할 수 있는 또 다른 인기 있는 플러그인은 Autooptimize입니다.

WordPress 웹 사이트의 속도를 높이려면 시간이 걸립니다. 로딩 시간에서 1초의 아주 작은 부분을 제거하기 위해 개선할 수 있는 것이 너무 많습니다. 그러나 사이트의 속도는 방문자와 검색 엔진의 관점에서 모두 중요합니다. 그리고 사이트를 최대한 활용하려면 다양한 기술과 플러그인을 거쳐야 하지만 그만한 가치가 있습니다.

세부 사항에 들어가기 전에 최상의 호스팅 옵션이 있는지 확인하십시오. 이것이 빠른 사이트를 구축하는 데 필요한 첫 번째 단계입니다.

이제 CSS 및 JavaScript 파일을 수동으로 축소하는 방법을 보여주고 사이트 속도를 높이는 데 도움이 되는 두 가지 플러그인을 나열하겠습니다. 준비가 된?

축소화란 무엇입니까?

파일을 더러워지기 전에 WordPress에서 CSS 및 JavaScript 파일을 축소한다는 것이 무엇을 의미하는지 빠르게 살펴보겠습니다. 이미 알고 계시겠지만 WordPress가 제대로 실행되려면 수십 개의 파일이 필요합니다. 새로운 테마와 플러그인을 추가하면 그 수가 계속 늘어납니다. 동시에 웹 사이트의 속도는 계속 감소합니다. 운 좋게도 WordPress, 테마 및 플러그인을 구동하는 코드에 대해 크게 걱정할 필요가 없습니다. 그러나 이러한 파일을 더 작게 만들어 블로그 속도를 높일 수 있다는 것을 알아야 합니다.

축소는 코드에서 불필요한 문자를 제거하는 프로세스입니다. 이 프로세스는 영향을 받는 파일을 더 작게 만들지만 기능은 변경하지 않습니다.

WordPress에서 CSS 및 JavaScript 파일을 축소하면 공백, 줄 바꿈 문자, 주석 및 블록 구분 기호와 같은 항목이 제거됩니다. 코드에서 제거된 각 문자에 대해 사이트 속도가 약간 빨라집니다. 다음은 축소 프로세스 전후의 CSS 코드의 간단한 예입니다.

축소 전 CSS 코드

 신체 {
 여백: 10px;
 색상: #333333;
 배경:파란색;
 }

이것이 사람의 눈에는 훨씬 더 쉽지만 기계가 코드를 해석할 필요가 없는 문자를 사용합니다.

축소 후 CSS 코드

 본문{여백:20px;색상:#333;배경:파란색}

컴퓨터에서 이 코드는 이전에 표시된 코드와 동일하게 보입니다. 새 줄은 컴퓨터가 코드를 제대로 실행하는 데 필요한 것이 아닙니다. 색상을 보면 몇 개의 숫자도 제거했음을 알 수 있습니다. 컴퓨터는 여전히 올바른 색상을 알고 있습니다. 마지막 요소 뒤에는 세미콜론이 없습니다. 이 간단한 예에서는 몇 개의 문자를 제거하고 코드를 더 작게 만들었습니다. 이제 수천 줄의 코드가 있을 때 어떤 일이 발생하는지 상상해 보십시오.

수동으로 CSS 및 JavaScript 파일 축소

WordPress용 사용자 정의 테마 또는 플러그인에서 작업할 때 작업 중인 CSS 및 JavaScript 파일을 축소하고 싶을 것입니다. 이 경우 작업을 수행하기 위해 추가 플러그인을 설치할 필요가 없습니다. 대신 필요한 파일만 빠르게 축소할 수 있습니다. 이렇게 하면 보기에 편한 코드를 입력할 수 있으며 나중에 가능한 한 빨리 입력할 수 있습니다. 코딩에 대해 더 진지한 경우 CSS 및 JS 전처리기 사용을 고려하고 싶을 것입니다. 이러한 정교한 앱을 사용하면 코드를 작성하고 파일을 내보낸 후 코드를 축소하고 크런치할 수 있습니다.

수동으로 CSS 축소

https://cssminifier.com
http://www.cleancss.com/css-minify/
http://csscompressor.com

수동으로 JavaScript 축소

http://www.minifier.org
https://jscompress.com
https://javascript-minifier.com

최고의 축소 WordPress 플러그인

위에서 보여드린 서비스는 사용자 정의 코드로 훌륭한 작업을 수행할 것입니다. 그러나 WordPress 사이트의 모든 파일을 축소하려는 경우 서버에 있는 모든 파일을 하나씩 살펴보는 것은 사실상 우스꽝스러울 것입니다. 환상적인 무료 플러그인이 WordPress에서 CSS 및 JavaScript 파일을 축소할 수 있음을 알려드리게 되어 기쁩니다. 최고의 것을 보여드리겠습니다.

자동 최적화

200,000개 이상의 활성 설치가 있는 Autooptimize는 WordPress 사이트 최적화와 관련하여 가장 인기 있는 선택 중 하나입니다. 다른 놀라운 기능 중에서 플러그인은 스크립트, 스타일 및 HTML을 축소할 수 있습니다 . 사이트 속도를 높이기 위해 파일을 압축하고 캐시하고 코드를 이동합니다 .

플러그인 설치 및 활성화
설정 -> 자동 최적화로 이동합니다.
고급 설정 표시를 클릭 합니다.
HTML 코드 최적화, JavaScript 코드 최적화 및 CSS 코드 최적화 옵션을 확인하십시오.
변경 사항을 저장하다

W3 총 캐시

이 인기 있는 플러그인이 모든 작업을 수행합니다. 물론 플러그인은 처음에 파일을 캐시합니다. 그러나 정적 리소스에서 쿼리 문자열을 제거하는 데 관심이 있다면 W3 Total Cache가 대신 처리해 드립니다. 마찬가지로 CSS 및 JavaScript 파일을 축소하고 게시물, 페이지 및 RSS에 대해서도 동일한 작업을 수행합니다. 당신은 그것을 확인해야합니다.

플러그인 설치 및 활성화
성능 -> 축소로 이동합니다.
URL 구조 재작성을 체크 상태로 유지하십시오.
HTML 축소 설정, JS 축소 설정 및 CSS 축소 설정 활성화
모든 설정 저장

보시다시피 축소 프로세스는 매우 간단합니다. WordPress 플러그인을 사용하고 있다면 정말 변명의 여지가 없습니다. 사이트에서 CSS 및 JS 파일을 최소화하고 선택한 온라인 속도 및 성능 테스트로 돌아가십시오. 방문자와 검색 엔진에서 훨씬 더 나은 점수와 감사 인사를 받을 것이라고 확신합니다.

7. 빠른 WordPress 테마 선택

사이트 작업을 시작하기 전에 WordPress 테마를 선택할 때 주의해야 합니다. 처음에는 특정 테마가 사용하는 레이아웃과 멋진 이미지 때문에 더 많은 방문자를 끌어들이는 것처럼 보일 수 있습니다. 그러나 미리 생각하려고 노력하십시오. 찾은 가장 아름다운 테마를 단순히 선택하는 대신 다양한 장치의 여러 브라우저에서 여러 테마를 테스트하십시오.

테마가 전체 사이트 속도에 어떤 차이를 의미하는지 놀라게 될 것입니다. 엄청난 수의 이미지가 주제를 질식시킬 수 있을 뿐만 아니라 코드에 숨겨진 것들이 너무 많아 큰 차이를 의미할 수 있습니다. 항상 그런 것은 아니지만 프리미엄 테마는 더 잘 코딩되어야 하고 더 나은 성능을 보여야 합니다.

8. 불필요한 플러그인 설치 금지

사이트 작업을 시작할 때 새 플러그인을 설치하고 싶을 수 있습니다. 설치하고 실행해야 하는 플러그인이 있지만 사이트에 과부하가 걸리지 않도록 주의하십시오. 우선, 활성 플러그인은 사이트 속도에 확실히 영향을 미칩니다.
. 반면에 비활성 플러그인도 백업 파일의 크기에 영향을 미치는 소중한 공간을 차지합니다. 모든 것을 추가할 때 활성 플러그인과 비활성 플러그인 모두 사이트 속도를 저하시킬 수 있으므로 실제로 필요하지 않은 플러그인을 설치하기 전에 두 번 생각하십시오.

9. 더 큰 게시물 분할

많은 비디오와 이미지가 첨부된 정말 긴 게시물을 작성하는 경향이 있다면 여러 페이지로 나누는 것을 고려해야 합니다. 플러그인을 사용할 필요도 없기 때문에 매우 빠르게 수행할 수 있습니다.

10. 게시물 수정 횟수 제한

포스트 수정은 유용한 것입니다. 그러나 사실은 대부분의 사용자가 이 기능을 전혀 사용하지 않거나 게시물당 몇 번 이상 수정할 필요가 없다는 것입니다. 개정판은 데이터베이스에 저장되며 엄청난 수의 게시물이 있는 경우 얼마나 많은 추가 개정판이 있을 것인지 상상해 보십시오. 이렇게 하면 WordPress 사이트 속도가 확실히 느려지므로 수정 횟수를 제한하거나 필요하지 않은 경우 수정을 완전히 제거해야 합니다.

11. PHP7로 업그레이드하십시오. 지금!

최대한의 결과를 얻으려면 항상 가능한 한 적은 작업을 수행하도록 노력해야 합니다. 빠르게 만들기 위해 사이트를 최적화하는 것도 다르지 않습니다. 클릭 몇 번으로 사이트 속도를 20% 쉽게 높일 수 있는데 몇 밀리초를 줄이기 위해 최적화하는 데 시간을 할애하는 이유는 무엇입니까? 우리의 방법에는 마법이 없습니다. 단순하고 단순하며 분명합니다. 일단 구현하고 나면 "내가 왜 이것을 더 일찍 하지 않았을까"라고 자문하게 될 것입니다.

수많은 테스트에서 PHP7이 실제 프로덕션 환경에서 PHP5보다 20% 더 빠른 것으로 나타났습니다. 일반 테스트에서는 200% 더 빠를 수 있습니다. 또한 더 안전하고 새로운 유용한 기능이 있으며 WordPress에서 권장합니다. 그렇다면 어떻게 업그레이드해야 할까요?

괜찮은 호스팅 회사를 사용하고 있다면 이미 PHP7을 사용하고 있으므로 계속 진행하기 전에 버전을 확인하십시오. My WordPress Health Check 플러그인을 가져오거나 phpinfo() 함수를 사용하여 파일을 업로드하십시오. 이미 PHP7에 있습니까? 훌륭한! 당신은 끝났습니다. PHP5를 사용 중이신가요? 없애자.

cPanel에 로그인합니다. 링크가 없으면 도메인 이름 끝에 ":2083"을 추가 http://www.mydomain.com:2083 예: http://www.mydomain.com:2083 . 일단 들어가면 "소프트웨어" 섹션에서 "PHP 선택기", "PHP 버전 선택" 또는 "PHP 버전 관리자"라는 아이콘을 찾으십시오. 아이콘을 클릭하여 PHP 버전 선택기를 엽니다. 호스팅 회사에서 활성화한 항목에 따라 전체 계정, 특정 도메인 또는 폴더별 PHP 버전을 선택할 수 있습니다. cPanel에서 어떤 상황이 활성화되든 WordPress 설치에 대해 v7.0 또는 v7.1을 선택해야 합니다. "저장"을 클릭합니다. 사이트를 새로고침하여 변경 사항이 활성화되었는지 확인하고 속도를 높이세요.

하지만 ... (여기에 변명 삽입)

아직 업그레이드하지 않았다면 "좋은" 이유가 있을 것입니다. 불쾌하지 않지만 아니, 당신은하지 않습니다! 당신이 가지고 있는 그 변명을 파헤치자.

내가 이해하지 못하는 많은 작업과 서버 관련 내용처럼 들립니다.

네, 서버와 관련이 있지만 cPanel에 로그인하는 방법을 알고 있다면 필요한 모든 기술을 갖추고 있습니다. cPanel에서 새 이메일 주소를 만드는 것만큼이나 많은 작업입니다. 아이콘을 찾으십시오. 딸깍 하는 소리; 드롭다운에서 새 버전을 선택하십시오. 저장. 완료.

그렇게 하는 것이 편하지 않다면 괜찮습니다. 호스팅 회사에 지원 티켓을 여세요. 그러면 호스팅 회사에서 도와줄 것입니다.

내 호스팅 회사는 PHP7을 지원하지 않습니다

그것은 큰 문제입니다! 거대한! 그 사실 자체는 그다지 중요하지 않을 수 있지만, 다른 많은 결과를 낳습니다. 그것은 당신이 오래된 서버 소프트웨어를 사용하고 있고 당신의 호스팅 회사가 단순히 일을 하고 있지 않다는 것을 의미합니다. 지금은 사이트 속도가 느린 대가를 치르고 있지만 곧 서버를 유지 관리하지 않아 문제가 발생하기 시작하면 심각한 다운타임을 겪게 될 것입니다.

그들에게 이메일을 보내고 PHP7을 지원하는 새 서버로 귀하의 계정을 즉시 마이그레이션하도록 요구하십시오. 그들이 그것을하지 않으면 (어떤 이유로 든) 좋은 WordPress 호스팅 회사를 찾아야합니다. 무서워서 하기 싫다구요? 마이그레이션에 대해 걱정하는 것은 괜찮지만 직접 할 필요는 없습니다.

괜찮은 호스팅 회사가 마이그레이션을 수행합니다. 진지하게, 그것은 마케팅 트릭이 아닙니다. 그들에게 이전 cPanel 암호를 제공하면 됩니다.

WordPress가 PHP7에서 작동하지 않는다고 들었습니다.

진지하게!? WordPress는 PHP7 이상을 서버 요구 사항으로 명시적으로 언급합니다. 따라서 간단히 말해서 작동합니다.

PHP7은 새롭고 실험적입니다.

PHP v7.0은 2015년 12월에 출시되었습니다. 이것은 거의 "새롭지 않습니다." 그것은 PHP5보다 나은 시도되고 테스트된 소프트웨어입니다. 더 빠르고, 더 많은 기능을 가지고 있으며, 그것은 바로 미래입니다. 그것으로 충분하지 않다면 PHP5는 더 이상 적극적으로 유지 관리되지 않습니다.

12. 브라우저 캐싱을 수정하여 WordPress 속도 향상

사용자가 웹사이트를 로드하기 시작하면 그의 브라우저는 즉시 웹사이트가 위치한 서버에서 필요한 모든 파일을 다운로드하기 시작합니다. 사용자의 인터넷 연결 속도와 서버 용량에 따라 사이트 로딩 속도가 빨라지거나 느려질 수 있습니다. 물론 각 당사자는 가능한 한 빨리 사이트를 로드하기를 원하며 관리자로서 귀하는 사이트를 번개처럼 빠르게 만들기 위해 최선을 다해야 합니다.

WordPress 속도 향상 및 더 긴 정적 파일 캐시

귀하의 사이트에 대한 첫 번째 방문은 전적으로 인터넷 연결과 서버에 달려 있지만 일반 방문자를 위해 변경할 수 있습니다. 그들은 변경이 완료되었다는 사실을 알지 못할 수도 있지만 항상 사이트가 실제로 얼마나 빠른지 염두에 둘 것입니다. 자신의 입장이 되어도 됩니다. 사이트가 각 페이지를 로드하는 데 몇 초가 걸린다면 콘텐츠가 아무리 좋아도 너무 오래 머물지 않을 것입니다. 그렇죠?

캐싱 기술은 서버에서 일부 파일을 가져와 로컬 컴퓨터에 저장합니다. 그런 다음 사용자가 동일한 사이트를 다시 방문하면 브라우저는 저장된 파일을 확인하고 원격 서버에서 다시 한 번 다운로드하는 대신 즉시 로드합니다. 이렇게하면 로딩 시간이 훨씬 단축되고 WordPress 속도가 향상되어 방문자가 훨씬 더 행복해집니다.

다음 코드를 사용하여 WordPress에 더 오랜 기간 동안 정적 파일을 캐시하도록 지시할 수 있습니다. 코드를 복사하여 붙여넣기를 실행하기 전에 잠시 시간을 내어 웹사이트를 얼마나 자주 변경하고 어떤 종류의 콘텐츠를 보유하고 있으며 캐싱을 연장할 경우 이것이 사이트에 실제로 도움이 될까요?

.htaccess 파일 열기
다음을 복사하여 붙여넣습니다.

 # 브라우저 캐싱
<IfModule mod_expires.c>
만료일 활성
ExpiresByType 이미지/jpg "액세스 1년"
ExpiresByType 이미지/jpeg "액세스 1년"
ExpiresByType image/gif "액세스 1년"
ExpiresByType image/png "액세스 1년"
ExpiresByType 텍스트/css "액세스 1개월"
ExpiresByType application/pdf "액세스 1개월"
ExpiresByType text/x-javascript "액세스 1개월"
ExpiresByType 응용 프로그램/x-shockwave-flash "액세스
1 개월"
ExpiresByType 이미지/x-icon "액세스 1년"
Expires기본값 "2일 액세스"
</IfModule>

변경 사항을 저장하다

변경 사항을 저장한 후 서버는 해당 파일을 로컬에 저장하기 위한 액세스 시간을 변경합니다. .htaccess 파일을 직접 수정하는 것이 불편하다면 간단한 플러그인을 사용하여 동일한 작업을 수행할 수 있습니다.

13. WordPress의 정적 리소스에서 쿼리 문자열을 제거하고 사이트 속도를 높이는 방법

WordPress 사이트의 속도를 높이고 최적화하려고 노력했다면 아마도 이를 도와줄 수 있는 다양한 온라인 진단 도구를 접했을 것입니다. 테스트를 수행할 것을 권장합니다. 그들은 귀하의 웹 사이트가 얼마나 잘 수행되고 있는지 알려줄 것이고, 대부분의 도구는 귀하의 사이트 속도에 대한 세부 정보를 보여줄 것입니다.

예를 들어 GTmetrix에서 테스트를 실행하면 사이트 속도를 저하시키는 이미지가 표시됩니다. 스타일 시트 및 스크립트의 로드 속도, 축소에 대한 세부 정보 등을 알려줍니다. 많은 WordPress 사용자가 목록 맨 위에 있는 것 중 하나(즉, 가능한 한 빨리 문제를 해결해야 함)는 "정적 리소스에서 쿼리 문자열 제거"입니다. 이 부분에서는 쿼리 문자열이 무엇이며 웹 사이트 속도를 향상시키기 위해 쿼리 문자열을 빠르게 제거하는 방법에 대해 간략하게 설명합니다.

쿼리 문자열이란

쿼리 문자열은 물음표(?) 또는 앰퍼샌드(&) 기호 다음에 찾을 수 있는 URL의 일부입니다. 브라우저 또는 외부 응용 프로그램은 일반적으로 추가 매개변수를 추가하기 위해 이러한 부분을 URL에 추가합니다.

예를 들어 쿼리 문자열을 사용하여 WordPress 플러그인은 URL을 통해 다른 값을 전달하여 다른 애플리케이션과 서비스에서 사용할 수 있습니다.

종종 광고, 소셜 미디어의 기사 또는 이메일 받은 편지함을 클릭하면 쿼리 문자열이 포함된 상당히 긴 URL이 표시됩니다. 분석 서비스에 방문 출처를 알리기 위해 다른 서비스(및 인간 자신)는 소스, 미디어 및 캠페인을 설명하는 특정 쿼리 문자열인 UTM을 추가합니다. 마케터는 이를 사용하여 캠페인의 효과를 추적합니다. 그리고 이것은 완전히 정상적인 것입니다. 이러한 종류의 쿼리 문자열에 대해 걱정하지 마십시오.

쿼리 문자열을 제거해야 하는 이유와 시기는?

쿼리 문자열은 동적 요소의 중요한 부분이지만 정적 리소스에서 사용되는 경우 WordPress 사이트 속도가 느려질 수 있습니다. 사이트에 있는 동안 브라우저 콘솔을 열어 본 적이 있다면 웹 사이트에 스크립트 및 스타일의 버전 번호가 표시되는 것을 발견했을 것입니다. 이것은 친숙해 보일 수 있습니다.

/wp-includes/css/dashicons.min.css?ver=4.4.2

일부 프록시 캐싱 서버 및 CDN은 이러한 종류의 리소스를 캐시할 수 없습니다. 즉, 사이트를 열 때마다 서버에서 파일을 계속해서 보내야 합니다. 그리고 그것은 사이트를 엄청나게 느리게 만드는 것입니다. 하나의 쿼리 문자열은 큰 차이가 없지만 몇 개를 쌓으면 상황이 심각해질 수 있습니다. 마침내 문제를 해결하고 정적 리소스에서 쿼리 문자열을 제거할 때입니다.

정적 리소스에서 쿼리 문자열을 제거하는 방법

WordPress의 정적 리소스에서 쿼리 문자열을 제거하는 몇 가지 기술이 있으며 이제 이를 보여드리겠습니다. 간단한 기능을 복사하거나 문제를 해결할 몇 가지 WordPress 플러그인을 사용할 수 있습니다. 어떤 기술을 선택하든 틀리지 않을 것입니다. 다음 몇 분 안에 정적 리소스에서 쿼리 문자열을 제거하고 바로 그 순간 사이트 속도를 높일 수 있습니다.

간단한 기능 추가

첫 번째 방법은 간단한 함수를 복사하여 functions.php 파일에 붙여넣기만 하면 됩니다. 거기에 기능을 추가한 적이 있다면 이것이 그렇게 큰 문제가 아니라는 것을 이미 알고 있을 것입니다. 그러나 이것이 처음이라면 파일의 작은 실수로 인해 사이트를 사용할 수 없게 될 수 있으므로 각별한 주의를 기울이십시오. 안전을 위해 계속하기 전에 파일의 백업을 만드십시오.

functions.php 파일 열기 및 편집
다음 코드를 복사하여 붙여넣습니다.

 함수 _remove_script_version( $src ){
$parts = 폭발( '?ver', $src );
$parts[0] 반환;
}
add_filter( 'script_loader_src', '_remove_script_version'
,15, 1);
add_filter( 'style_loader_src', '_remove_script_version'
,15, 1);

변경 사항을 저장하다

W3 Total Cache에서 옵션을 선택 취소하십시오.

W3 Total Cache는 현재 백만 건 이상의 활성 설치를 계산하는 인기 있는 플러그인이므로 이미 플러그인을 사용하고 있을 가능성이 있습니다. 이 경우 설정에서 하나의 옵션을 선택 취소하기만 하면 됩니다.

성능 -> 브라우저 캐시로 이동합니다.
설정 변경 후 개체 캐싱 방지 옵션을 선택 취소합니다.
변경 사항을 저장하다

정적 리소스 플러그인에서 쿼리 문자열 제거 사용

당신이 스스로 functions.php에 코드를 추가하는 것을 좋아하지 않는다면, 당신은 작업을 위해 무료 플러그인을 사용할 수 있습니다. Remove Query Strings From Static Resources는 코드를 건드릴 필요 없이 동일한 작업을 수행하는 가볍고 간단한 플러그인입니다.

플러그인을 설치하고 활성화하면 완료됩니다. 플러그인을 활성화하는 순간 쿼리 문자열은 정적 리소스에서 제거됩니다.

어떤 기술을 사용하든 쿼리 문자열을 제거하는 것은 어려운 일이 아니었습니다. 이제 완료되었으므로 선택한 속도 및 성능 도구에서 또 다른 스캔을 실행하여 점수(및 사이트 속도)가 개선되었는지 여부와 방법을 확인할 수 있습니다.

14. HTTP 요청 수를 줄이고 WordPress 사이트 속도 향상

웹 사이트를 로드하는 데 필요한 것은 버튼을 클릭하는 것뿐이지만 컴퓨터가 처리할 수 있는 것은 훨씬 더 많습니다. 페이지가 표시될 때까지 걸리는 클릭 한 번과 1초는 서버에 대한 수백 건은 아니더라도 수십 건의 HTTP 요청을 숨길 수 있습니다. 분명히 더 많은 정보가 오갈수록 사이트가 로드될 때까지 더 오래 기다려야 합니다. 사이트 속도를 높일 수 있는 가장 쉬운 방법 중 하나는 좋은 호스팅 회사를 확보하는 것입니다. 그러나 WordPress 웹 사이트의 속도를 높이기 위해 더 깊이 들어가기로 결정했다면 HTTP 요청을 처리해야 합니다.

우선 웹사이트를 테스트하여 특정 페이지를 로드하는 데 필요한 요청 수를 확인해야 합니다. 다양한 테스트 방법이 있습니다. 모든 가능성을 보여주는 대신 HTTP 요청 검사기에 URL을 입력하는 것으로 충분합니다. 결과를 즉시 얻을 수 있으며 30개 이상의 요청이 없기를 바랍니다. 그렇다면 HTTP 요청 수를 줄이고 WordPress 사이트 속도를 높일 때입니다.

15. Gravatar를 사용하지 마십시오

WordPress의 기본 댓글 시스템을 사용하는 경우 Gravatar도 사용하고 있습니다. 이제 한 달에 몇 개의 댓글을 받는다면 크게 걱정할 필요가 없습니다. 그러나 방문자가 기사 아래에 간단한 메모를 남기고 싶다면 사진에서 Gravatar를 제거하는 것이 좋습니다.

각 Gravatar 이미지가 서버에 또 다른 HTTP 요청을 추가한다고 말하면 한 페이지에 100개 이상의 댓글이 있을 때 어떤 일이 발생하는지 상상해 보십시오. 거기에 필요하지 않은 추가 요청이 100개가 넘으면 어떻게 되는지 맞춰보세요. 예, 사이트가 느려집니다.

각 댓글 옆에 작은 이미지가 필요하지 않은 경우 설정 -> 토론 -> 아바타로 이동하여 댓글에 아바타 를 표시하는 옵션을 선택 취소하면 됩니다. 그것만큼 쉽습니다. 아바타만 있어야 하는 경우 다른 방식으로 처리할 WordPress용 타사 댓글 시스템 설치를 고려해야 합니다. 예를 들어, Disqus는 아바타를 훨씬 빠르게 표시하는 작업을 수행하는 인기 있는 선택입니다.

16. 사용하지 않는 댓글은 삭제하세요.

짐작할 수 있듯이 주석을 사용하려면 추가 파일이 필요합니다. 기본 주석 달기 시스템을 사용하는 경우에는 아무 것도 할 필요가 없습니다. 이점이 있고 추가 요청이 정당한 것입니다. 그러나 사이트에서 댓글을 사용하지 않거나 다른 댓글 시스템을 사용하는 경우 댓글-응답 스크립트를 제거해야 합니다. 그렇게 하려면 functions.php 파일에 다음 함수를 복사해야 합니다.

 함수 comment_clean_header_hook(){
 wp_deregister_script( '댓글 답장' );
 }
add_action('초기화','comments_clean_header_hook');함수
comment_clean_header_hook()
{
wp_deregister_script( '댓글 답장' );
}
add_action('초기화','comments_clean_header_hook');

17. 이모티콘 제거

네, 이모티콘이 귀엽습니다. 예, 모든 사람이 컴퓨터, 스마트폰 및 태블릿에서 사용합니다. WordPress가 버전 4.2에서 도입했지만. 그렇다고 해서 웃는 얼굴을 갖기 위해 사이트에 하나의 추가 JS 파일을 로드해야 한다는 의미는 아닙니다. 사이트의 속도는 이모티콘을 사용하는 것보다 더 중요해야 합니다(단, 이모티콘 없이는 살 수 없는 경우 제외).

18. 워드프레스에서 CSS 스프라이트 사용하기

테스트 페이지에서 볼 수 있듯이 각 이미지에는 HTTP 요청이 필요합니다. 그렇다고 해서 사진을 제거해야 하는 것은 아니지만 사진을 잘 관리해야 합니다. 사이트 속도와 관련하여 WordPress용 이미지를 최적화하는 방법을 알아보세요. 그러나 요청과 관련하여 CSS Sprite를 생성하여 해당 HTTP 요청의 수를 줄일 수 있습니다.

Spriteme 사이트에 가면 사용하는 페이지에서 모든 이미지를 선택하여 하나의 파일로 결합할 수 있습니다. 이미지에 대한 링크를 변경한 후 사진 크기까지 추가하지만 동시에 요청 수를 줄일 수 있습니다. 모순되게 들릴 수 있지만 실제로 속도를 높일 수 있습니다. 서버는 수십 개의 요청에 응답하는 것보다 하나의 큰 파일로 더 잘 작동합니다.

19. 소셜 미디어 버튼 수 제한

소셜 미디어는 모든 웹사이트의 표준 부분이 되었습니다. 소규모 개인 사이트나 비즈니스 사이트가 있든 수십 명의 작가가 있는 포털을 운영하든 소셜 미디어를 사이트에 연결해야 합니다. 괜찮습니다. 그렇게 해야 합니다.

그러나 소셜 버튼을 표시할 때 적은 것이 더 많습니다 . 수십 개의 네트워크에서 계정을 개설했을 수 있지만 가장 많이 키운 네트워크에만 버튼을 표시하십시오. 각 버튼은 자체 이미지와 추가 파일을 로드하여 사이트 속도를 저하시킬 수 있습니다.

20. 사용하지 않는 스크립트 및 스타일 언로드

일반적인 WordPress 사용자는 백그라운드에서 무슨 일이 일어나고 있는지 전혀 모릅니다. 사이트의 스크립트와 스타일에 대해 생각할 시간이 있는 사람 우리는 당신을 비난하지 않지만 이제 당신의 관심을 받았으므로 시간을 내어 사이트에서 필요하지 않은 스크립트와 스타일이 있는지 확인하십시오.

전문가가 될 필요는 없습니다. 우리는 이미 각 페이지에 로드되는 모든 스크립트와 스타일을 보여주는 깔끔한 작은 플러그인을 보여주었습니다. WP Asset CleanUp을 사용하면 더 이상 필요하지 않은 파일을 쉽게 인식하고 빠르게 언로드할 수 있습니다. WordPress에 대한 경험이 더 많으면 플러그인이 데이터를 분리하는 데 도움이 되며 나중에 수동으로 파일을 삭제할 수 있습니다. 그렇지 않은 경우 플러그인을 그대로 두고 스크립트와 스타일을 처리하도록 합니다.

21. 포함 비활성화

To improve user experience, WordPress developers introduced a new JS file that allows you to embed videos from different services like Youtube is just by copying a URL. You can embed images and tweets the same way just by pasting the link in the Visual Editor.

While this feature is an amazing one, many people just don't use it. If you're trying to speed up your site, it is more important to remove one request than having a preview of the video. You know which video you're embedding, so there's no real need for having that preview, right?

If you're not good with code, and you just have to install a plugin, there a simple plugin that will remove embeds from your site. If you can handle a few lines of code that you just need to copy, use the following function and put it in your functions.php file:

 function speed_stop_loading_wp_embed() {
 if (!is_admin()) {
 wp_deregister_script('wp-embed');
 }
 }
 add_action('init', 'speed_stop_loading_wp_embed');

Take your time, and check your WordPress site for those unwanted HTTP requests. Even if you reduce the number just for a few pages, or if you find just a file that you don't have to load, it will be a success. 걱정하지 마세요. even if your users don't feel the speed improvement, search engines will.

Conclusion: Always take care of your blog speed

If you make changes only to several things on your site, you might benefit from them. The steps we have described in this article are completely free, so it won't hurt to try them out. Still, don't forget to take care of your site; update WordPress, themes, and plugins on a regular basis and never neglect your blog.

Sometimes, even an optimized site won't run fast. In that case, you will have to look for another hosting company or consider paying extra bucks for a managed or dedicated server.