요약:

Gutenberg를 사용하여 페이지에 너무 많은 블록이 있으면 페이지의 속도가 느려져 사실상 사용할 수 없습니다. 이 문제는 로딩 시간이 느리고 웹 사이트 동결을 경험 한 여러 사용자에 의해보고되었습니다. 페이지를 새로 고침 한 후에도 성능은 느리게 남아 있습니다. 사용자는 Safari 및 Chrome 브라우저에서 둔화가 발생한다고 언급했습니다. 일부는 편집자가 몇 분 후에 사용할 수 있다고보고 한 반면, 다른 사람들은 높은 메모리 사용으로 인해 충돌이 발생했다고보고했습니다. 문제는 Gutenberg 버전 13에 존재하는 것 같습니다.0.0, WordPress 5를 실행하는 웹 사이트에 영향을 미칩니다.9.삼.

1. Gutenberg를 사용하여 페이지에 너무 많은 블록이 웹 사이트 속도를 늦출 수 있습니다?

예, 페이지에 블록이 너무 많으면 웹 사이트의 속도가 느려질 수 있습니다. 이 문제는 사용자에 의해보고되었으며 웹 사이트의 유용성에 영향을 미칩니다.

2. 페이지가 속도가 느려지면 어떻게됩니까??

페이지는 사용할 수없고 콘텐츠로드하는 데 시간이 오래 걸립니다. 사용자는 페이지를 새로 고치면 때때로 일시적으로 성능이 향상됩니다.

삼. 어떤 브라우저 가이 문제의 영향을 받는가?

Safari 및 Chrome 브라우저는 Gutenberg가있는 페이지의 블록이 너무 많아서 로딩 시간과 동결이 느린 것으로보고되었습니다.

4. Gutenberg가 장애가되면 어떻게됩니까??

일부 사용자는 웹 사이트가 이전 버전의 WordPress에서 사용할 수없는 기능에 의존하기 때문에 Gutenberg를 비활성화하는 것은 옵션이 아니라고 언급했습니다. Gutenberg가 없으면 웹 사이트가 충돌 할 수 있습니다.

5. 웹 사이트 편집자가 몇 분 후에 사용할 수 있습니까??

예, 경우에 따라 몇 분 동안 기다린 후 편집자가 사용할 수 있습니다. 그러나 높은 메모리 사용이 충돌을 일으키는 사례가 있습니다.

6. 이 문제를 재현하는 데 필요한 최소 설정은 얼마입니까??

이 문제를 재현하려면 여러 메뉴가있는 페이지, 제목, 카테고리, 날짜 및 썸네일을 포함하는 10 개의 게시물이있는 단일 쿼리 루프가 있어야합니다.

7. 이 문제의 스크린 샷이나 녹음이 있습니까??

제공된 스크린 샷에서 Safari 타임 라인은 천천히 시작되며 지연 문제가 있습니다. 사용자 시스템은 MacBook Pro M1 Pro 16입니다.

8. 이 문제의 환경 정보는 무엇입니까??

  • WordPress 5.9.삼
  • Gutenberg 13.0.0
  • 사파리 버전 15.4 (17613.1.17.1.13) 또는 크롬 버전 100.0.4896.88 (공식 빌드) (ARM64)

9. 저장소에 기존 문제가 검색되었습니다?

사용자가 저장소에서 기존 문제를 이미 검색했는지 언급하지 않았습니다.

10. Gutenberg를 제외한 모든 플러그인이 비활성화되어 있습니다?

사용자는 테스트 목적으로 Gutenberg를 제외한 모든 플러그인을 비활성화했는지 언급하지 않았습니다.

11. Mamaduka의 추가 의견 :

Mamaduka는 사용자 설정에 대한 자세한 내용, 특히 블록 라이브러리 플러그인을 사용하는지 여부에 대한 자세한 내용을 요청했습니다.

12. MOOX의 추가 의견 :

