admin 
구글에서 랭킹 리스트에 추가해놓을만한 페이지 속도가 75점 입니다
근데 이 플러그인을 사용하면 100점을 받습니다
플러그인 사용전
플러그인 사용 후
정말 기가막히지 않나요?
(플러그인은 항상 활성화 해노세요)
이 플러그인은 그냥 미쳤습니다
워드프레스에서 같은 결과 내려면 유료 플러그인 3~4개 사야 해요 (Smush 60달러/년, WP Rocket 59달러/년 등)
누리보드에서 모바일 속도관련 한달을 잠안자고 파헤쳐서 100점을
만들어내는 플러그인을 개발하였습니다
구글은 모바일속도가 좋다면 랭킹을 올려주고
모바일 속도가 안좋다면 스킵을 합니다
그래서 모바일 속도는 무조건 필수입니다
구글 PageSpeed 모바일 점수를 100점까지 끌어올리는 Core Web Vitals 자동 최적화 플러그인. 이미지 리사이즈, WebP 변환, LCP/CLS/FCP 동시 개선.
구글 모바일 검색 순위에 직접 영향을 주는 Core Web Vitals 지표를 자동으로 최적화합니다.
실측 결과: 모바일 PageSpeed 점수 76점 → 100점 달성 (LCP 5.5초 → 1.2초)
[이런 분께 필요합니다]
- 모바일 검색 순위가 PC보다 낮은 사이트
- 구글 PageSpeed 점수가 80점 미만인 사이트
- 이미지가 많은 게시판 운영자
- 사이트 속도 때문에 이탈률이 높은 운영자
[자동 처리 항목]
1. 이미지 일괄 리사이즈
- 1024x1024 큰 이미지를 1200px 이하로 자동 축소
- 업로드 시 자동 처리 + 기존 이미지 일괄 변환
- 원본 백업 옵션 제공 (안전한 복원 가능)
2. WebP 자동 변환
- JPG/PNG를 WebP로 변환하여 평균 70% 용량 절감
- HTML의 이미지 src를 자동으로 .webp 경로로 교체
- 업로드 시 자동 변환
3. LCP 이미지 최우선 로딩
- 첫 번째 이미지에 fetchpriority="high" 자동 삽입
- <head>에 preload 힌트 자동 추가
- LCP 5초대를 1초대로 단축
4. 이미지 width/height 자동 삽입
- CLS 0.1 → 0.01 수준으로 개선
- 레이아웃 밀림 현상 완전 제거
5. CSS 렌더링 차단 해소
- 메인 CSS를 비동기 로딩으로 전환
- FCP 단축 + LCP 직접 개선
- 안전 모드 / 고급 모드 선택 가능
6. Lazy Loading 자동 적용
- 화면 밖 이미지에 loading="lazy" 자동 추가
- 첫 이미지(LCP)는 자동 제외 처리
7. font-display swap 자동 삽입
- 폰트 로딩 중에도 텍스트 즉시 표시
[관리 기능]
- 실시간 변환 진행률 표시
- 절약된 용량 통계
- 백업 파일 관리 (용량 표시 + 일괄 삭제)
- WebP 품질 조절 (50~100)
- 최대 이미지 크기 직접 지정 (400~3000px)
[적용 효과 (실측)]
지표 개선 전 개선 후 변화
성능 점수 76 100 +24점
LCP 5.5초 1.2초 4.3초 단축
CLS 0.101 0.01 90% 개선
Speed Index 3.1초 2.5초 0.6초 단축
이미지 용량 1011KiB 250KiB 75% 절감
[권장 적용 순서]
1. 플러그인 활성화 + 모든 옵션 체크
2. 일괄 리사이즈 실행 (LCP 핵심)
3. 일괄 WebP 변환 실행
4. CSS 비동기 로딩 활성화
5. PageSpeed 재측정으로 결과 확인
6. 안정화 후 백업 파일 삭제로 디스크 회수
[서버 요구사항]
- PHP GD 라이브러리 (WebP 지원 권장)
- 업로드 폴더 쓰기 권한
- 미지원 환경에서도 리사이즈/lazy/CLS 기능은 정상 동작
[주의사항]
- CSS 비동기 로딩은 일시적으로 화면이 깨져 보일 수 있습니다 (FOUC).
적용 후 직접 확인하고 거슬리면 옵션을 끄세요.
- 일괄 리사이즈는 원본을 덮어씁니다. 백업 옵션을 켠 상태에서 실행하세요.
- 워드프레스 유료 플러그인 3종 (Smush, WP Rocket, ShortPixel) 기능을 통합 제공합니다.
댓글 0
댓글을 작성하려면 로그인하세요.