휴대 전화에서 WordPress 웹 사이트의 속도를 향상시키는 방법

오늘날의 디지털 세계에서 모바일 장치는 데스크톱 컴퓨터보다 더 중요합니다. 이것이 SEO 전문가가 데스크톱 컴퓨터 대신 모바일 장치에 더 집중할 것을 권장하는 이유입니다.

당신의 경우워드프레스 사이트 속도빠르지 않으면 청중과 Google이 모두 만족하지 못하여 가시성과 트래픽을 잃게 됩니다.

모바일 페이지 속도 문제가 방문자를 유치하고 열광적인 고객으로 전환하는 데 방해가 되지 않도록 하려면 모바일 사이트 로딩 속도를 높이는 몇 가지 팁이 있습니다.

먼저 귀하의 웹사이트가 얼마나 빠른지 알아보겠습니다.

• Think With Google로 이동 모바일 속도 테스트" 페이지, 그런 다음 URL을 입력하여 웹사이트를 스캔합니다.
• 이것은 HTML 및 CSS, JavaScript, 압축성, 사용성을 확인하는 모바일 사이트를 분석하고 귀하의 Wordpress 웹을 비교하기 시작합니다.페이지 속도, 업계의 다른 사이트.
• 스캔이 완료되면 모바일 페이지 로드 시간, 예상 방문자 손실 및 업계 비교가 표시됩니다.또한 몇 가지 수정 사항을 적용하여 로드 시간을 얼마나 줄일 수 있는지 알려줍니다.

모바일 웹사이트를 더 빠르게 로드하는 방법

모바일에서 WordPress 페이지 로드 시간을 개선하는 단계는 다음과 같습니다.

올바른 호스트 선택

페이지 로드 속도는 웹 코딩에 따라 다르지만 전적으로 웹 호스팅 서버에 따라 다릅니다.서버가 브라우저 요청에 응답하기 위해 더 오래 대기하고 있음을 의미하며, 이는 페이지 로드 시간에 영향을 미칩니다.이것이 웹 사이트 로딩 시간을 최적화하기 위해 더 빠른 웹 호스팅이 중요하거나 권장되는 이유입니다.

공유 서버보다 더 나은 서비스를 제공하는 VPS 또는 전용 서버를 포함한 다양한 호스팅 계획 중에서 선택할 수 있습니다.

마찬가지로, 귀하 또는 귀하의 대상 청중 근처에 있는 호스팅 서버는 로드 시간이 지연됩니다.미국에서 더 많은 방문자를 얻으면 페이지를 빠르게 제공하는 동일한 위치(미국)에 대해 호스팅 서버 위치를 선택해야 합니다.

콘텐츠 전송 네트워크 사용

마찬가지로 이미 웹 호스팅 계획을 구매했고 서버 위치가 마음에 들지 않는다면 언제든지 CDN을 사용하여 호스팅을 보완할 수 있습니다.CDN은 각각 다른 데이터 센터에서 호스팅되는 여러 서버에 사이트의 가중치를 분산합니다.이 서버 네트워크를 활용한다는 것은 각 사용자에게 가장 가까운 서버의 콘텐츠를 제공하는 것을 의미합니다.이렇게 하면 콘텐츠가 이동해야 하는 거리가 줄어들어 로딩 시간이 빨라집니다.

다음은 콘텐츠 전송 네트워크를 사용하는 예입니다.

호스팅 제공업체에 최신 버전의 PHP 업데이트를 요청하세요.

PHP는 WordPress 사이트와 그 기능의 중추를 형성하는 데 사용하는 오픈 소스 스크립팅 언어입니다.PHP를 사용한 실습 코딩은 중요하지 않으며 항상 서버 수준에 있으며 업데이트되지 않으면 모바일 페이지 속도에 영향을 줄 수 있습니다.

WordPress 사이트를 처음 설정할 때 웹 호스트는 자동으로 최신 버전의 PHP를 선택해야 합니다.그러나 관리형 PHP 업데이트가 활성화되어 있지 않다면 그대로 유지해야 합니다.호스팅 지원 팀과 협력하여 PHP 버전을 업데이트하는 것이 좋습니다.

캐시 플러그인 사용

