Site optimization

Doing a test on the GTMETRIX they gave me some low notes on some things. What would you tell me to do to solve problems of:

Serve scaled images
Optimize images

You can see the test I did on this link: https://gtmetrix.com/reports/travalinguamodainfantil.com.br/VgBx339y

Basically use a caching solution like -> Memcached, Redis, opcache, etc. There are severa l plugins out there for caching. But you need to carefully edit the plugins.

Image optimization is really good! I’ve downloaded the /upload … folder and locally compressed all images with an image compressor processor like this here: https://imageoptim.com/mac

Then re-upload it. That helps a lot. Some more tricks: Change host to siteground.com really good host with a fair performance model. You could even try to deactivate unnecessary plugins. Because every plugin is loading some more bulk resources. There are many techniques to improve page speed.

😉

Hello,

From your GTMetrix report, it seems that you need to optimize your images and be sure that you don’t have too large images loaded. Also, @chdhesi0 comment may be very useful for you too. There are a lot of different techniques to optimize your website performance. All things that related to our theme like JS and CSS optimization and minification are already done.

Regards

Thank you. One more question on this topic … how to solve Serve scaled images problems?

Serve scaled images means that you are using large images. For example, you use the image for a banner with a size of 1000×500 and in the same time, the column that contains that banner has a size of 400×300. Then, you just need to decrease banner image size to exactly the size of the free space for it (400×300 for example).

Regards

In Gtmetrix there are some images that I should use this feature, but these are the same images of the product. I could not leave them as small as they would be with low quality. Are there any tools that would select smaller image versions?

Gtmetrix Example:https://bankapanka.com.br/wp-content/uploads/2017/08/BANKA-PANKA4017-533×800.jpg is resized in HTML or CSS from 533×800 to 213×319. Serving a scaled image could save 35.5KiB (84% reduction).

Sorry, but it is not possible to select smaller image versions. You can change your product images sizes in WooCommerce -> Settings -> Products -> Display. And this option will be applied globally.

Regards

[Author]

Posts