Finding CSS and Javascript files to add to the exclusion list

  • Resolved johnnyfyffe

    (@johnnyfyffe)


    4 years, 10 months ago

    Hi there,

    Love your plugin. I have tested it against all other minification and concatenation plugins and Autoptimize always gets the best results.

    I am new to optimization but would like to learn more about it. Specifically, I would love to know the method or process a developer follows to find out which files need to be added to the CSS and JS exclusion list.

    Any guidance will be greatly appreciated.

    Thanks,

    Johnny.

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

    (@optimizingmatters)

    4 years, 10 months ago

    Well, the AO FAQ has info on how to troubleshoot & how to exclude, maybe start there (if not done so already)?

    Feel free to ask if you need more info (but might need some more specifics)!

    enjoy your weekend!
    frank

    Thread Starter johnnyfyffe

    (@johnnyfyffe)

    4 years, 10 months ago

    Hi Frank,

    I’ve had a look through the FAQ, some great info in there. Here’s an example scenario:

    If I enabled Autoptimize and noticed the styles looked a little off. How would I go about finding which CSS was responsible for the change so I could exclude it.

    I realize this is a dev 101 question. I’m new to all this, please be kind.

    Thanks,

    Johnny.

    • This reply was modified 4 years, 10 months ago by johnnyfyffe.
    • This reply was modified 4 years, 10 months ago by johnnyfyffe.
    Plugin Author Optimizing Matters

    (@optimizingmatters)

    4 years, 10 months ago

    Well, what I do;

    1. open a page where the issue occurs and disable AO on it by adding ?ao_noptimize=1 to the URL
    2. open “style editor” in firefox developer tools
    3. disable/ enable individual stylesheets there to see which one causes the page “break” like when AO is active
    4. if found, add that to the comma-separated CSS optimization exclusion list

    hope this helps,
    frank

    Thread Starter johnnyfyffe

    (@johnnyfyffe)

    4 years, 10 months ago

    Great advice, cheers Frank

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    4 years, 10 months ago

    you’re welcome Johnny, feel free to leave a review of the plugin and support here! 🙂

    Thread Starter johnnyfyffe

    (@johnnyfyffe)

    4 years, 8 months ago

    Hi Frank,

    Do you have a similar method for finding JS files to exclude?

    Many thanks,

    Johnny

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    4 years, 8 months ago

    hey Johnny;
    What I usually do;

    1. check the browser console for JS errors and not down the function/ variable/ object name that is complained about
    2. open a page where the issue occurs and disable AO on it by adding ?ao_noptimize=1 to the URL
    3. open developer tools -> debugger and ctrl-shift-f to find non-optimized JS-files that have the name from (1) in the source
    4. add those JS-files to AO’s JS exclusions and try again
    5. wash, rinse, repeat … 😉

    happy optimizing 🙂
    frank

    Thread Starter johnnyfyffe

    (@johnnyfyffe)

    4 years, 8 months ago

    I’ll try it out, thanks very much

    Thread Starter johnnyfyffe

    (@johnnyfyffe)

    4 years, 8 months ago

    Quick one for you, is it possible to use wildcards when excluding files? I notice that some files have strings after them like ?device=desktop&os=Desktop&slug=

    I’m just adding the file as far as .js. Does it matter if I don’t include the rest?

    • This reply was modified 4 years, 8 months ago by johnnyfyffe.
    Plugin Author Optimizing Matters

    (@optimizingmatters)

    4 years, 8 months ago

    I’m just adding the file as far as .js. Does it matter if I don’t include the rest?

    that should work just fine 🙂

    Thread Starter johnnyfyffe

    (@johnnyfyffe)

    4 years, 8 months ago

    Thanks, fantastic support!

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    4 years, 8 months ago

    Thanks, fantastic support!

    Feel free to say so in a review here Johnny! 🙂

    Thread Starter johnnyfyffe

    (@johnnyfyffe)

    4 years, 8 months ago

    Done 😉

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Finding CSS and Javascript files to add to the exclusion list’ is closed to new replies.