WordPress 사이트의 경우 페이지 로드를 늦추는 가장 빠르고 쉬운 방법 중 하나는 다음과 같은 캐싱 플러그인을 설치하는 것입니다.WP 총 캐시或WP 슈퍼 캐시.두 플러그인 모두 무료로 다운로드할 수 있으며 매우 좋습니다.이름에도 불구하고 캐시 플러그인의 주요 기능은 브라우저 캐싱입니다.

데이터베이스를 정리

WordPress의 함정 중 하나는 저장된 초안, 수정 후, 비활성화된 플러그인 등으로 인해 데이터베이스가 빠르게 매우 복잡해질 수 있다는 것입니다.. WP-최적화필요하지 않은 모든 것을 정기적으로 제거하여 데이터베이스를 파일로 복잡하게 만드는 훌륭한 플러그인입니다.

압축된 이미지

WordPress를 사용하는 경우 WP Smush.it 플러그인을 설치하여 이미지를 자동으로 압축합니다.이렇게 하면 시각적 품질을 잃지 않고 이미지 크기를 줄일 수 있습니다.이 플러그인의 좋은 점은 새 이미지를 업로드할 때마다 백그라운드에서 실행된다는 것입니다.미디어 라이브러리에 업로드된 모든 이미지에 대해 소급하여 실행할 수도 있습니다.

이미지 핫링크 비활성화

다른 사이트가 "뜨거울 때링크"를 이미지에 연결하고,대역폭을 잡아먹기 때문에 웹사이트 속도가 느려집니다.다른 사이트에서 대역폭을 사용하지 못하도록 하려면 이 스니펫을 .htaccess 파일에 추가할 수 있습니다.example.com의 내용을 변경하는 것을 잊지 마십시오!

에한다 RewriteEngine
한다 RewriteCond % {HTTP_REFERER}! ^ $
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?example.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]

gzip으로 웹사이트 압축하기

Gzip은 웹사이트 파일을 압축하여 대역폭을 절약하고 페이지 로드 시간을 단축하는 쉬운 방법입니다.Gzip이 작동하는 방식은 파일을 zip 파일로 압축하여 사용자의 브라우저를 더 빠르게 로드하는 것입니다.그런 다음 사용자의 브라우저는 파일의 압축을 풀고 내용을 표시합니다.서버에서 브라우저로 콘텐츠를 전송하는 이 방법은 더 효율적이고 많은 시간을 절약합니다.

.htaccess 파일에 다음 코드를 추가하기만 하면 Gzip을 활성화할 수 있습니다.

# 텍스트, html, javascript, css, xml 압축:
AddOutputFilterByType DEFLATE 텍스트 / 일반
AddOutputFilterByType DEFLATE text / html
AddOutputFilterByType DEFLATE 텍스트 / xml
AddOutputFilterByType DEFLATE 텍스트 / CSS
AddOutputFilterByType DEFLATE 응용 프로그램 / xml
AddOutputFilterByType DEFLATE 응용 프로그램 / xhtml + xml
AddOutputFilterByType DEFLATE 응용 프로그램 / rss + xml
AddOutputFilterByType DEFLATE 응용 프로그램 / javascript
AddOutputFilterByType DEFLATE 응용 프로그램 / x-javascript

# 또는 확장자로 특정 파일 형식을 압축합니다.

SetOutputFilter DEFLATE

Gzip이 활성화되어 있는지 또는 사이트에서 작동하는지 확인하려면 Gziptest.com을 사용할 수 있습니다.

CSS 및 JS 파일 축소

웹 페이지가 느리게 로드되는 원인을 살펴보면 다루기 힘든 Javascript 파일이 많거나 CSS의 비효율적인 로드와 관련이 있을 가능성이 큽니다.WordPress 및 기타 콘텐츠 관리 시스템의 함정 중 하나는 새로운 플러그인이 설치될 때마다 새로운 JS 또는 CSS 파일이 추가된다는 것입니다.

파일을 축소하는 방법에는 여러 가지가 있습니다.첫 번째 방법은 모든 파일을 하나의 파일로 압축하는 것입니다. 따라서 XNUMX개의 개별 자바스크립트 파일을 호출하는 대신 모든 자바스크립트를 하나의 파일에 넣을 수 있습니다.

축소의 두 번째 측면은 공백을 제거하고 파일을 더 작게 만드는 것입니다.WordPress를 사용하는 경우 WP Minify는 이 모든 작업을 자동으로 수행하는 훌륭한 플러그인입니다.

