• Resolved fredsjo

    (@fredsjo)


    Hi
    After updating several of my extensions my PageSpeed score fell dramatically. This is what blocking:
    …autoptimize/autoptimize_332481f….php(skadedyr.net)
    74 KB
    1 380 ms
    …jquery/jquery.js(skadedyr.net)
    32 KB
    930 ms
    …tinymce/tinymce.min.js(skadedyr.net)
    111 KB
    1 680 ms
    …compat3x/plugin.min.js(skadedyr.net)
    2 KB
    480 ms

    The main problem is tinymce.min.js..? Where do I start to solve this?

    And why is …autoptimize/autoptimize_332481f….php so large all of the sudden?

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Optimizing Matters

    (@optimizingmatters)

    tinymce is excluded from JS optimization, but you can remove said exclusion in AO JS’s optimization exclusion list.

    the size of the Autoptimized files is the size of your combined CSS or JS. the more plugins you have that spit out code, the bigger your autoptimized CSS/ JS.

    hope this clarifies,
    frank

    Thread Starter fredsjo

    (@fredsjo)

    Yeah. But I haven’t figured out what TinyMCE really is..? Is it any problem with removing it from the exclusion list?

    About the size of the Autoptimized JS file, that’s ok. But the size tripled in size after I updated my extensions.. Thats strange. Any way to figure out what extension thats the biggest?

    Thanks a lot for your awesome help!

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    tinymce is the “old” HTML editor which maybe is used to let someone add text in bold or italic or … you can always remove the exclusion and see what gives, but if you don’t need it it would be even better to find out what (plugin or theme) is adding that and doing away with it.

    re. filesize; load your site with ?ao_noptimize=1 appended to the URL and look at the network tab in your browser’s developer tools to see what the filesizes for each file loaded are?

    Thread Starter fredsjo

    (@fredsjo)

    Again: thanks.

    I removed it from excluded, and can’t see any different at my page.. May be a small thing some where, but nothing critical. I don’t quite know how to figure out what plugin that uses it, but i only got plugins that are essential to me.

    I tried to find size your way. In Safari it don’t show anything about size unfortunately. So then I’m a but stuck.

    If this is a 2 second-ting for you: https://skadedyr.net/?ao_noptimize=1

    Would really appreciate it.

    I also see that the “remove unused CSS” has also increased a lot after my update. So the score is really bad now.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    there you go;

    so paypal’s JS is huge, but AO can’t optimize that and then the major culprit is some plugin (or your theme) adding all these gutenberg JS-files (which _normally_ are for usage on the backoffice), all from wp-includes/js/dist. finding out which plugin is doing so will require you to disable plugins and check your HTML for occurrence of wp-includes/js/dist, but once you know who’s doing to you can contact the developer and ask him/ her not to mess with your front-end’s speed?

    Thread Starter fredsjo

    (@fredsjo)

    Ahhh! Thank you so much! 5/5 stars for you ??

    I will talk to the developer.

    What about the unused CSS?
    …autoptimize/autoptimize_fb40b3c….php(skadedyr.net)
    74 KB
    70 KB

    Is this “normal” size?

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    ah, unused CSS is a curse in environments such as WordPress (or Joomla or Drupal or …) as each theme/ plugin adds CSS which covers all of the use cases where the plugin (or theme) can be used in. this means that each individual CSS-file on your site has _a lot_ of code in it that isn’t strictly needed on a random page of your site (or may even not be needed on your site at all). there currently is no way to automate the removal of unneeded CSS, but you might be able to get some improvement using e.g. “plugin organizer” to only allow plugins to work on specific pages) and by creating a child theme that only has the CSS needed for your site (you’ll have to dequeue the parent theme CSS though).

    hope this clarifies,
    frank

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    Ahhh! Thank you so much! 5/5 stars for you

    well, feel free to leave a review of the plugin and support here! ??

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘TinyMCE causes problems after update’ is closed to new replies.