Home › Forums › Basel support forum › Site optimization

Site optimization

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 4, 2017 at 6:25 am #17172

    qgideias
    Participant

    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

    August 4, 2017 at 7:03 am #17174

    chdhesi0
    Participant

    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.

    😉

    August 4, 2017 at 2:42 pm #17182

    Artem Temos
    Keymaster
    Xtemos team

    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

    August 6, 2017 at 6:07 am #17201

    qgideias
    Participant

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

    August 6, 2017 at 8:10 am #17205

    Artem Temos
    Keymaster
    Xtemos team

    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

    August 6, 2017 at 7:48 pm #17212

    qgideias
    Participant

    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).

    August 7, 2017 at 6:18 am #17219

    Artem Temos
    Keymaster
    Xtemos team

    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
Viewing 7 posts - 1 through 7 (of 7 total)