Moox는 Gutenberg 플러그인만으로 문제를 재현 할 수 있음을 확인했습니다. 그들은 또한 현재 테마 수출을 제공했으며 인덱스 및 단일 템플릿에 대한 문제를 경험한다고 언급했습니다.

13. Herm71의 추가 의견 :

UC Santa Cruz의 수석 개발자 인 HERM71은 MOOX와 같은 문제를 경험했습니다. 그들은 WordPress 5에 대한 발전을 언급했습니다.8.4 고급 사용자 정의 필드를 플러그인으로 사용합니다.

14. Tsiger의 추가 의견 :

Tsiger는 쿼리 블록이있는 템플릿에서 동일한 문제에 직면했다고보고했습니다. 그들은 WordPress 5를 사용하고 있습니다.9.3, Gutenberg 13.0.Windows 10에서 0, 250two 테마 및 Chrome 100.

15. helpfulcolin의 추가 의견 :

Helpfulcolin은 최근 Gutenberg 13에 업데이트되었습니다.0.0 사이트 편집기를 사용할 때 문제가 발생했습니다. 그들은 이전 버전으로 성공했지만 Gutenberg 12로 롤백해야했습니다.9.0 문제를 피하기 위해. 그들은 “대기”메시지를 받고 기억 관련 증상을 경험하는 것을 언급했습니다.

참고 : 제공된 정보는 사용자 의견 및 경험을 기반으로하며 문제에 대한 가능한 모든 세부 사항과 솔루션을 다루지 않을 수 있습니다.

Gutenberg는 웹 사이트를 느리게합니다

페이지에 블록이 너무 많으면 페이지가 사용할 수없는 지점까지 페이지가 급격히 느려집니다. 페이지를 새로 고치면 더 좋아 지지만 잠시 후에는 매우 느려집니다.

13.0.0 FSE Safari와 Chrome을 얼려서 (매우 느리게로드) #40357

더 이상 내 사이트를 편집 할 수 없습니다. 로드 https : // mysite/wp-admin/테마.PHP?page = gutenberg-edit-site & posttype = wp_template & postid = mytheme/index는로드가 끔찍합니다.
헤더 및 바닥 글이로드 된 다음 웹 사이트 블록의 중간 (쿼리 루프 포함).
WP 5로 Gutenberg를 비활성화 할 수 없습니다.9.3 버그를 피하기 위해 사용할 수없는 물건을 사용했기 때문에 내 사이트는 그것없이 충돌합니다.
나는 붙어 있다고 느끼고 디버그를 도와주기가 어렵다.
몇 분 동안 기다리면 물건이로드되기 시작하지만 “그것은 의존”, 대부분의 시간 Safari Crash “이 페이지를 너무 많이 사용했습니다.”& Chrome은 어려운 시간을 보내고 있습니다.

때때로, 후 몇 분, 편집기를 사용할 수 있습니다. 때로는 너무 많은 메모리와 충돌을 소비 할 수도 있습니다.

참고로, 나는 매우 간단한 테마로 FSE에서 시간을 만들었습니다.내가 시작했을 때 JSON. 최소한의 기능.PHP (몇 줄).

단계별 재생산 지침

여러 메뉴가있는 페이지에서 FSE UI를 열면 제목, 카테고리, 날짜 및 썸네일이있는 10 개의 게시물이있는 단일 쿼리 루프가 있습니다.

스크린 샷, 화면 녹화, 코드 스 니펫

비디오에서 Safari 타임 라인이 즉시 시작되지 않지만 1:50에 시작합니다 ! ��
이 2 분 동안 내 컴퓨터는 아무것도하지 않습니다. 나는 MacBook Pro M1 Pro 16을 가지고 있으므로 Perf는 문제가되지 않습니다 (그러나 Safari는 100%로 CPU를 소비합니다) !

영상

