설명
퍼포먼스 랩 플러그인은 사이트의 성능 향상에 중점을 둔 모듈 모음으로, 대부분은 궁극적으로 워드프레스 코어에 병합되어야 합니다. 플러그인을 사용하면 워드프레스 코어에서 사용할 수 있게 되기 전에 모듈을 개별적으로 활성화하고 테스트하여 이점을 얻고 솔루션을 더욱 개선하기 위한 피드백을 제공할 수 있습니다.
현재 플러그인에는 다음과 같은 성능 모듈이 포함되어 있습니다.
- 주요 색상 이미지: 새로 업로드된 이미지의 주 색상을 저장하고 해당 색상의 자리 표시자 배경을 생성하는 지원을 추가합니다.
- WebP 지원 상태 확인: 사이트 상태 상태에서 WebP 지원 확인을 추가합니다.
- WebP 업로드: 서버에서 지원하는 경우 새 JPEG 이미지 업로드를 위한 WebP 버전을 생성합니다.
- 대기 중인 에셋 상태 확인: 사이트 상태 상태에서 CSS 및 JS 리소스 확인을 추가합니다.
- 자동 로드 옵션 상태 확인: 사이트 상태 상태에서 자동 로드 옵션에 대한 확인을 추가합니다.
설치
워드프레스 내에서 설치
- 플러그인 > 새로 추가를 방문하세요.
- 퍼포먼스 랩를 검색합니다.
- 퍼포먼스 랩 플러그인을 설치하고 활성화합니다.
수동 설치
- 전체
performance-lab폴더를/wp-content/plugins/디렉터리에 업로드합니다. - 플러그인을 방문하세요.
- 퍼포먼스 랩 플러그인을 활성화합니다.
활성화 후
- 새로운 설정 > 성능 메뉴를 방문하세요.
- 사용하려는 개별 모듈을 활성화합니다.
FAQ
-
이 플러그인의 목적은 무엇입니까?
-
퍼포먼스 랩 플러그인의 주요 목적은 궁극적으로 워드프레스 코어에 도달하는 것이 목표인 다양한 성능 모듈을 테스트할 수 있도록 하는 것입니다. 본질적으로 “기능 플러그인” 모음으로, 워드프레스 코어를 대상으로 하지 않고 잠재적으로 워드프레스 코어에서 사용할 수 없는 기능에 의존하는 성능 기능을 제공하는 다른 성능 플러그인과 다릅니다. 사용 가능한 모듈 목록은 정기적으로 변경됩니다: 기존 모듈은 워드프레스 코어에서 릴리스된 후 제거될 수 있지만 새 모듈은 모든 릴리스에 추가될 수 있습니다.
-
내 프로덕션 사이트에서 이 플러그인을 사용할 수 있습니까?
-
플러그인의 주요 목적(위 참조)에 따라 포함된 다양한 성능 모듈에 대한 베타 테스트 플러그인으로 간주될 수 있습니다. 그러나 모듈이 명시적으로 “experimental”로 표시되지 않는 한 프로덕션 환경에서 사용하기에 적합한 수준으로 테스트 및 설정되었습니다. 여전히 모든 플러그인과 마찬가지로 위험은 사용자가 감수해야 합니다.
-
내 플러그인 피드백은 어디에 제출할 수 있습니까?
-
특히 이 플러그인은 향후 워드프레스 핵심 기능의 모음이므로 피드백을 적극 권장하고 감사하게 생각합니다. 새로운 기능에 대한 제안이나 요청이 있으면 성능 연구소 GitHub 리포지토리에 이슈로 제출할 수 있습니다. 문제 해결에 도움이 필요하거나 플러그인에 대한 질문이 있는 경우 지원 포럼에 새 주제를 작성하세요.
-
보안 버그는 어디에 신고할 수 있나요?
-
성능 팀과 워드프레스 커뮤니티는 보안 버그를 심각하게 생각합니다. 귀하의 연구 결과를 책임감 있게 공개하려는 귀하의 노력에 감사드리며 귀하의 기여를 인정하기 위해 모든 노력을 기울일 것입니다.
보안 문제를 신고하려면 워드프레스 HackerOne 프로그램을 방문하세요.
-
플러그인에 어떻게 기여할 수 있습니까?
-
기부는 언제나 환영합니다! 핵심 성과 팀 핸드북에 참여하는 방법에 대해 자세히 알아보세요.
-
WebP 업로드 모듈을 활성화했지만 JPEG 이미지를 업로드할 때 WebP 이미지가 항상 생성되지는 않습니다. 왜?
-
WebP 이미지가 생성되지 않을 수 있는 두 가지 주요 이유는 다음과 같습니다.
-
WebP 업로드 모듈이 활성화되면 플러그인이 내가 업로드하는 모든 이미지의 JPEG 및 WebP 버전을 생성합니까?
-
기본적으로 WebP 업로드 모듈은 업로드하는 이미지의 WebP 버전만 생성합니다. WebP 및 JPEG 버전을 모두 생성하려면 설정 > 미디어로 이동하여 WebP 외에 JPEG 파일 생성을 활성화할 수 있습니다. 옵션.
후기
2023년 11월 2일
1 reply
pagespeed.web.dev says: Consider using the Performance Lab plug-in to automatically convert your JPEG uploads to the WebP format, if it is supported.But it's not true, this plugin is not converting anything (maybe I am missing something), but yeah, useless for me
2023년 10월 26일
1 reply
converting photos to .webp is very fast, everything works well and it's really great. Thank you.
2023년 10월 23일
1 reply
Performance Lab one of the greatest extensions developed by WordPress team. It's just makes your web site superfast with a few clicks. There's no deep settings or configurations. If you're not a developer and using WordPress simply blogging, you must have to install Performance Lab.
2023년 10월 22일
5 replies
How to convert PNG images into webp this plugin only convert jpg images
please support or provide me any solution
2023년 9월 15일
1 reply
This plugin has made my site so much faster with almost no effort on my part. The dominant color images and fetchpriority modules have really improved my page load times. I recommend it to anyone looking to optimize their WordPress site.
2023년 7월 3일
1 reply
Working as intended. I wanted something lightweight that would convert to webP. I would like to ask that either hooks.php is permanently edited to remove the -{ext} so it doesn't create image-jpeg.webp or we have the option to dictate the filename.
기여자 & 개발자
변경이력
2.7.0
향상
- Images: Remove Fetchpriority module as the functionality is now available in WordPress core. (854)
- Infrastructure: Bump minimum required PHP version to 7.0 and minimum required WP version to 6.3. (851)
문서
- Infrastructure: Publish Dominant Color Images standalone plugin. (842)
2.6.1
버그 수정
- Infrastructure: Remove PHPStan config file from plugin directory. (816)
문서
- Infrastructure: Add standalone plugin assets. (815)
2.6.0
기능
- 인프라: 서버 타이밍 화면에 출력 버퍼링 추가 확인란을 추가합니다. (801)
- 인프라: WP 관리자 화면에서 제어하는 서버 타이밍으로 특정 훅 실행 시간을 측정하는 로직을 구현합니다. (784)
향상
- 이미지: 주색 이미지의 잘못된 함수 접두사 수정. (789)
- 인프라: 프로시저 코드가 있는 파일에 조기 종료 절을 추가하세요. (790)
- 인프라:
PERFLAB_DISABLE_SERVER_TIMING상수를 사용하여 서버 타이밍을 완전히 비활성화할 수 있도록 허용합니다. (795)
버그 수정
2.5.0
향상
- 이미지: 모듈을 로드하기 전에 워드프레스 코어에서 fetchpriority 기능을 사용할 수 있는지 확인하세요. (769)
- 데이터베이스 최적화: SQLite 모듈을 제거합니다. (764)
- 인프라: 6.3 버전까지 범프 테스트 완료. (772)
2.4.0
향상
- 데이터베이스: 다음 릴리스에서 제거될 SQLite 모듈에서 독립형 플러그인으로 마이그레이션하기 위한 마이그레이션 프롬프트를 구현합니다. (739)
- 하부구조: PHPStan을 추가하고 레벨 0 문제를 수정하여 코드 품질을 개선합니다. (730)
- 하부구조: 인스턴스 액세스가 필요하지 않을 때마다 약간의 성능 향상을 위해 정적 클로저를 사용하세요. (729)
버그 수정
- 데이터베이스: 독립형 플러그인 마이그레이션이 올바르게 작동하도록 SQLite 모듈 비활성화 루틴을 수정했습니다. (743)
- 하부구조:
Server-Timing헤더 출력을 더욱 견고하게 만듭니다. (736)
2.3.0
향상
- 이미지: 독립 실행형 플러그인에 대해
주요 색상및Fetchpriority모듈을 구성합니다. (704) - 하부 구조: 독립 실행형
plugins.json정의에서 지배적 색상 이미지를 일시적으로 제거합니다. (719) - 하부 구조: 수동 워크플로에는
plugins.json의 동적 버전을 사용하세요. (710)
버그 수정
- 이미지: 기존 인라인 스타일 속성 앞에 주요 색상 스타일을 추가합니다. (716)
- 하부 구조: 심각도가 낮은 보안 권고 GHSA-66qq-69rw-6×63을 해결하세요.
2.2.0
향상
- 이미지: Fetchpriority 모듈에서 “experimental” 플래그를 제거합니다. (702)
- 하부 구조: WebP 업로드를 포함하여 모듈에서 독립 실행형 플러그인을 시작하기 위한 인프라를 구현합니다. (699)
- 하부 구조: PHPCS 구성에
WordPress-Extra규칙을 포함하고 결과 문제를 수정합니다. (695)
버그 수정
- 이미지: 대상 매개변수를 사용하기 전에 소독하십시오. (690)
문서
- 이미지: 모듈 슬러그/디렉토리를
dominant-color에서dominant-color-images로 변경합니다. (708) - 이미지:
주요 색상모듈의 이름을주요 색상 이미지로 변경합니다. (705)
2.1.0
향상
- 하부 구조: 기본 서버 타이밍 메트릭에
wp-total메트릭을 추가합니다. (669) - 하부 구조: 독립 실행형 플러그인에서 충돌을 방지하기 위해 모듈
load.php파일이 실제로 다른 코드만 로드하는지 확인합니다. (674)
버그 수정
- 하부 구조:
object-cache.php드롭인 배치 문제를 수정합니다. (672)
2.0.0
향상
- 개체 캐시: 워드프레스 버전을 6.1로 업데이트하고 캐시 모듈을 제거하십시오. (641)
- 측정:
perflab_disable_object_cache_dropin필터를 추가합니다. (629) - 데이터 베이스: SQLite를 사용할 때 표시되도록 adminbar에 표시기를 추가하십시오. (604)
버그 수정
- 이미지: 기존
$metadata['sizes']를 확인하여 PHP 경고를 수정하십시오. (648) - 이미지: 필터 콜백에서 올바른 수의 인수를 사용하십시오. (634)
- 데이터 베이스: 정적 분석에서 강조 표시된 잘못된 문서 및 반환 유형을 수정합니다. (645)
- 하부 구조:
plugin_action_links_*필터의 잘못된 사용을 수정합니다. (647)
문서
- 하부 구조: 목적을 명확히 하기 위해 객체 캐시 드롭인에 파일 헤더를 추가합니다. (649)
1.9.0
향상
- 데이터 베이스: SQLite 모듈 설명에서 다중 서버 환경에 대한 경고를 제거합니다. (619)
버그 수정
- 하부 구조: 다른 플러그인과의 object-cache.php 드롭인 상호 운용성을 향상시킵니다. (616)
1.8.0
기능
- 측정: Server-Timing API 기반 및 기본 로드 시간 메트릭을 구현합니다. (553)
- 데이터 베이스: 새로운 실험적 SQLite 통합 모듈을 구현합니다. (547)
- 이미지: 새로운 실험적
fetchpriority모듈을 구현합니다. (528)
버그 수정
- 데이터 베이스: 정의되지 않은 속성과 관련된 SQLite 알림을 수정합니다. (600)
- 데이터 베이스: 원래
admin_email사용자가 삭제되었을 때admin_email및 실제 관리자 이메일의 잘못된 처리를 수정합니다. (603) - 데이터 베이스: 잠재적인 오류를 방지하기 위해 WP 파일 시스템 설정을 보다 강력하게 만드십시오. (595)
1.7.0
향상
- 이미지: MIME 유형에 대한 WP 이미지 편집기 품질을 변경합니다. (571)
- 하부 구조: 데이터베이스 포커스 영역을 도입하고 JavaScript 포커스 영역의 이름을 JS & CSS로 변경하고 사이트 상태 포커스 영역을 단계적으로 제거합니다. (566)
버그 수정
- 이미지: 지배적인 컬러 이미지에 잘못된 속성이나 중복을 잠재적으로 추가하지 않도록 합니다. (578)
- 이미지: 이미지에 첨부 파일 메타데이터가 없을 때 REST API 응답의 치명적인 오류를 수정합니다. (568)
- 이미지:
style속성을 재정의하지 않음으로써 주요 색상이 활성화될 때 이미지 초점 버그를 수정합니다. (582) - 이미지: Multisite에도 표시되도록 WebP 및 JPEG 생성을 위한 옵트인 확인란을 수정합니다. (565)
1.6.0
향상
- 사이트 상태: 코어에서 사용할 수 없는 경우 영구 캐시 및 전체 페이지 캐시에 대한 사이트 상태 검사만 로드합니다. (543)
- 이미지: 설정 > 미디어에 확인란을 추가하여 WebP 외에 JPEG를 생성할지 여부를 제어합니다. (537)
- 이미지: JPEG 및 WebP 업로드를 위해 기본적으로 WebP 이미지만 생성합니다. (527)
- 하부 구조: 최소 워드프레스 요구 사항을 6.0으로 올립니다. (549)
1.5.0
향상
- 사이트 상태: 가장 큰 자동 로드 옵션을 강조 표시하여 자동 로드 옵션 검사를 개선합니다. (353)
1.4.0
향상
- 이미지: WebP에서 JPEG로의 JS 교체 메커니즘을 개선하여 전체 파일 이름을 보다 안정적으로 교체합니다. (443)
- 이미지: 콘텐츠 이미지 MIME 대체 규칙을 가져오기 위해
webp_uploads_get_content_image_mimes()를 도입합니다. (420) - 하부 구조:
plugin_dir_path()에 대한PERFLAB_PLUGIN_DIR_PATH상수를 추가합니다. (429) - 하부 구조: 언어 및 일관성을 위해 사이트 상태 점검 모듈의 이름을 바꿉니다. (423)
버그 수정
- 사이트 상태: 모든 사이트 상태 확인에서 잘못된 배지 색상 사용을 수정합니다. (472)
- 이미지: 원본 이미지의 확장자를 WebP 파일 이름에 추가하여 고유한지 확인합니다. (444)
- 이미지: 일반 퍼머링크에 대한 REST API 지원을 수정합니다. (457)
- 하부 구조: 제거하는 동안 Multisite에 대한 네트워크 전체의 플러그인 옵션을 제거합니다. (458)
1.3.0
향상
- 이미지: 프런트엔드 컨텍스트에서만 이미지 교체를 추가합니다. (424)
- 이미지: 추가 MIME 유형 버전을 생성할 이미지 크기를 제어할 수 있습니다. (415)
- 이미지: 해당 JPEG 이미지보다 큰 경우 WebP 이미지를 폐기하십시오. (418)
- 이미지: 두 기능을 결합하여 이미지의 컴퓨팅 지배 색상 및 투명도를 최적화합니다. (381)
- 이미지: WebP가 브라우저에서 지원되지 않는 경우 프런트엔드에 대체 JPEG 이미지를 제공합니다. (360)
- 이미지:
wp_get_image_editor()메서드 인수를 사용하여 주요 색상 메서드를 지원하는지 확인합니다. (404) - 이미지: Dominant Color 모듈에서 실험적 레이블을 제거하고 새 설치에 대해 기본적으로 켭니다. (425)
- 사이트 상태:
wp_filesize()를 위해perflab_aea_get_resource_file_size()를 제거합니다. (380) - 사이트 상태: 자동 로드 옵션에 대한 설명서 링크를 업데이트합니다. (408)
- 하부 구조: 코어 버전을 사용할 수 있는 경우 모듈을 로드하지 않는 메커니즘을 구현하십시오. (390)
버그 수정
- 이미지:
webp_uploads_upload_image_mime_transforms필터의 잘못된 사용이 올바르게 처리되었는지 확인합니다. (393) - 이미지:
webp_uploads_prefer_smaller_image_file필터가true로 설정된 경우 로직에서 PHP 알림 및 버그를 수정합니다. (397) - 이미지: WebP 폴백 메커니즘의 무한 루프를 수정합니다. (433)
- 이미지: 잠재적인 타사 편집기를 재정의하지 않도록 주요 색상 업로드 프로세스를 수정합니다. (401)
- 이미지: 첨부 파일 삭제 시 추가 이미지 백업 소스 및 크기 파일을 제거합니다. (411)
- 하부 구조: 플러그인 ZIP에 .husky 디렉토리를 포함하지 마십시오. (421)
- 하부 구조: 다중 사이트 네트워크 관리자에서 관리 포인터를 표시하지 마십시오. (394)
1.2.0
기능
- 이미지: Dominant Color 모듈을 추가하여 이미지 로드를 위한 색상 배경을 제공합니다. (282)
- 사이트 상태: 전체 페이지 캐시 사용에 대한 사이트 상태 검사를 추가합니다. (263)
향상
- 이미지: 파일 크기 반환을 허용하도록
webp_uploads_pre_generate_additional_image_source필터를 업데이트합니다. (334) - 하부 구조: 플러그인 제거 루틴을 소개합니다. (345)
- 하부 구조: 가능한 경우
filesize대신wp_filesize를 사용하십시오. (376)
버그 수정
1.1.0
기능
- 하부 구조: 퍼포먼스 랩 생성기 메타 태그를
wp_head출력에 추가합니다. (322)
향상
- 이미지: 업로드 시 추가 이미지 소스 생성을 단락시키기 위해 필터
webp_uploads_pre_generate_additional_image_source를 도입합니다. (318) - 이미지: 필터
webp_uploads_pre_replace_additional_image_source를 도입하여 프런트엔드 콘텐츠에서 추가 이미지 소스 교체를 단락시킵니다. (319) - 이미지:
webp_uploads_prefer_smaller_image_file필터를 기반으로 프런트엔드에서 더 작은 이미지 파일을 선택하도록 로직을 개선합니다. (302) - 이미지: 가능한 경우 추천 이미지를 WebP 버전으로 바꿉니다. (316)
- 사이트 상태: 사이트 상태 자동 로드 옵션 설명서 링크를 업데이트합니다. (313)
- 하부 구조: 사이트 상태 확인 레이블이 불필요하게 조기에 이탈하지 않도록 하십시오. (332)
버그 수정
1.0.0
기능
- 이미지: 원본 이미지를 편집할 때 보조 이미지 MIME 유형을 생성합니다. (235)
향상
- 이미지: 더 작은 이미지 파일을 선호하도록 선택할 수 있는
webp_uploads_prefer_smaller_image_file필터를 도입했습니다. (287) - 이미지: 파일 크기에 따라 프런트엔드 콘텐츠에 사용할 MIME 유형을 선택합니다. (243)
- 사이트 상태: 더 명확하고 일관성이 있도록 사이트 상태 보고서 사본을 업데이트합니다. (272)
문서
- 하부 구조: 플러그인의 버전 지원 및 이전 버전과의 호환성 정책을 정의합니다. (240)
1.0.0-rc.1
향상
- 이미지:
webp_uploads_content_image_mimes필터에서 항목의 예상 순서를 변경합니다. (250) - 이미지: 추가 정규식을 사용하지 않고 프런트엔드 콘텐츠의 이미지를 교체합니다. (262)
- 이미지: 소스 속성과 함께 이미지 크기를 복원하고 백업합니다. (242)
버그 수정
- 이미지: 항상 기본 편집기를 사용하는 대신 WebP 지원을 기반으로 이미지 편집기를 선택하십시오. (259)
1.0.0-beta.3
버그 수정
- 하부 구조: 설정 등록과 관계없이 기본 모듈이 로드되도록 합니다. (248)
1.0.0-beta.2
기능
향상
- 이미지: REST 응답의 첨부 파일 미디어 세부 정보에 소스 정보를 추가합니다. (224)
- 이미지: 개발자가 콘텐츠의 이미지에 사용할 이미지 형식을 선택할 수 있습니다. (230)
- 이미지: 개발자가 업로드 시 생성할 이미지 형식을 조정할 수 있습니다. (227)
- 이미지: 가능한 경우
the_content의 전체 크기 이미지를 추가 MIME 유형으로 바꿉니다. (195) - 개체 캐시: 개체 캐시 지원 확인에
memcached확장을 포함합니다. (206) - 하부 구조: 플러그인 배너 및 아이콘 자산을 추가합니다. (231)
- 하부 구조: ZIP 생성을 더 잘 지원하려면
.distignore대신.gitattributes를 사용하세요. (223)
버그 수정
- 이미지: 모든 추가 이미지 형식 하위 크기를 생성하려면
원본이미지를 사용하십시오. (207) - 하부 구조: 신뢰할 수 없는 활성화 후크를 활성화된 모듈의 기본값으로 교체하십시오. (222)
문서
- 하부 구조: 적절한 분기 전략을 포함하고 릴리스 분기를 보호하도록 릴리스 지침을 업데이트하십시오. (221)
1.0.0-beta.1
기능
- 이미지: 업로드 모듈용 WebP를 추가합니다. (32)
- 이미지: 제한된 환경에서 추가 MIME 유형의 하위 크기를 생성하기 위한 재시도 메커니즘을 지원합니다. (188)
- 이미지:
the_content를 적절한 이미지 형식으로 업데이트합니다. (152) - 사이트 상태: 사이트 상태에서 WebP 지원을 추가합니다. (141)
- 사이트 상태: 과도한 JS 및 CSS 자산에 대해 경고하는 모듈을 추가하십시오. (54)
- 개체 캐시: 영구 개체 캐시에 대한 사이트 상태 검사 모듈을 추가합니다. (111)
- 하부 구조: 모듈을 전환하는 설정 화면을 추가합니다. (30)
- 하부 구조: 관리자 포인터를 추가했습니다. (199)
향상
- 개체 캐시: 항상 다중 사이트에서 개체 캐시를 권장합니다. (200)
- 이미지: 저장을 위해
sources를 사용하여 추가 MIME 유형에서 이미지 하위 크기를 만듭니다. (147) - 이미지: 포커스 디렉터리 내에 있도록 모듈 디렉터리를 업데이트합니다. (58)
- 사이트 상태: 대기열에 포함된 프런트엔드 자산의 감지를 향상합니다. (136)
- 하부 구조: 플러그인 목록 테이블의 플러그인 항목에 설정 화면에 대한 링크를 추가합니다. (197)
- 하부 구조: 플러그인 활성화 시 실험적이지 않은 모든 모듈을 활성화합니다. (191)
- 하부 구조: 생성된 module-i18n.php 파일을 저장소에 포함합니다. (196)
- 하부 구조: 활성 모듈을 제어하는
perflab_active_modules필터를 도입합니다. (87) - 하부 구조: 확인란 레이블에서 불필요한 물음표를 제거합니다. (110)
- 하부 구조:
객체 캐싱의 이름을객체 캐시로 변경합니다. (108)
버그 수정
- 이미지:
축소이미지가 원래 업로드된 형식으로 유지되는지 확인합니다. (143) - 이미지: 올바른 이미지 속성에 액세스하도록 오타를 수정하세요. (203)
- 하부 구조: 모듈 헤더 필드를 번역할 수 있는지 확인하십시오. (60)
문서