Support » Plugin: Easy FancyBox - WordPress Lightbox Plugin » Fancybox css not combined with other css

  • Resolved Jack

    (@moxie)


    Perhaps not a big deal, but anyway, I was checking my site with Pingdom, and all css files are combined into one, except the one from Easy Fancybox. Perhaps because it is loaded much later? How can I get it to combine with the rest. Perhaps by disabling the loading and adding the css to my own WP custom stylesheet?

    https://wordpress.org/plugins/easy-fancybox/

Viewing 11 replies - 1 through 11 (of 11 total)
  • Hi Jack, the style sheet is not loaded differently or later than normal so that should not be the reason. Only thing I can think of is the fact that style sheet is already minified (white spaces etc. removed) which might be a reason to exclude it from concatenation… Are you using a plugin for concatenation of style and script files? Or maybe the PageSpeed module?

    Thread Starter Jack

    (@moxie)

    Hi Ravan, I use several plugins. WP Fastest Cache and Autoptimize, together with Cloudflare. I tried several combinations of minifying and combining css files. For instance, disabling the css options in the WP Fastest Cache plugin and Cloudflare, but enabling it in Autoptimize. This way I tried all kinds of combinations, but the Fancybox css file somehow keeps being excluded.

    Like I said, it’s not such a big deal, but when being busy with optimizing these little things keep me busy, trying to solve the puzzle ;).

    did a quick test on my localhost dev environment and fancybox’ css is aggregated by autoptimize. not sure what might cause this to not be the case on your environment I’m afraid.

    frank (ao dev)

    Thread Starter Jack

    (@moxie)

    Thanks for checking Frank. I tried some more but can’t find the ‘problem. Perhaps something to do with Genesis or the Dynamic Website Builder.

    Just to show you what the two remaining css files are in the html source:

    <link rel=”stylesheet” type=”text/css” href=”//www.jacktummers.nl/wp-content/cache/wpfc-minified/2e795eda7dc8b5c988529c11cfd4ba1e/1470307671index.css” media=”all”/>
    <link rel=”stylesheet” type=”text/css” href=”//www.jacktummers.nl/wp-content/cache/wpfc-minified/551afd416900da6a33ec474df85da422/1470307671index.css” media=”screen”/>

    oh, but using multiple minification plugins concurrentlty is not a good idea in general, either disable AO and do all in WPFC or disable minification in WPFC and go for AO.

    groeten van een Zuiderbuur 😉
    frank

    Thread Starter Jack

    (@moxie)

    Hi Zuiderbuur 😉

    I did try that, disabling all but one minification, but still no success. I even disabled all the html/css/javascript options in Cloudflare. And it’s not about minification but combining. I’ll try again, perhaps with another plugin.

    well, WPFC (pro) & AO both do combining+minification, so …

    but I’m not entirely certain what the problem is; your original post was about the fancybox css not being combined, but when looking at your site I don’t see that file any more? so all is well now?

    Thread Starter Jack

    (@moxie)

    It’s still there 🙂

    The second file contains all fancybox css. So it is minified, but it should be in the first file with the rest.

    <link rel=”stylesheet” type=”text/css” href=”//www.jacktummers.nl/wp-content/cache/wpfc-minified/2e795eda7dc8b5c988529c11cfd4ba1e/1470307911index.css” media=”all”/>
    <link rel=”stylesheet” type=”text/css” href=”//www.jacktummers.nl/wp-content/cache/wpfc-minified/551afd416900da6a33ec474df85da422/1470307911index.css” media=”screen”/>

    So it is minified, but it should be in the first file with the rest.

    it should not, really, cfr. media-types; media="all"/> vs media="screen"/>.

    CSS optimizers honour the media-type by the source CSS. if fancybox’ CSS came with media="all" it would have been in the first file. maybe something for ravanh to ponder? 😉

    frank

    Thread Starter Jack

    (@moxie)

    Ah, that makes sense :).

    Indeed that makes sense. Thanks for clearing it up Frank 🙂

    Groeten van een nog zuiderlijke buur (Frankrijk) !

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Fancybox css not combined with other css’ is closed to new replies.