Mobile version just now showing images on devices

[Initiostar]

OK some progress maybe; having removed the statcounter earlier, the Google audit report specifically for your mobile variant https://www.historicedinburghtours.co.uk/ looks a lot better; the errors have gone too! The safari mobile images may still be a problem, but I would fix the issues one-by-one.



Reference the IONOS SSL/CDN issue (unrelated to your images issue, are you using a separate Cloudflare account? If true, try this modification to the .htaccess file; it creates a permanent 301 redirect which should force http to https. We'll see

RewriteEngine On
RewriteCond %{SERVER_PORT} !=443
RewriteRule ^(.*)$ https://historicedinburghtours.co.uk/$1 [R=301,L]


#RewriteEngine On
#RewriteCond %{SERVER_PORT} 80
#RewriteRule ^(.*)$ https://historicedinburghtours.co.uk/$1 [R,L]


#RewriteEngine On
#RewriteCond %{SERVER_PORT} 80
#RewriteRule ^(.*)$ https://%{HTTP_HOST}/$1 [R,L]

[forresthowie]

According to CDN on 1and1, I've got CDN Plus Railgun and it's assigned to historicedinburghtours.co.uk and www.historicedinburghtours.co.uk.

According to 'dashboardseo' which I use,

http://www.historicedinburghtours.co.uk/ - passes CDN usage test
https://www.historicedinburghtours.co.uk/

https://historicedinburghtours.co.uk/ - doesn't pass CDN usage test
http://historicedinburghtours.co.uk/ - doesn't pass CDN usage test





I changed my htaccess and it now contains only this;

RewriteEngine On
RewriteCond %{SERVER_PORT} !=443
RewriteRule ^(.*)$ https://historicedinburghtours.co.uk/$1 [R=301,L]


#RewriteEngine On
#RewriteCond %{SERVER_PORT} 80
#RewriteRule ^(.*)$ https://historicedinburghtours.co.uk/$1 [R,L]


#RewriteEngine On
#RewriteCond %{SERVER_PORT} 80
#RewriteRule ^(.*)$ https://%{HTTP_HOST}/$1 [R,L]


I've also purged the cache again so that any changes should be quicker.

Thanks once again!

[Initiostar]

The first issue is the recommended IONOS redirect SSL code https://www.ionos.com/help/ssl-certi...-secured-site/ does not appear to work for http://historicedinburghtours.co.uk should redirect to https://historicedinburghtours.co.uk, where it does for my sites. The best course of action is to call IONOS and have them to take a look. It will hopefully shed some light on why you have this issue and I don't.

I would sort this issue out before returning to why images in the mobile variant do not render with Safari.

[forresthowie]

Will do - thank you.

[Initiostar]

Did you resolve the issue with IONOS? - curious to know what the problem was and how they resolved it.

Gary

[forresthowie]

Hey there,
I'm still waiting on my allocated person to get back to me. Thanks for your help, really.

[forresthowie]

Hi Gary,
According to an Ionos person I've just finished a web chat with, everything should now be working... I'm never very convinced now. I even copied and pasted your finding of an issue and they said 'yes, that's resolved'. Here goes...

[forresthowie]

Nope - they messed it around and safari wasn't working due to too many redirects.

https://www.historicedinburghtours.co.uk is now working with SSL and CDN but the person I spoke to said this:

But it doesn't mean that setting up the ssl will automatically redirect all your traffics to the https.
As mentioned it is done manually.
You can take WordPress as an example.

Customer
ok
right thank you for your help
recommended IONOS redirect SSL code
so what is 'recommended IONOS redirect SSL code'?
https://www.ionos.com/help/ssl-certi...-secured-site/
because I was told by a friend that this wasn't working for me

1&1 IONOS Expert
As you can see it is recommended but it doesn't guarantee that it will work in all types of websites.

[forresthowie]

Ok, we're up and running with images on the mobile version. I deleted them all, published the (image blank mobile variant) website. I then looked at my CDN settings in IONOS/(1and1) and made a few tweaks. I was in there to purge my chache but also changed the following settings;

I changed 'auto minify' so that it was doing JavaScript as well as CSS and HTML. I also put this to 'on';

Mirage™ (Intelligent Image Loading)NOFFImages on your website are resized to fit the visitor’s device, and are loaded only when the visitor scrolls to their location.

I also changed this to 'lossy';

Polish™ (Image Compression)*:Compress the image files for faster image loading.
For immediate results, you need to purge your cache.

And I put this to 'on';

Railgun™ (Quick Loading of Dynamic Content)**NOFFImproves the loading performance for website pages with dynamic content.


Somewhere, somehow something here worked! Hope this helps anyone else.
Thanks for all your help Gary.
Yours,
Robert