Question Enabled CDN then disabled but something not right

[RedWS600]

Hi, I have lost some button images on my Reply box.


I really dont know if its anything to do with VBOptimise.
Forum was all working well. Then decided to enabled the CDN integration in VBOptimise. I put in:- cdn.solent-renegades.co.uk and synced with CDN. I noticed many images and CSS stopped working. I realised what I dont, missed off the http:// so disabled the CDN in VBOptimised and re-enabled it with Solent Renegades and synced with CDN again.
Well most of the site came back, however its only the Reply box now that has images missing.
I have tried disabling VBOptimised but it made no difference, cleared cached. I dont know if it is anything to do with VBOptimise, so just explaining the steps of how I got to this issue.

Its trying to fetch along with many other simular images:-
/clientscript/vbulletin_css/style00001l/cdn.solent-renegades.co.uk/images/buttons/newbtn_middle.png

Its like its remembered the fault of me missing the http:// at the beginning of the URL. Where on earth is URL this stored?

A few more.
/clientscript/vbulletin_css/style00001l/cdn.solent-renegades.co.uk/images/buttons/edit_40b.png
/clientscript/vbulletin_css/style00001l/cdn.solent-renegades.co.uk/images/buttons/reply_40b.png
/clientscript/vbulletin_css/style00001l/cdn.solent-renegades.co.uk/images/buttons/quote_40b.png

If i load http://cdn.solent-renegades.co.uk/images/buttons/quote_40b.png it will display fine.

I wonder is someone could steer me in the right direction on fixing this.

Thanks
Dan.

 

[Fillip H.]

1. Disable the CDN
2. vBulletin Options -> Style & Language Settings -> Store CSS Stylesheets as Files? No -> Save
3. Re-activate the CDN
4. Verify that the aforementioned images are now displaying as intended
5. Disable the CDN
6. vBulletin Options -> Style & Language Settings -> Store CSS Stylesheets as Files? Yes -> Save
7. Re-activate the CDN
8. Verify that the aforementioned images are still displaying as intended

This should eliminate the possibility of the CDN integration being broken, most likely the issue happened from saving the incorrect URL with the stylesheets saved in files

 

[RedWS600]

Thanks for the info. Sadly it didn't achieve the result.
It seems to be only the CKEditor images that are affected. Very strange indeed.
Thanks for your help though.

 

[Fillip H.]

What happens to the image paths if you stop after step 3? The images will then not be using the /clientscript/ paths.

 

[Nirjonadda]

Can you try to enable (Pro) CDN WYSIWYG CSS Fix? If this help to get fixing?

 

[RedWS600]

What happens to the image paths if you stop after step 3? The images will then not be using the /clientscript/ paths.

Up to step 3, and reloading the page Its trying to load images like:-
http://cdn.solent-renegades.co.uk/h...des.co.uk/images/gradients/top-hightlight.png
Images in the WSIWYYG still not showing, but then I cant see the request in Google Chrome inspecting loading elements, i can see 4 images like about giving a 404.
If I now turn off the CDN in VBOptimise, the image is loading
http://cdn.solent-renegades.co.uk/images/gradients/top-highlight.png

I think i have tinkered with something I shouldn't have, but cant recall what it was as I thought i put things back. I'm not too concerned about the 4 images above, i have probably edited a template or in a CSS style set it to a CDN address. What is odd I can't see the calls for images in the WSIWYG editor which dosn't show.

Note: If I re-enable the 'CSS as Files' and turn back on the CDN and Sync, the call for these 4 image files loads correct.

Can you try to enable (Pro) CDN WYSIWYG CSS Fix? If this help to get fixing?

It was enabled, just tried it disabled too, but no difference.
It certainly seems like its in that area, ad it only seems to be the WYSIWYG editor buttons that seem to be not functions the rest of the website is perfect.

 

[Fillip H.]

Note: If I re-enable the 'CSS as Files' and turn back on the CDN and Sync, the call for these 4 image files loads correct.

So does that mean the CDN connection is working as intended now?

 

[RedWS600]

Everything is loading as it should apart from the images on the WSIWYG editor. Very strange. It does the same even when I disable the CDN. I have re-uploaded the WSIWYG editor files in case something got corrupt. made no difference, I cant even see where the images are called up, as I look at the CSS and there are no image URL's.
I think it is a bug outside of VBoptimise, but having trouble finding it.

 

[RedWS600]

