How to Stop Block Editor from Loading - Support | Kriesi.at

Tagged: load only used elements

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
April 24, 2021 at 1:09 am #1296425

havi
Participant

and other elements the blog post is not using?

Hi guys,

This site only uses Classic editor. I am using Load only Used Elements (recommended) as usual but I can see when I disable compression that many elements not used are being loaded. Including the block editor when I test the Mobile version of the page with PageSpeedInsights.

My desktop Core Web Vitals are a dream come true. The mobile ones with no sidebars, got worse.

Help!!

Thank you!

Havi

This is the list of elements with compression enabled
URL
Transfer Size
Potential Savings
…block-library/style.min.css(ligadejusticia.com) << why is this loading? And it stops loading when I disable compression?
9.2 KiB
330 ms
…dynamic_avia/avia-merged-styles-a485a74…—608352a55179e.css(ligadejusticia.com)
64.4 KiB
1,680 ms
…jquery/jquery.min.js(ligadejusticia.com)
30.9 KiB
1,080 ms

This is the list of elements with compression disabled (sent you the url on Private Content and will re-enable compression again):
URL
Transfer Size
Potential Savings
…css/grid.css(ligadejusticia.com)
2.7 KiB
180 ms
…css/base.css(ligadejusticia.com)
5.8 KiB
780 ms
…css/layout.css(ligadejusticia.com)
15.7 KiB
1,080 ms
…blog/blog.css(ligadejusticia.com)
4.7 KiB
630 ms
…postslider/postslider.css(ligadejusticia.com) << there are no post sliders
1.6 KiB
480 ms
…buttons/buttons.css(ligadejusticia.com)
1.9 KiB
480 ms
…comments/comments.css(ligadejusticia.com) << there are no comments
2.1 KiB
180 ms
…contact/contact.css(ligadejusticia.com)
3.3 KiB
330 ms
…gallery/gallery.css(ligadejusticia.com) << no galleries
1.1 KiB
180 ms
…google_maps/google_maps.css(ligadejusticia.com) << no google maps
1.1 KiB
180 ms
…grid_row/grid_row.css(ligadejusticia.com)
0.9 KiB
180 ms
…heading/heading.css(ligadejusticia.com)
1.6 KiB
180 ms
…headline_rotator/headline_rotator.css(ligadejusticia.com) << no headline rotator
1.0 KiB
180 ms
…hr/hr.css(ligadejusticia.com)
1.2 KiB
180 ms
…icon/icon.css(ligadejusticia.com)
1.3 KiB
180 ms
…image/image.css(ligadejusticia.com)
1.8 KiB
180 ms
…slideshow/slideshow.css(ligadejusticia.com) << none
3.4 KiB
330 ms
…contentslider/contentslider.css(ligadejusticia.com) << none
1.2 KiB
180 ms
…masonry_entries/masonry_entries.css(ligadejusticia.com)<< none
3.9 KiB
180 ms
…css/avia-snippet-site-preloader.css(ligadejusticia.com)<< none
1.2 KiB
180 ms
…menu/menu.css(ligadejusticia.com)
1.8 KiB
180 ms
…numbers/numbers.css(ligadejusticia.com)<< none
1.3 KiB
180 ms
…promobox/promobox.css(ligadejusticia.com)<< none
0.9 KiB
180 ms
…slideshow_feature_image/slideshow_feature_image.css(ligadejusticia.com)<< none
1.1 KiB
180 ms
…slideshow_fullsize/slideshow_fullsize.css(ligadejusticia.com)<< none
1.6 KiB
180 ms
…social_share/social_share.css(ligadejusticia.com)<< none
0.9 KiB
180 ms
…table/table.css(ligadejusticia.com)<< none
2.0 KiB
180 ms
…tabs/tabs.css(ligadejusticia.com)<< none
1.4 KiB
180 ms
…team/team.css(ligadejusticia.com)<< none
1.5 KiB
180 ms
…testimonials/testimonials.css(ligadejusticia.com)<< none
1.9 KiB
180 ms
…toggles/toggles.css(ligadejusticia.com)<< none
1.7 KiB
180 ms
…video/video.css(ligadejusticia.com)<< none
1.1 KiB
180 ms
…block-library/style.min.css(ligadejusticia.com)
9.2 KiB
480 ms
…css/shortcodes.css(ligadejusticia.com)
7.0 KiB
330 ms
…aviapopup/magnific-popup.css(ligadejusticia.com)<< none
2.3 KiB
180 ms
…css/avia-snippet-lightbox.css(ligadejusticia.com)<< none
1.6 KiB
180 ms
…css/avia-snippet-widget.css(ligadejusticia.com)
5.5 KiB
330 ms
…dynamic_avia/enfold_child.css(ligadejusticia.com)
16.7 KiB
630 ms
…css/custom.css(ligadejusticia.com)
0.8 KiB
180 ms
…enfold-child/style.css(ligadejusticia.com)
0.9 KiB
180 ms
…jquery/jquery.min.js(ligadejusticia.com)
30.9 KiB
930 ms
…js/avia-compat.js(ligadejusticia.com)
1.4 KiB
180 ms