환경 정보

  • WordPress 5.9.삼
  • Gutenberg 13.0.0
  • 사파리 버전 15.4 (17613.1.17.1.13) 또는 크롬 버전 100.0.4896.88 (공식 빌드) (ARM64)

Repo에서 기존 문제를 검색했는지 확인하십시오.

Gutenberg를 제외한 모든 플러그인을 비활성화 한 것으로 테스트했는지 확인하십시오.

텍스트는 성공적으로 업데이트되었지만 이러한 오류는 다음과 같습니다

마마 두카 2022 년 4 월 14 일

설정에 대한 자세한 내용을 제공 할 수 있습니까?? 예를 들어, 블록 라이브러리 플러그인을 사용합니까??

현지에서 문제를 재현하는 데 어려움을 겪고 있습니다. Safari에서 캐시를 지우면 사이트 편집기가 900ms로로드 된 다음 400-500ms. Mac Mini M1 2020에서 실행.

MOOX 2022 년 4 월 14 일

Gutenberg 플러그인 만 활성화하여 이것을 재현 할 수 있습니다.

다음은 내 현재 테마가 수출되었습니다

나는 색인 및 단수형 템플릿 에서이 문제에 직면하고있다 (고통이기 때문에 다른 것을 시도하지 않았다)

HERM71 2022 년 4 월 19 일 댓글

저는 UC Santa Cruz의 수석 개발자이며 Gutenberg 13과 @moox와 같은 문제를 겪고 있습니다 (새로운 문제를 제기해야한다면 사과 드이 문제이지만이 문제는 내가 거의 완벽하게 경험하는 것을 설명합니다). 주요 차이점은 우리가 WP 5에 대해 발전하고 있다는 것입니다.8.4 Gutenberg 플러그인을 사용하여.

우리는 독점적 인 “University CMS”에서 WordPress로 전환하고 블록 테마를 개발하고 있습니다. 우리는 캠퍼스 프레스를 호스팅 서비스로 사용하고 있으며 WP 5로 업그레이드 할 계획이 없습니다.9.x “중간 여름”이 될 때까지 wp 5에 대해 개발 중입니다.8.CP의 최신 버전 인 4.

우리는 또한 고급 커스텀 필드를 플러그인과 우리 자신을 개발하고있는 커플로 사용하고 있지만, 그렇지 않으면 가능한 한 WP의 설치를 스톡으로 사용하여 테마를 개발하고 있습니다.8.4/Gutenberg; 추가 라이브러리가 없습니다. 우리는 또한 모든 플러그인을 끄고이 동작을 테스트했습니다 제외하고 Gutenberg는 “ttblocks”테마로 되돌아 갔다. 내 DEV 팀의 모든 구성원은이 문제에 설명 된 행동을 경험하고 있습니다. Gutenberg로 다운 그레이드하면 12.9.0, 문제가 사라집니다.

우리는 지역 환경에 WP-ENV를 사용합니다. 우리 팀원은 MacBook Pro에 있으며 시스템 76 Ubuntu 21을 실행하는 Oryx.04.

Tsiger 2022 년 4 월 20 일

쿼리 블록이있는 템플릿에서도 같은 문제가 있습니다.

WordPress 5.9.삼
Gutenberg 13.0.0
250two
Windows 10의 Chrome 100

도움이되는 콜린 2022 년 4 월 24 일 댓글 • •

Gutenberg를 13으로 업데이트했습니다.0.0 이용 가능한 즉시 사이트 편집기에 갔을 때 23/04/2022에 문제가 발생했습니다. 이전에는 이전 버전의 Gutenberg 및 WordPress 5.9 및 2022 테마는 상당한 성공으로 사이트 편집기를 사용하여 사이트를 수정했습니다. 지금 그렇게하고 싶다면 Gutenberg를 12로 롤백해야합니다.9.0하지만 최신 기능을 배포하지 않습니다.

