게시물 공유

웹우리
0
10개월 ago

FlyingPress로 워드프레스 홈페이지 속도 최적화 홈페이지가 느리다면 꼭 읽어보고 적용해야할 8가지 최적화 가이드 WP Rocket의 차이

FlyingPress와 WP Rocket 비교

	플라잉프레스	WP로켓
가격	$60, $42(갱신 시)	$59
자체호스트 google 글꼴	O	X
레이아웃 변경 감소	O	O
중요한 이미지 사전 로드	O	X
쿠키 우회	O	X
사용되지 않는 CSS	3가지	inline
렌더링 요소 건너뛰기	O	X
설정지침	적당함	명확함
iFrame 최적화(유튜브 링크 같은.)	매우 좋음	부족함
자바스크립트 최적화	완벽함	부족함
기존 캐시를 지우지 않고 캐시를 미리 로드	O	X
CDN	매월 3$	매월 9$

홈페이지의 속도에 🚀가장 큰 영향을 미치는것 웹호스팅 성능입니다.

웹호스팅 성능에 따라 사이트의 속도, 그리고 많은 방문자를 빠르게 처리할 수 있기 때문입니다.

성능을 향상시키는 실용적인 방법은 기존 웹 호스트를 서버 리소스를 처리하기 충분한 더 빠른 웹호스팅 서비스로 교체하는 것입니다. 또한 Rocket.net, Kinsta , WP Engine 등과 같은 관리형 호스팅에서 FlyingPress를 사용할 수 있습니다.

관리형 호스팅에서 FlyingPress를 사용할 수 있습니다.

결론부터 이야기하자면

FlyingPress는 사람과 코어 웹 바이탈과 같은 메트릭을 위해 웹 사이트 속도를 높입니다. WP Rocket과 달리 항상 새로운 기능을 업데이트하고 추가하고 있습니다. 저는 플라잉 프레스가 단순하고 현대적인 UI를 가지고 있어서 좋습니다.

플라잉프레스와 로켓 모두 플러그인 모두GMTetrix, Pingdom 및 Web Vital + Google 페이지 속도 점수를 향상시킵니다. 그러나 메트릭은 사용자 경험보다 덜 중요하다는 점을 명심해야 합니다.

UX는 항상 기계보다 중요하므로 항상 인간의 눈에 최적화됩니다. 플라잉프레스(FlyingPress)는 인간이 몇 번의 클릭만으로 가속화된 웹사이트를 얻을 수 있도록 제작되었습니다.

WP Rocket은 여전히 기능이 충분하고 안정적이지만 다른 것들에 비해 기능이 적습니다. UI는 잘 디자인되고 선명합니다. 본격적으로 알아볼게요.

FlyingPress는 Gijo Varghese가 개발한 프리미엄 캐시 플러그인입니다.

Gijo는 WordPress 속도를 전문으로 하고 WPspeedmatters , FlyingWeb 솔루션 및 Flying Pages , Flying Scripts, FlyingCDN과 같은 많은 무료 플러그인을 운영하고 있기에 유명합니다.

오늘은 FlyingPress에 대한 리뷰가 될 수 있으며, 서버 성능의 최적화 가이드가 될 수 있습니다. ❤️

대부분의 캐시 플러그인에는 메타데이터 제거, RSS 링크, 하트비트 제어, 이모티콘 비활성화, Htaccess 기능과 같은 비속도 최적화 기능이 있습니다.

하지만, FlyingPress에는 무거운 코드가 포함되지 않으며 기술적인 설정도 필요하지 않습니다. 초보자이든 아니든 상관없이 그것이 무엇인지 인식하지 못하더라도 경험할 수 있습니다. 👏🏻

레이아웃과 사용자 인터페이스는 매우 간단합니다. 물론 복잡해 보이지는 않지만 기능은 인상적입니다. 디자인도 마음에 들고, 밋밋한 개선도 없습니다.

FlyingPress를 사용한 결과 ✨📣

FlyingPress는 제가 경험한 것 중 가장 빠른 로딩 시간을 제공했습니다. 저는 PageSpeed나 GTmetrix와 같은 페이지 지표에 대해 별로 기대하지 않습니다.

하지만 FlyingPress 매우 빠른 속도를 제공하는데, 아래에서 테스트 결과를 공유합니다.

업그레이드 된, FlyingPress 4 🔥

FlyingPress 플러그인은 지속적으로 업데이트되며 특히나 4버전은 정말 훌륭합니다. 최근 업데이트를 따라오셨다면 아마확인하셨을 겁니다. V4에는 완전히 새로운 사용자 인터페이스와 기능이 있습니다.