April 26, 2021 at 12:55 pm #1296750

Ismael
Moderator

Hey havi,

Thank you for the inquiry.

Did you set the Enfold > Performance > Disabling of template builder elements settings to the second option (Load only used elements)? This should filter out unused scripts and stylesheets and prevent them from loading. However, please note that this option will only work if the Performance > File Compression settings are disabled.

Best regards,
Ismael

April 26, 2021 at 7:05 pm #1296814

havi
Participant

Hi Ismael!

How are you? Yes. Load Only Used Elements is always selected on both mentioned scenarios:

a- without file compression enabled (that’s how I can see the list of the elements loaded)

b- with compression enabled (that’s how you can see the Block Editor is being loaded and the merged avia file is way to big)

I have cleared the server’s cache from Kinsta before compressing, and after compressing. I set it up and maintain it, why is this happening and any ideas, suggestions? Why does this only happen on the mobile/responsive version and not on the desktop version?

Thank you!

Havi

April 27, 2021 at 6:10 am #1296898

Ismael
Moderator

Hi,

Doing fine. Thanks for asking. How are you? :)

a – This means that the option (Load only used elements) is not working as it should. Did you use a cache plugin and enable the minification settings in there?

b – That is quite expected. As we mentioned above, the option (Load only used elements) will NOT work when the file compression settings are enabled, so for it work, files should be loaded separately.

Please post the login details in the private field so that we could check the issue further.

Best regards,
Ismael

April 28, 2021 at 9:38 pm #1297226

havi
Participant

Hi Ismael,

Doing fine. Buried in work. but keep moving forward… :)

A- no cache plugins

B- I don’t see the block editor being loaded on any of my other client sites (some hosted on Kinsta and some on LiquidWeb)

I think you are right on the money when saying something is not quite working as it should.

Sending you the login details.

Thank you so much!

Havi

April 30, 2021 at 5:39 am #1297459

Ismael
Moderator

Hi,

Hang in there! :)

We have temporarily disabled the Performance > File Compression settings because the option (Load only used elements) will only work if compression is disabled, as we have mentioned above.

We created a page containing a single text block to test it and it seems to be working as expected. Not all resources or scripts are loaded in the page — only those that are required.

Screenshot: https://imgur.com/K7lNfrU

Because there is no Icon Grid element in the page, the icongrid.js and icongrid.css file are not loaded. This is true for every other elements except for scripts and stylesheets that the theme requires out of the box, e.g. slideshow, video, tabs, toggle etc.

Best regards,
Ismael

May 12, 2021 at 5:52 pm #1299978

havi
Participant

Hi Ismael,

I didn’t get an email about your reply.

The screenshot shows completely black. Nothing can be seen. Also, I just checked the website and the performance is so bad, I had to place a ticket with Kinsta.

What settings have you changed besides disabling the SSL default check?

This is a LIVE site. Performance went down the drain. How do I remove the Block Editor from Loading?

Thanks.

Havi

May 14, 2021 at 9:04 am #1300275

Ismael
Moderator

Hi,

Thank you for following up.

The screenshot shows up fine on our end. Please check it again. You may need to optimize the site further to improve its performance and overall loading speed. The following articles should help.

// https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow
// https://kriesi.at/archives/4-key-wordpress-image-optimization-tips

Best regards,
Ismael

May 14, 2021 at 4:08 pm #1300353

havi
Participant

Hi Ismael,

This is what I see for some reason: https://ibb.co/F3Zhy2P

All I want is to stop the Block Editor from loading as I am only using the Classic Editor. This is the only site that I run that has this issue. All my clients have Enfold. Why is this happening here?

How do I stop it from loading?

Thanks,

Havi

PS: Those articles are appreciated but not the issue here. I reached out to Kinsta and the server was experiencing issues and hitting PHP limits (they probably restarted PHP) and I blocked a few IPs that were hitting hard and it immediately improved.

May 17, 2021 at 1:47 pm #1300739
Ismael
Moderator
Hi,

Thank you for the clarification.

All I want is to stop the Block Editor from loading as I am only using the Classic Editor.

To remove the block library css, try to add this snippet in the functions.php file.
```
//Remove Gutenberg Block Library CSS from loading on the frontend
function smartwp_remove_wp_block_library_css(){
    wp_dequeue_style( 'wp-block-library' );
    wp_dequeue_style( 'wp-block-library-theme' );
    wp_dequeue_style( 'wc-block-style' ); // Remove WooCommerce block CSS
} 
add_action( 'wp_enqueue_scripts', 'smartwp_remove_wp_block_library_css', 100 );
```
Glad to know that the site performance improved after blocking IPs.

Best regards,
Ismael
Author

Posts

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.