Just been diving in deeper to where the images come from. I have found that the script uses /clientscript/ckeditor/skins/kama/editor.css
In here it calls up a stip of images and uses co-ordinates in the CSS to 'cut' out the images.
In the css 23 occurrences of images occur, calling only a few different image files
http://www.dragonbyte-tech.com/clientscript/ckeditor/skins/kama/images/sprites.png
http://www.dragonbyte-tech.com/clientscript/ckeditor/skins/kama/images/sprites_ie6.png
http://www.dragonbyte-tech.com/clientscript/ckeditor/skins/kama/icons.png
http://www.dragonbyte-tech.com/clientscript/ckeditor/skins/kama/icons_rtl.png

Looking at all the image files, the icons are different to the ones that displayed in the CKEditor, so these icons must come from somewhere else.
my editor.css calls up the same files as dragonbyte-tech.com, and my images are present, but as its displaying different icons on here and mine are blank, there must be called up from somewhere else.

 

[RedWS600]

Tempted to redownload CKEditor to see if that is an issue, will give that a go tonight unless someone says thats a bad idea.
Download | CKEditor.com
It looks like a few people also had a similar issue in a google search for 'CKEditor missing icons' although they weren't using VBulletin.
So I'm now getting more sure it's nothing to do with Dragon Byte at all, I didn't think so, as disabling the product made no difference.

 

[RedWS600]

I have created a new Style Template, left as default. and the Images work in the Wysiwyg on that style. So I shall go though the styles and see what difference there are.

Thanks for your suggestions. It all helps to narrow it down, although I'm not completely there yet, I can see the light, or is that the window.

 

[Fillip H.]

I wish I had some straight answers for you, but I'm glad there's progress at any rate

 

[RedWS600]

Yes progress is being made. Spent some time on this tonight.

If I do this:-

1. Disable the CDN
2. vBulletin Options -> Style & Language Settings -> Store CSS Stylesheets as Files? No -> Save

CKEditor looks good.

However if I do this stage:-
vBulletin Options -> Style & Language Settings -> Store CSS Stylesheets as Files? Yes -> Save

I loose the bitton in CKEditor again.
I have checked files have been written in clientscript/vbulletin_css and the correct sub directory. so its not a write protected directory as new dates are on the CSS files.
Not being cached as I have cleared cache.

 

[Fillip H.]

So even with the CDN disabled, if you turn stylesheets as files back on, the images are still showing incorrectly? That sounds like a bug somewhere else.

 

[RedWS600]

Yep certainly does doesn't it.
StyleSheets not as files it worked fine.
StyleSheets as files, just the images on the CKEditor go missing.

Anyway I have made a work around. I have Stylesheets not as files, but of course this adds in extra server loads having to fetch the multiple style sheets like through a css.php? query

<link rel="stylesheet" type="text/css" href="http://www.solent-renegades.co.uk/css.php?styleid=1&langid=1&d=1435748889&td=ltr&sheet=bbcode.css,editor.css,popupmenu.css,reset-fonts.css,vbulletin.css,vbulletin-chrome.css,vbulletin-formcontrols.css,">

So I have run these through a CDN to save hits on the database and these files rarely change so its perfect for a CDN to serve these. So I now have

<link rel="stylesheet" type="text/css" href="https://cdn-transamdan.netdna-ssl.com/css.php?styleid=1&langid=1&d=1435748889&td=ltr&sheet=bbcode.css,editor.css,popupmenu.css,reset-fonts.css,vbulletin.css,vbulletin-chrome.css,vbulletin-formcontrols.css,">

So the work around worked out quite nice in the end. The stylesheets are coming down in parallel with a TTFB around 200ms, and a download of 50ms, these files are being cached in peoples browser too, making the website feel pretty darn quick.

I'm happy with this work around, so although it was nothing to do with VBOptimise, thanks for your help in this thread.

My next task will be to see if I can increase the speed which the html page is served, forum.php as a logged in person is around 600ms, and as a visitor its around 309ms TTFB, so the guest caching is working perfectly. Just be nice to bring down the 600mS. Probing the database, the responses are very quick. Its one of them ongoing missions for speed. As Google always likes to see a whizzy page to help with the rankings. Perhaps 600mS isn't slow, I did go a bit overklill on a dedicated server for this one website. :RpS_rolleyes:

 

[Fillip H.]

Sorted then, glad you were able to figure out a workaround

 

[Fillip H.]

Hello RedWS600,

This ticket has now been closed with the status Answered.

We hope your issue or question has been addressed to your satisfaction. If not, please feel free to re-open it by clicking this link.

If you have any further issues or questions, please feel free to start a new support ticket via the button at the top of every page.

Thank you!