새 버전에서는 무엇이 변경되었나요? 🙋🏻‍♀️

공지에 따르면일부 기능을 변경하고 제거했습니다.

제가 확인한 몇 가지 차이점은 다음과 같습니다.

UI : 새 버전에서 인터페이스가 많이 변경되었습니다. 이제 불필요한 것 없이 더 수월해진 것 같아요.
HTML 프로세스: 이전에는 FlyingPress가 HTML을 처리하기 위해 타사 HTML API에 의존했기 때문에 더 많은 서버 리소스가 필요했습니다. 최신 버전에서는 서버 리소스 사용량이 적은 사용자 정의 HTML 파서를 설정했습니다.
사용하지 않는 CSS 자동 제거 : 이전 버전에서는 기본적으로 중요한 CSS를 지정할 수 있었지만, v4에서는 사용하지 않는 CSS를 제거하기 위해 체크만 하면 됩니다.
Bloat : 부풀림 감소를 포함한 올인원 최적화 플러그인으로 성장하고 있지만 여전히 성능만큼 많은 기능이 누락되어 있습니다. 그러나 웹사이트에서 자산 최적화 플러그인을 활용하지 않더라도 여전히 좋습니다.
캐시 사전 로드 : 이전 버전에서는 캐시를 삭제하면서 캐시를 미리 로드해야 했지만 이제는 기존 캐시를 제거하지 않고도 캐시를 미리 로드할 수 있습니다. 먼저 제거하고 사전 로드하려는 경우에도 여전히 수행할 수 있습니다.
쿠키 우회 : 사용자 지정 쿠키의 캐시를 무시하는 새로운 기능입니다.

FlyingPress 최고의 기능 🧑🏻‍💻 🚀

저는 여러 캐시 플러그인과 다양한 최적화 플러그인을 사용해 보았지만 이것은 지금까지 사용해본 플러그인 중 단연 최고이며 다음은 제가 가장 좋아하는 FlyingPress 기능 중 일부입니다 .

기본 UI : 복잡한 것을 싫어하고 단순한 것을 좋아합니다. 특히 미로 같은 느낌을 주는 W3 Total Cache. 하지만 당신은 FlyingPress를 좋아할 것입니다.
지연 렌더링 요소 : 요청될 때까지 렌더링 기능을 연기합니다.
JavaScript 지연 : 사용자가 상호작용할 때 JavaScript를 로드합니다. 사용자가 입력할 때까지 일반적으로 타사 코드가 다운로드되는 것을 방지하는 방식이 마음에 듭니다. WPDiscuz, Google 번역, 통계, 광고와 같은 외부 요소를 포함할 수 있습니다. 따라서 이러한 방식으로 다른 당사자의 쿼리 처리를 줄일 수 있습니다.
Google 글꼴 최적화 : 외부 리소스이며 항상 웹사이트에 막대한 영향을 미칩니다. 그러나 FlyingPress의 로컬 호스트 Google 글꼴 결합 기능은 이 문제를 줄이는 데 도움이 됩니다.
YouTube용 자리표시자 사진 : HTML 코드 및 스크립트와 같은 YouTube 비디오를 추가한 경우 여러 리소스를 렌더링합니다. YouTube 커버는 자리표시자로 대체될 수 있습니다. 즉, 누군가가 클릭할 때만 동영상이 로드됩니다. 정말 멋지네요!
지연 로드에서 위의 접힌 이미지 제외 : 사진에 지연 로딩을 활성화하면 모든 이미지가 그렇게 됩니다. 그러나 스크롤 없이 볼 수 있는 부분 위의 사진은 로드하면 안 됩니다. 이 기능은 숫자에 따라 결정됩니다.
중요한 이미지 미리 로드 : 위 폴더에 있는 로고, 그래픽 및 기타 사진은 첫 번째 표시를 위해 일찍 가져와야 합니다.
사용하지 않는 CSS : 이 기능은 새 버전의 일부라고 이미 언급했는데, 이는 사용하지 않는 CSS가 이제 자동으로 제거된다는 의미입니다.

FlyingPress 에 대해서 그럼 차근차근 알아보도록 하겠습니다.

1. FlyingPress 대시보드

2. 캐시

업데이트된 버전에서는 캐시 수명을 자동 제거 대신 예약된 사전 로드로 대체할 수 있습니다. URL 또는 파일 경로를 사용하여 캐싱하는 페이지를 제외할 수도 있습니다. 그리고, 쿠키 및 쿼리 매개 변수를 무시할 수 있습니다.

