vertigoooo

@kiranpreet Hi the excerpt solution seems reasonable, thanks for that, but onto my next question is how can I disable the archive pages and the single pages generated for this post type?

@nevma Okay so here’s the first update:

Seems like the slider plugin I am using was causing problem with serving images, the slider plugin is smart slider 3 and it seems to be serving duplicate images

@nevma Hi, Okay so for the link to my site please see the email I sent to the email that is published on your website.

Okay so let’s get the query string out of the way, it is acceptable considering the performance boost the adaptive images plugin gains.

The second problem I mention I will check against my hosting and cdn provider and will provide an update regards that topic.

For a new problem I have noticed while monitoring the network tab in devtools, is after using my hosting provider (Siteground) cache plugin (SuperCacher) it is not compatible and thus results in multiple requests of duplicate images, it also requests the large images (500kb instead of 50kb), which is weird.

for now I have disabled the cache plugin in my site, is there any incompatibility with cache plugins or this is specific plugin problem.

I have attempted to use wp super cache but had problem configuring it with my cloudflare’s cdn, so no information here.

@takis Hi, Here’s an update, I managed to figure out the problem wasn’t caused by this plugin, and fixed it. it did boost my pagespeed insights score from 60 to 93 on mobile because now it is serving the images in the correct size (improvement)

New questions arise, can I configure the plugin not to add query strings at the end of the images? pingdom gives the following message:

“Resources with a “?” in the URL are not cached by some proxy caching servers. Remove the query string and encode the parameters into the URL for the following resources”

Second question is also in pingdom it shows requests with version HTTP/1.1, my site uses https and http/2 enabled on my hosting account, is it possible to configure the images to deliver with http/2?

I Saw version 1.1.2 released and in the changelog the content length issue was fixed, but it is not fixed on my end. I have the latest wordpress version installed and so the latest plugin version

@takis

Hi I have cloudflare enabled on my site, after attempting to use the adaptive images plugin, images that were around 40 kb are now served at lower resolution but weight ~220kb this is very bad, and also I have around 15 pictures on my pages and on my cache folder there are only 3 that get cached?

Okay i found it, I had to go inside the slider and choose settings from there ??

@nextendweb_gabor
Hi I could not find the global responsive settings? I turned on expert mode but the menu hasn’t changed, note I am using the free version

The solution:
https://wordpress.stackexchange.com/questions/284486/removing-an-action-from-wp-footer-called-in-a-class-thats-inside-a-bigger-class/284487?noredirect=1#comment421457_284487

@takis HI, thanks for your reply!

Could you provide some further information on how to intergrate cloudflare cdn with the experimental cdn mode for this plugin?

@nextendweb_gabor

Hi thanks for your reply!
Do you know of any free plugin that is capable of dynamically loading the cached version?

Update:

I have created a secondary slider for mobile devices, desplaying it with css only from media query (max-width: 840px) with display:block and hiding the desktop slider with display: none;

this seems like some sort of solution but still the images and scripts from the desktop slider are loaded which will affect loading time, I didn’t want to detect mobile via user agent in the server side because I’m using a cache plugin so that won’t be effective hence I must do it on the client side..

So is there any better solution to show different sliders on different viewports widths?

@nextend_ramona

Hi Thanks for your reply,
Be sure I have suspected my css was causing this error and I made sure to remove every css added and still no effect.

I have detected after a lot of debugging, the problem is I added a background image for each of my slide, even without background-position:fixed, full page slider with background images was handled well on mobile devices causing performance to drop.

Is there any way to remove the background image in function of the screen width?

Also is there an option to serve different image size on mobile devices (or do I have to implement it with javascript my self?)

@nextend_ramona

Hi Ramona,

Thanks for your reply, please note I am not using the pro version, but the free version
and because of that I do not have access to parallax effects therefore we can take that out.

Here is a screen capture of my problem:
https://drive.google.com/file/d/0B8POOD2IRiQ1cll3U1k5VmxDUDQ/view?usp=sharing

Please note that to achieve mobile responsiveness I have added more rows and cols that are hidden when in desktop mode and shown when in mobile / tablet mode

anyone?