연결 유지 활성화

HTTP 연결 유지는 클라이언트 컴퓨터와 웹 서버 간에 파일 다운로드 권한을 요청하는 메시지입니다.Keep-Alive를 활성화하면 클라이언트 컴퓨터가 반복적으로 권한을 요청하지 않고도 여러 파일을 다운로드할 수 있으므로 대역폭을 절약하는 데 도움이 됩니다.

Keep-Alive를 활성화하려면 다음 코드를 복사하여 .htaccess 파일에 붙여넣기만 하면 됩니다.

헤더 세트 연결 연결 유지

리디렉션 줄이기

301(영구) 리디렉션은 404 오류(연결 끊김)보다 선호되지만 브라우저가 페이지의 올바른 버전에 도달하는 데 걸리는 시간을 늦추기 때문에 여전히 이상적이지 않습니다.

Screaming Frog는 다시 301 리디렉션을 찾아내는 훌륭한 도구입니다.PC를 사용하는 경우 웹 사이트에서 데이터를 스크랩하는 훌륭한 도구인 Xenu Link Sleuth를 사용할 수도 있습니다.

핑백 끄기

트랙백과 트랙백은 실제로 WordPress에서 실제 목적이 없지만 일반적으로 기본적으로 활성화되어 있습니다.데이터베이스를 차단하고 요청 수를 늘리므로 두 옵션을 모두 해제하는 것이 좋습니다.

작성하는 모든 게시물에서 핑백을 비활성화하려면 관리 → 설정 → 토론으로 이동하여 다른 블로그에서 "링크 알림(핑백 및 트랙백) 허용" 옵션을 끄십시오.

모바일 웹사이트를 더 빠른 형식으로 변환

모바일 장치에서 느린 로드 시간을 더 잘 처리할 수 있도록 두 가지 웹 사이트 및 웹 페이지 형식이 도입되었습니다.둘 다 이 블로그에서 광범위하게 논의되었으므로 여기에서 이에 대해 이야기하는 데 너무 많은 시간을 할애하고 싶지 않습니다.그러나 모바일 사이트를 다음 형식 중 하나 또는 둘 모두로 마이그레이션하는 것이 도움이 되는 이유를 간단히 요약하고 싶었습니다.

앰프: AMP"Accelerated Mobile Pages"의 줄임말입니다.이 페이지 형식을 빠르게 만들 수 있는 많은 요소가 있습니다.

• 대부분 경량 HTML에 의존합니다.
• 지연 로딩을 사용합니다.
• 페이지 콘텐츠는 Google Cloud에 캐시됩니다.

모든 웹 사이트에서 사용할 수 있지만 빠른 읽기 경험을 제공하려는 디지털 출판물 및 블로그에 특히 유용합니다.또한 구현하기 쉽습니다. 페이지를 변환하는 WordPress 플러그인만 있으면 됩니다.

PWA:PWA"프로그레시브 웹 앱"의 줄임말입니다.모바일 웹(예: 검색 가능성 및 편의성)을 최대한 활용하고 모바일 앱과 결합합니다(예: 더 모바일 친화적인 디자인 및 전화 기능).또한 기존 모바일 웹사이트보다 훨씬 빠릅니다.

주목해야 할 또 다른 점은 PWA는 모바일 앱처럼 오프라인으로 액세스할 수 있으며 웹 사이트가 적용 범위가 낮거나 없는 지역에 거주하는 사람들을 대상으로 하는 경우 PWA가 좋은 옵션이라는 것입니다.

PWA는 웹사이트를 앱과 같은 셸에 넣으므로 변환할 웹사이트 페이지를 선택할 필요가 없습니다.처음부터 끝까지 더 좋고 빠른 경험을 만들고 싶다면 PWA로 구축(또는 웹사이트 변환)하세요.

웹사이트를 일종의 PWA로 바꾸는 데 도움이 되는 WordPress 플러그인이 있지만 이 플러그인을 처음부터 작성하는 것이 가장 좋습니다.

이제 다시 Google의 " 모바일 속도 테스트" 페이지 웹사이트를 스캔하기 위해 URL을 입력하십시오. 지금 점수는 얼마입니까?

다시 말하지만 모바일 웹사이트를 정기적으로 다시 방문하여 가능한 한 빨리 실행되고 있는지 확인하는 것이 중요합니다.