Humming Bird Not Loading In Safari

I love hummingbird, and it works great on every browser I have tested it on, except it doesn't appear to be loading the the Hummingbird files so the site is not displaying properly. I have enabled support access and a prime example that I am working with is the site:

https://www.fightchildprotectiveservices.com/

It works perfectly on all (chrome, firefox, explorer) but safari.

  • Rupok

    Hi jnkfrancis, hope you had a wonderful day.

    Thanks for sharing your site URL. I checked your site and it seems like Safari is throwing few errors for optimized CSS files. Please check the attached screenshot for reference.

    Our plugin developer can give you best idea regarding this. So I'm pinging him to check this. Please keep in mind, our developers work round the clock and they have to deal with lots of critical issues and other things. So it may take a little while for them to check this and provide a feedback.

    Have a nice day. Cheers!
    Rupok

  • Ignacio

    Hi jnkfrancis

    This is happening even when minification is not activated. To test it, add ?avoid-minify=ture to your home URL (you'll need to refresh twice). Safari is just telling that the rule won't apply. Those rules are for IE hacks so nothing to be worried about. It seems that Safari is getting old and is not a reference browser anymore :slight_frown:

    That said, Safari still renders some styles wrong. I don't know why is not applying some styles from your theme stylesheet. I've just remove switched off the theme stylesheet from minification screen, refreshed the home page and switched on again and seems to be working again. Maybe there was an error during the process.

  • jnkfrancis

    Hi Ignacio,

    Thanks for your response. I tested it with hummingbird turned off completely before I opened the ticket and safari loads the style sheets exactly as expected. It only occurs when hummingbird is turned on, and it happens on all of the sites that are using hummingbird. The multisite that the example site is on, has a number of sites using humming bird and they all are broken.

  • jnkfrancis

    I've done some digging, and one potential issue is that safari doesn't like the relative links that hummingbird creates ie. <link rel="stylesheet" id="wphb-3-css" href="//www.fightchildprotectiveservices.com/wp-content/uploads/sites/48/wp-hummingbird-cache/c537f28d85df7e4b21b1563e0743dabd.css" type="text/css" media="all">

    This style sheet, in my tests, didn't even show up in the inspector for safari.

    I copied the link into the footer, made the link and absolute link <link rel="stylesheet" id="wphb-3-css" target="_blank" href="https://www.fightchildprotectiveservices.com/wp-content/uploads/sites/48/wp-hummingbird-cache/c537f28d85df7e4b21b1563e0743dabd.css" type="text/css" media="all"> And there it appeared on the resources list in the inspector, but it still doesn't load the style.

    Just another thing to look at. Just so you know this is not isolated to this site, but to all of the sites that I use hummingbird on.

  • Ignacio

    Hi jnkfrancis

    Hummingbird does not use relative URLs by itself. It makes use of WP functions to generate the files URLs. There must be something that is setting those to a relative path.

    Could you try this code and then Re check files from Minification screen?

    add_filter( 'wphb_cache_dir', function( $dir ) {
    	if ( preg_match( '/^\/\//', $dir ) ) {
    		return is_ssl() ? 'https:' . $dir : 'http:' . $dir;
    	}
    	return $dir;
    });

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.