이제 모바일용 캐시를 별도로 설정할 수 있습니다.

그러나, 블로그와 같은 일반적인 사이트에는 필요하지 않습니다. 만약, 사이트에서 모바일 장치용으로 다른 콘텐츠를 만드는 경우 허용할 수 있습니다.

“로그인한 사용자에게 최적화” 설정을 사용하지 마십시오. 대시보드가 호스팅할 때 대부분 매우 느리거나 서버 리소스가 부족한 경우에는, 서버를 더 나은 서버로 전환해야 할 때입니다. 일부 느린 플러그인 및 테마와의 호환성 문제로 인해 발생할 수 있습니다.

3. CSS 설정

FlyingPress의 CSS 설정 섹션에는 CSS 최소화, 사용하지 않는 CSS, 게으른 HTML 요소가 있습니다.

사용하지 않는 CSS 세 가지 옵션

비동기적
사용자 상호 작용
제거

“제거”는 가장 빠른 방법이며 빠른 웹 경험을 제공합니다. 그러나 간혹 특정 기능에 문제가 발생할 수 있습니다.

특히, 드롭다운 메뉴와 같은 일부 테마 기능이 올바르게 작동하지 않습니다. 하지만 사용하지 않는 CSS를 제거할 때 제외할 “CSS 제외”를 선택하여 URL이나 CSS의 경로를 지정할 수 있습니다.

모든 것이 괜찮지만 GMTetrix 또는 Pagespeed 보고서와 함께 사용되지 않은 CSS가 있는 경우를 가정해 보겠습니다.

CSS 렌더 차단 문제를 해결할 수 있습니다. 사용자를 위해 페이지를 더 빨리 로드합니다. 많은 플러그인이 불필요한 코드를 생성합니다. 따라서 느린 플러그인 사용을 피해야 합니다. 특히 스타일 시트가 여러 개 있을 때 효과적입니다.

사용해 보시고 사이트가 개선되는지 확인해 보세요. 하지만 저는 “On User Interaction”을 선호합니다.

4. 자바스크립트 설정

CSS 설정과 마찬가지로 자바스크립트 설정에는 최소화, 사전 로딩, 자바스크립트 지연 및 가장 유용한 기능인 “지연 자바스크립트”가 포함됩니다. 광고 네트워크를 사용하는 경우 이 기능이 편리합니다.

자바스크립트-디퍼 전략이 항상 유용한 것은 아닙니다. 그러나”FP”(플라잉프레스의 줄임말)를 사용하면 스크립트를 연기에서 제외할 수 있습니다. 인라인 JS를 지연할 수도 있습니다. 모든 JS가 지연되는 것은 아닙니다.

중요한 작업에 사용되지 않는 JS의 기능이 필요하지 않을 경우 도움이 될 수 있습니다. 그렇지 않으면 미루는 것이 도움이 되기보다는 느릴 수 있습니다. 그러나 타사 스크립트는 지연되어야 합니다.

“모두 지연” 기능은 빠른 결과를 제공할 수 있지만, 🧑🏻‍💻 문제가 발생할 경우 “선택한 지연” 과정이 가장 안전한 방법입니다.

“사전 로드 링크”는 공유 호스트에 적합하지 않습니다. 서버의 리소스를 낭비할 수 있으며 소규모 사이트와 블로그에는 효과가 없습니다. 사이트에 링크가 많은 경우 유용할 수 있지만 적절한 서버 리소스가 필요합니다.

5. 글꼴 설정

글꼴 설정에는 글꼴 최적화, 웹 서버의 Google 글꼴 결합 및 호스팅, 폴백 및 사전 로드가 포함됩니다. 폰트가 작아 보입니다. 그러나 이는 주로 Google, 폰트 어썸 또는 Adobe와 같은 타사 폰트를 사용하는 경우 웹 사이트 로딩 속도에 큰 영향을 미칩니다.

글꼴은 항상 웹 사이트 최적화의 중요한 부분입니다. 글꼴이 다른 서버에서 로드되어 속도를 보장할 수 없기 때문에 FlyingPress 글꼴 설정으로 글꼴 문제를 해결할 수 있습니다.

로컬 호스트로 글꼴을 최적화하는 것이 더 좋습니다. 많은 테마에는 사용할 수 있는 기본 글꼴이 포함되어 있거나 플러그인 또는 수동으로 로컬 호스트 기능을 사용할 수 있습니다.

FlyingPress가 좋은점은 모든 글꼴 최적화로 구성할 수 있다는 것입니다. 필요에 따라 Bloat 제거 섹션에서 Google 글꼴을 비활성화할 수도 있습니다.