사이트 편집 문제 13을 제외하고.0.0은 괜찮아 보입니다. 예를 들어 목록을 더 잘 정렬합니다.

일반적으로 Windows 10에서 Microsoft Edge를 사용하지만 Chrome과 동일하게됩니다. 나는 실제로 얻는다 기다리다 서버와의 커뮤니케이션 문제가 있음을 알려주는 메시지 (I ionos가 있습니다). 잠시 후 기다리다 메시지를 선택하거나 항목을 선택하려고 할 때 메시지가 다시 나타납니다. 시도중인 작업을 수행 할 수있는 충분한 기억이 충분하지 않은 수년 동안 컴퓨터에서 경험 한 모든 증상이 있습니다.

2022-04-24_11-54-49

플러그인이 많지만 아직 비활성화하지 않았습니다. 나는 이전에 Gutenberg와 같은 문제가 없었으며 많은 버전을 사용했습니다. 전문가들이 실수를 발견하고 수정했을 것이라고 확신합니다.

Gutenberg는 웹 사이트를 느리게합니다

об йтоэ странице

м е р р регистрировали подо 착취 ay rzа ф징퍼, исход 넘추 타 ay сети. с пом거나 ю это인지 страницы м주는 сможем определить, что з просы отправляете именно, а не робот. почему это могло произойти?

эта страница отобр은 Âется в тех Â сл 나아가 · 추, ∈огда автомати인지 скими системи Google регтрирр곽막우 ся 테 추 법구추 추 님. котор ое нарушают условия использования. странира перестанет отобр은 жаться после того, как эти запросы прекратся. до отого момента для использования слу 갑기 Google необ 영향.

источником запросов может служить вредоносное по, подключаемые модули браузера или скрипт, насое 밑 밑 밑보관 сзлку ыапросов. если вл используете общий доступ в интернет, проблема 갑새 갑새 딘 악 с сомпером с с с с с саким 테 IP-адесом → Â 궤. обратитесь к своему системному администратору. подроб 변태.

проверка по слову может татак뿐 아니라 자기 появляться, если вы В 갑 갑격적 В Â водите слож ные запросы, об협 ораспронон혁 ™ rапротототототототото술도 있습니다. емами, или вводите запросы очень часто.

Gutenberg는 웹 사이트를 느리게합니다

Reddit과 그 파트너는 쿠키와 유사한 기술을 사용하여 더 나은 경험을 제공합니다.

모든 쿠키를 수락함으로써 귀하는 서비스 및 사이트를 제공하고 유지 관리하기 위해 쿠키 사용에 동의하며, Reddit의 품질을 향상시키고, Reddit 컨텐츠 및 광고를 개인화하며, 광고의 효과를 측정합니다.

비 필수 쿠키를 거부함으로써 Reddit은 여전히 ​​특정 쿠키를 사용하여 플랫폼의 적절한 기능을 보장 할 수 있습니다.

자세한 내용은 쿠키 통지 및 개인 정보 보호 정책을 참조하십시오 .

Reddit 앱을 얻으십시오

이 QR 코드를 스캔하여 지금 앱을 다운로드하십시오

또는 앱 스토어에서 확인하십시오

R/WordPress

R/WordPress

** r/wordpress에 오신 것을 환영합니다 ** 모든 것들에 전념하는 레딧

온라인 회원

Skoolhouse에 의해

많은 블록을 추가 한 후 Gutenberg 편집기가 매우 느립니다.

많은 블록을 추가 한 후 Gutenberg 편집자를 사용하는 동안 심각한 둔화를 경험 한 사람이 있습니까?? 단일 게시물/페이지에 게시 할 수있는 컨텐츠에 대한 제한이 있습니까??

페이지에 블록이 너무 많으면 페이지가 사용할 수없는 지점까지 페이지가 급격히 느려집니다. 페이지를 새로 고치면 더 좋아 지지만 잠시 후에는 매우 느려집니다.

