Sirv CDN and Image Hosting

This issue cannot be replicated. All testing and live sites works as expected so we are closing this issue.

Please reopen this issue if it still exists.

Hi,
Sirv automatically converts images to WebP, on-the-fly, and delivers it to compatible browsers. It doesn’t change the image extension, however, images are delivered in WebP format. You can check if it’s working correctly via developer tools -> Network tab.
https://sirv.sirv.com/Screenshot%202020-09-03%20084155.png

Thanks for your review and feedback!

it created crazy levels of folders

This has been fixed!

Please upgrade to the latest version of the Sirv plugin, released a few days ago, then delete your images from your Sirv account (https://my.sirv.com/) and resync your images. Your images will now be synced using the original folder structure used by WordPress.

Previously, the plugin created 3 subfolder levels so that enormous folders would be broken up. Some WordPress sites have over 100,000 images in a single folder, which generates heavy load and slows things down. Breaking up folders provides the fastest possible performance but it could be a pain when navigating. We solved this by only generating subfolders for folders containing more than 5,000 images.

That’s unusual. We’ll need to investigate this. Could you send us a login to your WordPress admin via our secure form please?

https://sirv.com/contact/

Thanks!

Just to confirm that the Custom CSS field was added to the Sirv plugin and released as a new version last week.

Thanks for using Sirv!

We found the cause of the unexpected image dimensions when lazy loading is enabled.

Your images are inside Owl carousel, which has some styles that are breaking the layout:

.mkdf-owl-slider .owl-item img {
    width: 100%;
}

.mkdf-show.info-bellow .mkdf-show-image a {
    height: 183.32px !important;
}

Those styles set dimensions for images which are obeyed by Sirv lazy loading. Instead, the styles should be responsive, to fit the available carousel area.

Add the following CSS to your HTML page to fix the issue:

<style type="text/css">
    .mkdf-owl-slider .owl-item img {
        width: auto !important;
    }
    .mkdf-owl-slider .mkdf-show.info-bellow .mkdf-show-image a {
        height: auto !important;
    }
</style>

We will add a new field in the next version of the Sirv plugin where you can paste those styles. (Alternatively, you could replace the styles in Owl carousel, but the fix would be overwritten if you updated Owl carousel in future.)

The new plugin version will be released in a few days and we’ll email you then.

• This reply was modified 4 years, 6 months ago by Sirv CDN and Image Hosting. Reason: Clarified instructions to fix issue

That’s great to hear @aalegron!

In case you use WooCommerce, look out for a cool new feature in the Sirv plugin to improve your WooCommerce product pages…

Dan
The Sirv Team

Hey @rauterkus, it’s excellent to hear you’re enjoying Sirv!

Dan
The Sirv Team

Great, thanks! I’ll mark this as resolved.

Yes, about a month ago. I forgot to reply then. Is it working as you wanted?

Hi Marcel,

The FIFU and Sirv plugins have both been updated so that you can now see the “Choose Sirv Image” button again. Please try it and let us know how you get on.

Thanks!

David

We’re very happy to hear that Dave!

Thanks for choosing Sirv ??

Excellent news! Thanks for using Sirv.

We’re very happy that you’re enjoying Sirv!

In general, Sirv will attempt to sync as serve as many images as possible. It can lazy load most of those images but sometimes it can’t access the image to edit its src to data-src and add a class of Sirv.

Please send us the URL of that page where we can see the slider and also a login to your WordPress admin. We will see if there is a way to lazy load the images on your page, without lazy loading the images in your slider.

The login should be sent via our secure form:

https://sirv.com/contact/

Thanks!

Hey JP, thanks for sharing your updates on this.

We’re aiming to add a new capability to exclude pages based on a particularity URL pattern. We’ll add a message here if (hopefully “when”) it is released.