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
-
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 -
We use bigcommerce platform and want to access the bigcommerce server to change the way our product images display
Hi We use bigcommerce and want to chage the way we display multiple images for our products. At the moment in bigcommerce you switch between images by clicking the next image, we want the images to change when we hover the curser over the image. Does anyone know how to do this ? Regards Adrienne
Web Design | | CostumeD0 -
Google pagespeed / lazy image load
Hi, we are using the apache module of google pagespeed. It works really great, helps a lot. But today I've asked me one question: Does the "lazy load" feature for images harm the ranking? The module reworks the page to load the images only if the are visible at the screen. Is this behavior also triggered by the google bot? Or are the images invisible for google? Any expirience about that? Best wishes, Georg.
Web Design | | GeorgFranz0 -
Should i not use hyphens in web page titles? Google Penalty for hyphens?
all the page titles in my site have hyphens between the words like this: http://texas.com/texas-plumbers.html I have seen tests where hyphenated domain names ranked lower than non hyphenated domain names. Does this mean my pages are being penalized for hyphens or is this only in the domain that it is penalized? If I create new pages should I not use hyphens in the page titles when there are two or more words in the title? If I changed all my page titles to eliminate the hyphens, I would lose all my rankings correct? My site is 12 years old and if I changed all these titles I'm guessing that each page would be thrown in the google sandbox for several months, is this true? Thanks mozzers!
Web Design | | Ron100 -
Does IE9 use doucument mode IE9 Standards or Quirks???
Trying to set up the styling on a new Shopping Cart, and having trouble with Internet Explorer (IE) When I view it in IE, I click on F12 to identify the code viewer (like FireBug) and it lets me choose to view it using the browser IE9 or earlier. So far, so good... But right next to the browser selector is the "Document Mode" selector and sometimes it says "Quirks Mode" and sometimes it says "IE9 Standards" (when using IE9 browser) - and parts of the page styling goes crazy when I switch back and forth from Quirks to Standards. Help! Which does IE9 and IE8 actually use? Does it have to work for both? Is there a way to force it to one or the other? Any guidance or tips is appreciated. Thanks, Greg
Web Design | | GregB1230 -
Using a query string for linked, static landing pages - is this good practice?
My company has a page with links for each of our dozen office locations as well as a clickable map. These offices are also linked in the footer of every page along with their phone number. When one of these links is clicked, the visitor is directed to a static page with a picture of the office, contact information, a short description, and some other information. The URL for these pages is displayed as something like http:/example.com/offices.htm?office_id=123456, with seemingly random ID numbers at the end depending on the office that remain static. I know first off that this is probably bad SEO practice, as the URL should be something like htttp://example.com/offices/springfield/ My question is, why is there a question mark in the page URL? I understand that it represents a query string, but I'm not sure why it's there to begin with. A search query should not required if they are just static landing pages, correct?. Is there any reason at all why they would be queries? Is this an issue that needs to be addressed or does it have little to no impact on SEO?
Web Design | | BD690 -
Using H1 in a carousel
Hi, I have a homepage with a carousel rotator that has text in it. My question is what's the best practice in using H1 tags within the carousel. Will placing H1 tags in each be considered excessive H1 use and if so can this still cause SEO problems? Thank you
Web Design | | mirel0 -
Is there a best practice for using a general iso code for the EAME region and APAC region or should you break it out by country?
I am creating a strategy for multiple regions and the US comes to market different than EAME (Europe, Africa, Middle East) and China. We were planning on using language and iso codes in subfolder's but the corporation only wants their content to be in German, English, and Queens English. Our current decision is to use /en-US/, /en/, /de/, /en-CN/, /zh-CN/. /en/ and /de/ will be what we use for EAME. This doesn't seem like the best idea as I think /en/ will get indexed as the US version and not the EAME version. Any suggestion or if clarification is needed is greatly appreciated.
Web Design | | GodfreyB2B0