Docs

[dbwadmin]

Hi there,

I am new to X, I am setting up a new homepage and try to optimze the image sizes.
I know how to size pictures using css, but I try to load pictures from the backend in the correct size to save loading time.

Google pagespeed insights showed very bad results for mobile device during my tests, because the original image is 1440×1080 and will be scaled down in the browser for mobile by 90%.

The plugin ‘responsify wp’ or ‘simple image sizes’ would provide an uploaded picture in various – definable – sizes.
As a result the plugin would paste code into your html like
e.g.
<picture>
<source srcset=”large.jpg” media=”(min-width: 300px)”>
<source srcset=”medium.jpg” media=”(min-width: 150px)”>

</picture>

As a result the browser should load the picture in the correct size depending on the media-size.

Is there a way to provide this behaviour in a portfolio page?

thx Martin

[Jade]

Hi Martin,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[dbwadmin]

This reply has been marked as private.

[dbwadmin]

This reply has been marked as private.

[Rad]

Hi there,

To implement that, you’ll have to do some customization. X theme doesn’t work that way, but you’re free to implement it. You’ll find the codes on this file

\wp-content\themes\x\framework\functions\global\featured.php

X theme is responsive it uses its own image size targeting the wide range of devices. While the optimization you wish to implement is only specific to certain sizes/device (eg. Google Pagespeed). The responsify would work, but we can’t cover the customization for that plugin.

Hope this helps.

[dbwadmin]

I am no professional, I am just a ‘user’ of X.
As far as I have understood from reading internet forums, this would be an additional feature.
I am planning a website for my hotel with many large pictures (1440px).

My idea was:
– loading the images in the best fitting size ==> reduction of load time, Google will be happy
– final sizing in the browser with css using the Standard X-customizing features.

Do you think that’s a bad idea? Where could be the limitations?

[Rupok]

Hi there,

Thanks for writing back. I don’t think you need to do this. Just make sure to use optimized image. As long as the site is responsive, Google is still happy and X is fully responsive.

Cheers!

[Author]

Posts