会員サイトをリニューアルしました! 新サイトはこちら

サードパーティのブロックに余白量を設定するとページの容量が増加する < 不具合報告

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

サードパーティのブロックに余白量を設定...
 
通知
すべてクリア

[解決済] サードパーティのブロックに余白量を設定するとページの容量が増加する

7 投稿
2 ユーザー
3 Likes
345 表示
ushui
(@ushui)
Active Member
Topic starter
 

いつもお世話になっております。

Highlighting Code Blockブロックに対し、SWELLの「ブロック下の余白量」を設定して下書き保存または更新を行うと、設定したブロックに付与されたクラス「u-mb-ctrl」「u-mb-0」が増殖することにより、ページの容量が増加してしまいます。

以下が再現したページです。

https://otogeworks.com/swell-bugs-check-for-post-p1/

下書き保存を3回行ったページであり、Highlighting Code Blockブロックで再現しています。
Highlighting Code Blockブロックのソースを確認すると、u-mb-ctrlとu-mb-0クラスの記述が増殖していることが分かります。
また、ページ内のブロックの数に応じて増殖量が増えることも確認しています。

https://otogeworks.com/swell-bugs-check-for-post-p2/

こちらは下書き保存1回と更新1回を行ったページですが、下書き保存→公開の時点でクラス名が増殖しており、公開→更新までの間にはさらにクラス名が増殖したことを確認しています。
今のところ下書き保存や更新を繰り返すと発生することを確認していますが、発生しないこともあるため、詳細な発生条件は分かっていません。

以下は5.5MBのレスポンスが返ってくるまで膨れ上がってしまったページです。

https://otogeworks.com/blog/setup-wordpress-server-vps/

Highlighting Code Blockブロックを多用しているため、そうなったものと思われます。
上記ページは過去に記事を更新できない症状に陥っており、確認したところPHPのメモリ割り当てエラーが発生していたため、記事を1から作り直すことで解消したものです。
今回はエディタの挙動が遅くなり始めたため再度ページを確認したところ、5.5MBのレスポンスが返ってきていたため、原因を調べて本件であることが分かりました。

バージョンはそれぞれ以下を使用しています。

  • WordPress 5.8.1
  • SWELL 2.5.3.5
  • PHP 8.0.12
  • Highlighting Code Block 1.3.0

サードパーティのブロックを追加するプラグインはHighlighting Code Blockしか使用していないため、他では確認していません。
今までの事象再現ページから察するにSWELL標準で使用可能なブロックでは発生しないため、SWELL外のブロックで発生するのではないかと思っています。

よろしくお願いいたします。

 
投稿済 : 30/10/2021 2:17 pm
了(開発者)
(@ryo)
Illustrious Member Admin
 

ご報告ありがとうございます。明日調査してみます…!

 
投稿済 : 30/10/2021 2:50 pm
ushui
(@ushui)
Active Member
Topic starter
 

休日にもかかわらず、ご返信ありがとうございます!
無理のない範囲で調査をお願いいたします。

 
投稿済 : 30/10/2021 3:03 pm
了(開発者)
(@ryo)
Illustrious Member Admin
 

こちら、Highlighting Code Block側の不具合でした!後ほど修正版をアップデートしておきます。

 
投稿済 : 31/10/2021 2:52 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

Highlighting Code Block v.1.4.0で修正しました。
更新時に自動で重複クラスも削除されるようになります。

しかし、現状すでに増幅してしまったものはそのままなので、以下のようなコードでマージンコントロール付きのコードブロックを配置している記事を検索し、1つずつ空更新して頂く必要がございます...。

add_action( 'admin_footer', function() {
	$args = array(
		'p' => 'any',
		's' => 'class="hcb_wrap u-mb-ctrl',
		'posts_per_page' => -1
	);
	$the_query = new WP_Query($args);
	if ($the_query->have_posts()) :
	while ($the_query->have_posts()) : $the_query->the_post();
		echo '<pre style="margin: 200px 400px;">';
		var_dump( get_the_ID() );
		echo '</pre>';
	endwhile;
	endif;
	wp_reset_postdata();
} );
 
投稿済 : 31/10/2021 3:54 am
しらこ reacted
了(開発者)
(@ryo)
Illustrious Member Admin
 

あ、あとリビジョンも削除してもらわないといけないですね…💦

 
投稿済 : 31/10/2021 3:58 am
しらこ reacted
ushui
(@ushui)
Active Member
Topic starter
 

とても迅速なご対応ありがとうございます!
こちらでも修正されたことを確認しました。5.5MBのページも220KBになりました。

Highlighting Code Block側の不具合ということで、SWELLのサポート対象外だったと思いますが、すぐに対応いただき感激です。(別件の方もそうですが、個人開発にも関わらず対応の早さに驚いています)

検索用コードもご提示いただきありがとうございます。
当該サイトは立ち上げたばかりであり、記事数が少ないので影響は軽微です。1つずつ空更新して対応しようと思います。
リビジョンについてもWP Revisions Controlあたりで削除することにします。

今後ともよろしくお願いいたします。

 
投稿済 : 31/10/2021 8:01 am
共有: