WebP for images ?

KlaudiaK

KlaudiaK

Banned - selling outside of the marketplace.
Joined
Jul 26, 2019
Messages
421
Reaction score
320
So I have been trying to focus my time on improving speed of my site. As to be quite frank, the speed of the website is just shit!

I have used a website called "uptrends" to try and identify the issues with speed. So I am trying to go through things one at a time.

"Serve images in next-gen formats"

This is one of the errror messages I have recieved and it's driving me nuts. I am trying to get solutions that are super low cost/free as seriously, my funds, I essentially have none.

I have over 500 images on my site and my site is a woocommerce site, so it's essentially quite heavy on the payload when it comes to images.

Has anyone got any advise/knowledge they mind sharing with me, so that I can get this stuff sorted. As I'm only scoring like 19 on the google page speed test.
 
Advertise on BHW
I am trying to get solutions that are super low cost/free
Click to expand...
Step #1
Download all your site´s images.

Head over to TinyPNG and upload them all.

What this tool will do is to compress your image file to the fullest without losing quality.

Step #2
Once you got them all to compress we need to convert them into webp format.

For this, head over to any free online image converter like image.online-convert and upload the images and proceed to convert them into webp format.

Step #3
Before uploading them back into your site, you need to install a plugin called Enable Media Replace. It´s a free plugin you can download directly from your WordPress repository and, what it does, it allows you to "replace" the image on your site without creating another URL.

This is by far the best way I´ve found to compress and convert images into webp format using free tools.

As I'm only scoring like 19 on the google page speed test.
Click to expand...
These performance tools are a great way to guide us into what needs to be done in order to optimize our site´s from a technical standpoint of view but, don´t stress too much about getting a "perfect score".

Focus on providing your user with the best possible experience.

Lastly, I heavily recommend you hire someone to optimize your site for you. I know you mention being on a tight budget...
seriously, my funds, I essentially have none.
Click to expand...
But, You can get your site fully optimized for page loading time for like $50.
 
Roger Marquez said:
Step #1
Download all your site´s images.

Head over to TinyPNG and upload them all.

What this tool will do is to compress your image file to the fullest without losing quality.

Step #2
Once you got them all to compress we need to convert them into webp format.

For this, head over to any free online image converter like https://image.online-convert.com/ and upload the images and proceed to convert them into webp format.

Step #3
Before uploading them back into your site, you need to install a plugin called https://wordpress.org/plugins/enable-media-replace/. It´s a free plugin you can download directly from your WordPress repository and, what it does, it allows you to "replace" the image on your site without creating another URL.

This is by far the best way I´ve found to compress and convert images into webp format using free tools.
Click to expand...


Wow, thank you so much. I've been on this subject for 2 hours and didnt even get any of these kind of answers watching youtube videos and found a lot of the videos to be affiliates. I havent tried this yet but this looks like a legit response that will work, gonna give this a shot now. Thank you so much for taking time to reply, I genuinely do appreciate it.
 
Roger Marquez said:
Step #1
Download all your site´s images.

Head over to TinyPNG and upload them all.

What this tool will do is to compress your image file to the fullest without losing quality.

Step #2
Once you got them all to compress we need to convert them into webp format.

For this, head over to any free online image converter like image.online-convert and upload the images and proceed to convert them into webp format.

Step #3
Before uploading them back into your site, you need to install a plugin called Enable Media Replace. It´s a free plugin you can download directly from your WordPress repository and, what it does, it allows you to "replace" the image on your site without creating another URL.

This is by far the best way I´ve found to compress and convert images into webp format using free tools.


These performance tools are a great way to guide us into what needs to be done in order to optimize our site´s from a technical standpoint of view but, don´t stress too much about getting a "perfect score".

Focus on providing your user with the best possible experience.

Lastly, I heavily recommend you hire someone to optimize your site for you. I know you mention being on a tight budget...

But, You can get your site fully optimized for page loading time for like $50.
Click to expand...
Or he can use smush and get his job done in matter of few clickls
 
