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
-
Best way to Load Responsive Images for Responsive Site?
Hello All, Can anyone suggest be best technique to load responsive images? We are developing responsive site so looking for good ideas from your side so that it load very fast. Thanks!
Web Design | | micey1230 -
Google Translate with "no-follow" just for users' use, no ranking
Hello, I tried to search but here is a little unique situation. I would like to translate my website in 2-3 different languages not for ranking purpose, but only for some minority users within Italy to understand the content in their native language. Using "no-follow" with a Google Translate link would damage SEO? if not I would like to use it. Here are few points: Give users the ability to switch the content to their language with a link Tell Google not to follow the translated pages, because I don't want them to be used for ranking or searches I would start simply with Google Translate to see if people actually are interested, then later translate by human but still don't want google to follow I could also start with human translation instead of Google Translate if really needed, I know it is a no no. What I'm very interested is to make sure that those pages under "no-follow" won't affect my SEO in good or bad right now, because we would like to keep as it is. Thanks a lot
Web Design | | angelowei0 -
Image with 100% width/height - bad ranking?
Hi, we have some articles like this: http://www.schicksal.com/Orakel/Freitag-13 The main image has a width of 100% and a height of 100%. Today, I've discovered that GWT Instant Preview has some troubles with rendering the page. We have CSS rules to deliver the image with the right dimensions. If a bot like google is not sending any screen height / width we assume the screen size is 2560x1440. Does this harm the ranking of the page? (Content starts below the fold/image) What is a "default" screen size for google? How do they determine if something is "above the fold"? Any tips or ideas? Best wishes, Georg.
Web Design | | GeorgFranz0 -
Does using role="heading" instead of H1 in HTML code affects SEO?
Does using role="heading" instead of affect SEO? http://www.w3.org/WAI/GL/wiki/Headings_using_role%3Dheading
Web Design | | LNEseo0 -
Web Developer Using Stock Photos
Hello, The organization is selling a cms system in a niche market across the country. It has the normal SEO challenges, in addition he is using purchased stock images. This seemed ok, while he was smaller but now we are growing rapidly and these images are VERY STOCK- and well used ( I have checked with Tiny Eye). I remember a few years ago this was a flag to the search engines who went through manual review, is this still true? It seems to me that the theme's that come with the images, are duplicated ( including navigation & footers), so having the duplicated images would be another negative. Thank you for your suggestions!
Web Design | | TammyWood0 -
Redirecting Images
Hi, I'm wondering how important it is when relaunching a site on a new platform (switching to Drupal) to serve up images from the same file paths in order to ensure consistency during the changeover. I've tried to keep the questions straightforward so that this post can be useful to people in a similar situation in future: How much difference do the file paths make to SEO? Does Google care or even notice if the image file paths change? Is it worth forcing Drupal to mimic our old file paths for the sake of consistency with the old site in order to maintain rankings OR do we take the opportunity to redesign our file paths for better SEO? Any help would be much appreciated 🙂
Web Design | | Tinhat0 -
My Site Is Using A Lot of Hosting Bandwidth. Suggestions?
My website http://www.socialseomanagement.com/ is using tons of bandwidth. I received a message from the hosting company saying I exceeded my monthly bandwidth and it has only been a few days. Can anyone take a look and make suggestions? Thanks
Web Design | | JChronicle0 -
Are there any studies, statistics or measurable impact of using mixed fonts on landing pages?
Are there any studies, statistics or measurable impact of using mixed fonts on landing pages? One of our landing pages is using five variations of the Arial font where size, strength (bold, italics) and color all vary. One camp internally believes that this okay, whereas another camp wants to standardize the presentation where there's less variance (such as a heading as one and the body copy as another). Have you been through a similar trial or test in the past? I've seen some instances of a Marketing Sherpa study on the topic, but no real numbers to support one thing or another. I've attached an example image of our current LP. I have a lot of strong opinions on a number of items - but we're looking to have an immediate internal discussion on the font issue first. Thanks! GIzA8.jpg
Web Design | | eMagineSEO0