게시 된 페이지는 잘로드되지만 편집기는 특정 페이지에 대해서만 매우 느립니다.

호스팅을 확인했으며 문제가 아닌 것 같습니다. 또한 PHP 메모리 제한을 512MB로 증가 시켰지만 여전히 차이가 없습니다.

다른 사람이 그것을 경험했는지 궁금하고 수정이 가능한지 궁금합니다.

구텐베르크’더 빠른 성능은 페이지 빌더를 침식하는 것입니다’ 권세

WordPress’ 구어체 적으로 여전히 Gutenberg로 알려진 블록 편집자는 수년간 Page Builders에 크게 의존 해 온 사용자의 세그먼트에 진출하고 있습니다. 대부분의 경우 Page Builder 플러그인은 요소를 제외하고 2020 년에 성장이 감소하거나 정체되었습니다. 반대로 Page Builder 기능이 포함 된 블록 컬렉션은 더 많은 사용자를 확보하고 있습니다. 성능은이 마이그레이션에서 중요한 요소가되고 있습니다.

제목의 게시물에서 “젠장. Gutenberg는 요소를 피우는 것입니다,” Kyle Van Deusen은 Elementor와 Gutenberg를 사용하여 간단한 방문 페이지를 구축 한 경험에서 벤치 마크를 출판했습니다.

“다른 요소 사용자와 마찬가지로 i’Ve는 요소의 미래에 대해 점점 더 불안해지고 그것이 얼마나 부풀어 오는지,” 반 데우젠이 말했다. “Google Pagespeed Insights가 동의한다고 생각합니다.”

Gutenberg 및 GenerateBlocks로 동일한 디자인을 재현 한 후 Van Deusen은 GTMetrix 점수에서 약간의 차이를 보았습니다.

그는 Google에서 테스트 할 때 가장 심오한 차이를 발견했습니다’SPEED SPEED Insights, Elementor는 모바일에서 46%, 데스크탑에서 83%를 기록했습니다.

“왜냐면 난’VE는 요소 사이트 (특히 모바일)에서 어떤 종류의 괜찮은 점수를 얻는 데 열악한 행운을 겪었습니다’이 도구를 사용하여 포기했습니다,” 반 데우젠이 말했다. “그것이 아니기 때문이 아닙니다’귀중한 메트릭이 아닙니다 (실제로는 Google이 사물을 보는 방식이기 때문에 가장 가치가있을 수 있습니다)’나는 그것에 대해 할 수 없었습니다.”

대조적으로 Gutenberg로 제작 된 페이지는 모바일에서 94%, 데스크탑에서 99%를 기록했습니다.

“성능 측면에서, 상자 밖으로 똑바로; Gutenberg는 절대적으로 요소를 피 웁니다,” 반 데우젠이 말했다. “그러나 매번 i’Ve는 스핀을 위해 Gutenberg를 가져 갔다’VE는 좌절감을 남겼습니다. 내가 느끼는 즉시’m 그것의 교수형을 얻고 결국 바퀴가 벗겨지고 나는’M Elementor 설치로 돌아갑니다.

“그러나 Pagespeed Insights 점수가 46%에서 94%로 증가하면’S를 위로하고주의를 기울일 시간.”

Van Deusen은 Gutenberg의 디자인을 재현하는 데 더 많은 시간이 걸렸으며 모바일 조회수에 어려움을 겪었습니다. 현재 그는하지 않았다’T 스위칭을 그의 사업에 유리한 움직임으로 본다.

“적어도 공연을 위해 결정적으로 말할 수 있다고 생각하지만 Gutenberg는 분명한 승자입니다’나 같은 남자가 배를 뛰어 넘을 수있는 지점에 있지 않아,” 반 데우젠이 말했다.