I'm using the "Imagify" wp plugin, and does it automatically on upload, plus you can bulk compress and convert all previously upload images.
 
dandan594594 said:
I'm using the "Imagify" wp plugin, and does it automatically on upload, plus you can bulk compress and convert all previously upload images.
Click to expand...
pablitojanno said:
You can also use Imagify to convert all your images into WebP :)
Click to expand...
I also forgot about Imagify. I even use it on my sites.

The problem with Imagify is that it only allows up to 25mb in TOTAL!

and OP mentions she has over 500 images on her site.

Even if those image files are on average 200kb we´re talking about 100,000kb!!

I don´t know if you can create different Imagify accounts using different emails nor if there´s a limitation in regards to converting images to webp.
 
Roger Marquez said:
I also forgot about Imagify. I even use it on my sites.

The problem with Imagify is that it only allows up to 25mb in TOTAL!

and OP mentions she has over 500 images on her site.

Even if those image files are on average 200kb we´re talking about 100,000kb!!

I don´t know if you can create different Imagify accounts using different emails nor if there´s a limitation in regards to converting images to webp.
Click to expand...

I bought for 9,99$ 1GB of Imagify "conversions", and you can share the API key within all your websites
 
Roger Marquez said:
I also forgot about Imagify. I even use it on my sites.

The problem with Imagify is that it only allows up to 25mb in TOTAL!

and OP mentions she has over 500 images on her site.

Even if those image files are on average 200kb we´re talking about 100,000kb!!

I don´t know if you can create different Imagify accounts using different emails nor if there´s a limitation in regards to converting images to webp.
Click to expand...

Yeah, you have to upgrade for more space, but turning off the backup option helps with storage limits.
 
Last edited:
Meddie said:
Shortpixel can help you, is noob-friendly.
Click to expand...

That´s a great plugin, use their Shortpixel Adaptive plugin ( https://shortpixel.ai ) and they give you 500 images for free, you can even use your own domain for it like images.example.com with it. https://help.shortpixel.com/article/180-can-i-use-a-different-cdn-with-shortpixel-adaptive-images and use your own cdn to load it .. =)

Combine it with this https://www.blackhatworld.com/seo/bunnycdn-s-new-perma-cache-with-geo-replicated-storage.1248116/ and you have a really nice combo .. =)

@KlaudiaK
.
 
Roger Marquez said:
Step #1
Download all your site´s images.

Head over to TinyPNG and upload them all.

What this tool will do is to compress your image file to the fullest without losing quality.
Click to expand...
That's a nice tip. Totally new.
 
As I told you yesterday, you need to do two things for the vast improvement..

1) Get your render blocking scripts problem sorted.
2) Invest into a better server.

Now, coming to the webp; I don't really think it's necessary at this point. webp has compatibility issues, and because you have an ecommerce site; you wouldn't want to lose your customers for nothing. If you really want a super fast image format, use plain old jpeg. That is going to be enough for your case.

My two cents...
 
Mr Positive said:
1) short pixel 2) imagify 3) smush use these paid ones to convert and serve webp
Click to expand...
She is broke. She can't pay. :p

Edit: OP, I am feeling good today, thanks to Vodka. If you PM me your site, I can help you out getting your site a littlebit faster; for free that is. Not gonna optimize images, but I can still make your render blocking script problem fixed. LMK :)
 
Last edited:
Advertise on BHW
You must log in or register to reply here.
Sign up now!

Main Menu

Home Main Forum List Black Hat SEO White Hat SEO BHW Newbie Guide Blogging Black Hat Tools Social Media Downloads

Marketplace

Account Selling Content / Copywriting EBooks / Methods Hosting Misc Proxies For Sale SEO - Link building SEO - Packages Social Media Social Media - Panels Web Design More

Making Money

Affiliate Programs Hire a Freelancer IM Journeys Making Money Pay Per Click Site Flipping Want to Buy

BlackHat World

Dispute Resolution Forum Suggestions & Feedback Introductions Lounge
Back
Top