모든 사용자는 기능을 편집하여 G-font를 비활성화할 수도 있습니다.pph파일. 구글 폰트를 큐잉하거나 로드하는 코드 부분을 찾을 수 있습니다.

6. 이미지 설정

FP는 이미지 최적화, 레이지 로드, 레이지 로드에서 위의 것들을 제외하고, 누락된 폭과 높이를 추가하고, 중요한 이미지를 미리 로드하고, 이모지를 비활성화하는 기능이 있습니다.

호스트 로컬 Gravatar 이미지: FP의 또 다른 새로운 기능은 서버에 Gravatar 이미지를 다운로드하고 저장하여 타사 요청의 수를 줄일 수 있다는 점입니다.

이런 부분에서 얼마나 FP(플라잉프레스)가 얼마나 진심인지 알 수 있 수 있습니다. 섬세함을 이루 말할 수 없는.. 그리고, 가벼움

그리고!!! 일반적으로 캐시 플러그인은 이미지 최적화 기능을 모두 제공하지 않습니다.

FP(플라잉프레스)는 미쳤습니다. 이것도 넣었네요.

FlyingPress에는 다음과 같은 귀중한 기능이 있습니다.

중요 영상 사전 로드
레이지 로드에서 위의 접힌 이미지 제외
누락된 너비 및 높이 추가

와 진심 대단하구나!! 👏🏻

다른 프리미엄 플러그인에는 이러한 기능이 일부 부족합니다. 하지만 IO 플러그인과 같은 최적화를 기대할 수는 없습니다.

이미지는 모든 웹사이트의 핵심 요소입니다. 그러나 어려운 부분은 이미지를 너무 크게 설정하면 다운로드하는 데 훨씬 더 오래 걸리고 브라우저에서 더 많은 공간을 차지한다는 것입니다.

이러한 경우 이미지는 웹 사이트의 로드 시간에 큰 영향을 미칩니다. 빠른 사이트를 통해 다른 플러그인을 피하거나 작은 그래픽이나 압축과 같은 기능을 사용하여 이미지를 수동으로 최적화할 수 있습니다.

Ezgif와 같은 타사 서비스를 사용하여 수동으로 최적화할 수 있습니다. Cloudflare Polish, Bunny Optimizer, KeyCDN 또는 Litespeed Cache+Q와 같은 CDN 서비스를 사용하여 이미지를 최적화하거나, 다른 플러그인 Shortpixel, Webp media 등을 사용합니다.

7. iFrame 설정 (유튜브 설정)

대부분의 IFRame이 YouTube이기 때문에 iFrame을 게으르게 로드하기 위한 설정, YouTube용 플레이스홀더 이미지 사용, 로컬 호스팅 설정 등 YouTube와 관련된 거의 모든 것을 볼 수 있습니다.

또한 IF 프레임에는 광고 및 임베디드 요소와 같은 HTML 항목이 포함됩니다. 사이트에서 유튜브 비디오를 사용하면 이 기능을 좋아할 것입니다. 다른 서버에 로드되어 사이트 속도를 늦출 수 있습니다. 플라잉 프레스는 전혀 개의치 않습니다.

8. CDN 설정

FP CDN 섹션에는 “CDN 활성화”와 같은 최소한의 항목이 있습니다. 클라우드플레어를 사용하면 여기서 할 일이 없습니다. 하지만 Bunny나 KeyCDN을 사용하면 URL과 파일을 구성할 수 있습니다.

FlyingCDN을 사용할 수도 있습니다. 가격도 저렴하고 웹피 이미지처럼 시원한 기능이 있어서 마음에 듭니다.

CDN에 돈을 지불하고 싶지 않다면 클라우드플레어의 무료 서비스는 중소규모 사이트를 위한 모범적인 서비스입니다. 그러나 큰 사이트가 있는 경우 유료 CDN이 어떤 일이 발생하기 전에 유용할 수 있으므로 보안 기능이 있는 프리미엄 CDN을 고려해야 합니다.

FlightingCDN과 RocketCDN의 차이점은 다음과 같습니다.

	플라잉 CDN	로켓 CDN
CDN	버니 CDN	스택 경로
금액	$3	$ 9
가장자리 위치	110+	70+
레이턴시	전 세계적으로 26-35ms	50+ms
SEO헤더제공	O	x
HTTP3	x	x
자유 SSL	O	O
디도스 보호	O	x
CSS 및 JS 최소화	O	x
지오 레플리케이션	O	x
이미지 최적화	O	x
WebP+적응형 이미지	O	x
모든 POP 액세스	O	x