“Gutenberg와 함께 놀기는 재미 있고, 나는 그 날을 꿈꾸는 것을 좋아합니다’나를 위해 실행 가능하지만 – 나는 내 테이블에 음식을 넣는 것을 좋아합니다. Elementor는 여전히 더 효율적으로 수행하는 데 도움이됩니다.”

다른 실험에서 WordPress 개발자 Munir Kamal 재건 Elementor’html 마크 업을 비교하기 위해 Gutenberg의 s 홈페이지 두 페이지 빌더가 생성합니다. Elementor와 함께 제작 된 페이지에는 356 Div가 포함됩니다’구텐베르크의 마크 업 vs 77. Kamal은 Elementor가 796 줄의 코드와 Gutenberg를 생성했다는 것을 발견했습니다’s 206 라인, 각각 99kb 대 28kb의 차이.

2020 년 8 월, Dearflip WordPress 플러그인의 제조사 인 Dearhive는 Codecanyon을 떠나 자신의 사이트에서 플러그인을 판매했습니다. 친애하는’S Company 사이트는 Elementor와 함께 건축되었지만 갑자기 Codecanyon과 독립적으로 판매 한 제품 사이트에 대한 Google 순위가 중요했습니다. 회사의 소프트웨어 개발자 인 Deepak Ghimire는 성과를 랭킹에 영향을 미치고 구텐버그로 전환하도록 이끌어 낸 주요 문제로 성능을 인용했습니다.

“우리의 페이지 속도는 83에서 요소와 함께 98로 Gutenberg와 함께했습니다,” 기어가 말했다.

Page Builder 플러그인은이 시점에서 여전히 더 많은 기능을 가지고있을 수 있지만 온라인 비즈니스를 수행하는 사람들에게는 성능이 중요한 고려 사항이되었습니다. 2021 년 5 월, Google은 Core Web Vitals Metrics에서 측정 한 페이지 경험을 기반으로 검색을위한 새로운 순위 신호를 도입 할 계획입니다. 성능은 핵심 웹 생명 평가를 통과하는 데 필요한 점수를 제공하는 데 중요한 부분입니다. Google 의이 순위 신호 업데이트는 더 많은 사이트 소유자가 Slow Page Builders에서 마이그레이션하도록 강요 할 수 있습니다.

지난 2 년간 WordPress 사용자는 Gutenberg가 Page Builders를 대체 할 것인지 묻고 있습니다. 가장 인기있는 것들이 부풀어 오른 대안으로 남아 있고 작은 것들이 같은 궤도의 궤도를 유지한다면 점점 더 가능성이 높습니다. 그것은 이겼다’t는 밤새 발생하지만 전체 사이트 편집이 WordPress Core에서 데뷔 할 때 가속화해야합니다.

고객을위한 웹 사이트를 구축하는 사람들을 위해, 당신의 기술을 미래를 대상으로하는 가장 좋은 방법은 블록 편집기의 프레임 워크 내에서 페이지를 구축하는 방법을 배우고, 가능하다면, 사용자 정의 블록을 구축하는 방법을 배우는 것입니다. 그것’s는 또한 다른 블록 컬렉션을 실험하여 설정을 간소화하여’사이트를 효율적으로 구축하려면 고성능을 희생해야합니다.

이 공유:

  • 트위터에서 공유하려면 클릭하십시오 (새 창에서 열리십시오)
  • Mastodon에서 공유하려면 클릭하십시오 (새 창에서 열린)
  • Facebook에서 공유하려면 클릭하십시오 (새 창에서 오픈)
  • Telegram에서 공유하려면 클릭하십시오 (새 창에서 열림)
  • WhatsApp에서 공유하려면 클릭하십시오 (새 창에서 열림)
  • 주머니에 공유하려면 클릭하십시오 (새 창에서 열림)
  • Reddit에서 공유하려면 클릭하십시오 (새 창에서 열림)
  • 친구에 대한 링크를 이메일로 보내려면 클릭하십시오 (새 창에서 열린)