Using WebP Image Alongside Existing Images
-
Is it worthwhile to add in WebP images alongside existing images?
WebP Images can be three times smaller than PNGs and 25% smaller than JPGs, according to a plugin option I am looking at.
The alternative WebP images are provided via CDN.
Does anyone have any experience with this, and is it worth doing?
-
Thanks for your help will do as you suggest.
-
If other images are not via CDN, then you can probably also deploy WebP images without the CDN. I would convert your on-site images to WebP and recode your site / theme to serve your WebP images instead, and then code in some fall-backs for browsers which still don't support WebP. What I'm not seeing, is why a CDN is fundamentally required. Adding more unnecessary calls and connections to your pages can slow it down. For large sites with huge traffic-loads, CDNs are perfectly appropriate. With some smaller sites, I have seen CDNs implemented which actually make the pages take longer to load (a CDN isn't always needed). Myself I'd experiment on a couple of pages, replacing all their embedded images with WebP versions and see what difference it makes. If it met with success, I'd then roll the change out across the site (with in-code fall-backs for older or disruptive browsers). But I don't think I'd adopt a CDN at the same time I was trialing WebP, I'd keep it separate (for now). Then I'd try a CDN after and see if that resulted in further uplift or not!
-
Thanks effectdigital,
Other site images are not via CDN.
Its an option provided by a plugin we use Shortpixel.
I believe the WebP images would be supplied via their CDN.
But perhaps this does just complicate things, I guess I could always try it and test via Pingdom although it does mean recompensing all existing images.
-
Yeah I'd say it is worthwhile. WebP images can look great at a fraction of the file-size of the equivalent PNG / JPG / JPEG files
I don't know about having a CDN specifically to supply WebP images. Are your normal images (currently) supplied via a CDN? If they are not, why would you complicate things? You can serve the WebP images from your own site with fall-backs to PNG / JPG images as required
If your current images are served via CDN, then maybe serving the WebP images via CDN is a good idea. Just try not to change too many things at once, always take the simplest and most elegant solution
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Does a similar CMS fabric/theme used by 2 colleagues, cause SEO issues?
Does using the same CMS fabric/theme with substantially different content for each website but the same business address (on google places and the websites) cause SEO issues? For example: 2 colleagues with somewhat similar services located at the same business addresses desire to use the same CMS fabric /theme but will have different content on the sites. Will this hurt their SEO / should they use a different website skin/theme?
Web Design | | toti5880 -
When rel canonical tag used, which page does Google considers for ranking and indexing? A/B test scenario!
Hi Moz community, We have redesigned our website and launched for A/B testing using canonical tags from old website to new website pages, so there will be no duplicate content issues and new website will be shown to the half of the website visitors successfully to calculate the metrics. However I wonder how actually Google considers it? Which pages Google will crawl and index to consider for ranking? Please share your views on this for better optimisation. Thanks
Web Design | | vtmoz0 -
Images are Blocked Resources in webmasters. Anything wrong?
Hi all, The images in our sub directory are hosted from a sub domain. This sub domain is blocked to robots. So, I can see all these images are shown as "Blocked Resources" in webmasters. Is anything wrong with this? If so, we also usually block robots to image files location in our website. What's the difference? Thanks
Web Design | | vtmoz0 -
Uses for Fiverr?
Hi,
Web Design | | ChrisHolgate
I'll keep this really short and sweet... I'm just intrigued more than anything. With the exception of user testing has anybody ever had a good experience with Fiverr? Obviously I'm not contemplating SEO services for $5 but I'm just curious as to whether anybody has found any services that were genuinely useful in a day to day capacity?2 -
Responsive image plugins and seo / crawlability
Note : For the background of this question please read the preface below. Ive been researching responsive image options the main issue i can see with them is that they are not semantic html so bots may not index them correctly. For instance many of the responsive image plugins use data-src for an image rather than src. Does any one have any experience with this and if it impacts on SEO ? Does any one know of a client side responsive image soltion that uses a normal img tag with the image stored in the src and with the option to set an alt attribute ? **Preface : ** Ive got a site we are currently developing, the site has a large full width responsive image slider. To serve images that wont be pixilated we are making the width of the images 1800px wide (which should cover most screens, but isn't actually big enough if the site was viewed on a 27" imac) these 1800px wide images weight about 350kb - 500kb per image and our image slider has about 20 of them. As you can see this would be a problem for anyone with a connection slower than c.10 mbps. This is especially true for mobile devices that will be downloading an image 1800px wide although only require a much smaller one, this coupled with a 3g connection will make the site really slow.
Web Design | | Sam-P0 -
Is anyone here managing or doing SEO for a site using GoECart?
We are preparing to update/migrate to a new ecommerce platform. We are in the process of choosing right now. One of the things we know we want is faceted navigation, but I am well aware of the problems this presents for SEO. Are any of you amazing people here using, managing or have experience with GoECart? I am interested to know your feedback, particularly from an SEO viewpoint. Thanks in advance! Dana
Web Design | | danatanseo0 -
Need help with image resizing (re: slow site)
I'm trying to figure out why I'm having speed issues with my site, and using google speed test to help me knock out some of the issues. One of issues deals with image resizing. I have a responsive design and so even though on the home page the normal width is 580 of the blog area, the full post can go up to 1170. So I size all of my images to 1170 wide and let CSS resize them depending on the size of the browser. (The images on the most recent post are a little bigger than this because I was testing something.) I was wondering what the best practice was in regard to what I'm trying to do. Also feel free to check out my site and let me know of any other feedback / advice you have. Thanks !:)
Web Design | | NoahsDad0 -
Does anyone use Ultimento for Magento?
We're working on a re-design and want to start with SEO rather than leave it until the end. Of course, saving time and money on a custom template would be great. Ultimento found at www.ultimento.com boasts great SEO features. Has anybody used it? Please comment. Thanks in advance! Kevin
Web Design | | kwoolf0