- NewspaperCloudflare (CDN)
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperUsing the Theme Translations with WPML
- NewspaperRequirements for Newspaper
- NewspaperHow to Make the Site Faster
Issue was found to be CDN service through cloud-flare where they have a BETA service called Rocket Loader to speed up loading time. This settings when set to Automatic stops the scripting behaviors for the back to top function, the feature image light-box, the auto slider on tagdiv slider. setting it to Manual or off lets the newspaper script work accordingly.
Here is a link to that:
https://support.cloudflare.com/hc/en-us/articles/200168056
Thank you everyone.
Issue was found to be CDN service through cloud-flare where they have a BETA service called Rocket Loader to speed up loading time. This settings when set to Automatic stops the scripting behaviors for the back to top function, the feature image light-box, the auto slider on tagdiv slider. setting it to Manual or off lets the newspaper script work accordingly.
Here is a link to that:
https://support.cloudflare.com/hc/en-us/articles/200168056
Thank you everyone.
Hi,
If you use CDN (cloudflare) or similar please clear the cache.
Should solve this.
Thanks
Hi there,
as soon as I make changes in Theme Panel > categories, such as the individual category view, sidebar etc, the next thing happens is that, Theme Panel from WP comes up with 404 error page. checked in Console of Inspect Element, it says “Failed to load resource: the server responded with a status of 404 (Not Found): http://e02496a4fb19221a63c8-0657d4da6f2e0386e9d98f2144ec35be.r10.cf6.rackcdn.com/wp-content/uploads/smile_fonts/Defaults/Defaults.css?ver=4.0
Although, prior to the changes made in Theme Panel, everything’s been working fine, no issue with my CDN, nothing whatsoever.
It happened once before, I had to reinstall WP, theme etc and restart all over again, as WP backup restore doesn’t restore everything properly. But this time I cannot afford to lose my work.
your help would be highly appreciated.
regards,
Mr Hossain
Hi Ecofame,
Quick clarifications:
1. It shouldn’t make a difference between the child and parent themes.
2. A CDN is a content delivery network, used to serve your site to people faster. Don’t worry — if you don’t know what it is, you’re probably not using one 😉
3. The caching plugin is actually what would have prevented you from seeing the changes, and then you would have had to clear its cache. You can deactivate it for now (although they’re often helpful, it’s not the problem or the solution at the moment).
Now, on to business.
Can you explain which whitespace you want to remove on your site? There are a lot of options. The CSS that Lucian and I gave you got rid of white space under each row of articles, because that’s what the first people in this thread were asking for, and I can see the difference on your site now.
But I assume there’s more that you want to remove. Maybe you can point out the whitespaces you want to remove on this screenshot of your site?
Minifying is reducing file size by removing unnecessary data (e.g. line breaks). Caching / minifying / performance / speed plugins usually do it. The problem is that it can break up the flow of parsing the CSS file (if I understand it right).
Support has said in other threads that minifying CSS through plugins like W3 Total Cache won’t work (and I’ve seen it have the white screen effect). A CDN might also be minifying your CSS files, although I use Cloudflare and it seems fine.
Hi TheMediumUTM,
I am using the childtheme. Would it be there any different if I was using the mothertheme?
I don’t know what CDN is and I just installed cache plugin. Could you pleas guide me how to refresh the prowser using cache plugin?
Regards
Ecofame
Once i have everything optimized for ssl i will pass along my adventures…
In meantime for those curious this has some good info…
http://serverfault.com/questions/570288/is-it-bad-to-redirect-http-to-https
Check the entire site for internal links and ensure they are all using HTTPS if you specific your own domain name in links, so you are not causing your own redirects.
Update your <meta property=”og:url” to using the https version of your domain.
If you use <base href= again update to use HTTPS.
Install SPDY protocol if possible
Make sure to use CSS Image sprites where possible, to reduce numbers of request.
Update your sitemaps to indicate https status, so spiders over time learn this change.
Change Search Engine preferences like Google Webmaster Tools to prefer HTTPS
Where possible off-load any stactic media to HTTPS CDN servers.
-
This reply was modified 11 years by
simchris.
Hi Ecofame. I’m looking at your site and the CSS I gave you is in effect! The whitespace I was hoping to remove is gone — the space between each row in the blocks. (You may need to clear your cache, or if you’re using a CDN purge that cache, or hard refresh your browser cache… there are many potential reasons you might be seeing an old version of your page!) If there’s a different whitespace you want to remove, please point it out in a screenshot.
After playing with sub domains, Amazon CDN, etc., I found it was just simpler to load all the images locally so that things like compression, mod_pagespeed, etc. all actually work. I’d rather have the compression, progressive convert, for faster load than the tiny fraction faster load via subdomain or sub->CDN.
Frankly, a lot of that works if you are CNN or TIME magazine, but for most “small” sites and blogs, not so much.
But, this is the point of testing all the options then evaluating benefits vs drawbacks. I spent the entire month of January this year doing nothing but this kind of thing. Now I’ve gotten a tad cynical about it.
I look forward to all this shite being in the past, as it’s brain numbing. 🙂
-
This reply was modified 11 years by
simchris.
1. I’ve fixed the problem with the big slider, but i want to know if i could modify the arrows because they are white and the background is still white and they couldn’t be seen.
2. Q2W3 Fixed Widget – still doesn’t work !!! ( i want to mention the fact that this plugin worked before the vers.4 of the theme)
3. The lightbox works ONLY when i deactivate W3 Total Cache plugin ( i am using CDN-MAX CDN), is the any way to solve this issue?
Thanks
-
This reply was modified 11 years by
cristibanciu.
Hi,
Please provide more details about this, I have tried to access your site and for some reasons it’s not loading, so let me know what kind of issues with big slider you have.
Note that this may happen due to CDN plugins/server cache, make sure you deactivate any type of CDN plugins and empty the server cache and that you use the 1170px layout.
Thanks
Hi,
Can you please send an URL so I can inspect this? I have tried to recreate this but haven’t found an issue like that, you can check our demo: http://demo.tagdiv.com/newspaper/how-to-make-people-love-you/ resize the window to mobile screen width and notice that the image it’s resized well or you can open it on mobile screen, same result: the image looks good: http://screencast.com/t/EdVmVgIR
This may happen due to some plugin and from CDN plugins especially, please disable all plugins, including CDN if you use any and empty server cache then try uploading the feature image and setting it back then check again.
Hope this helps!
Thanks
Hi,
From theme version 4, as you probably already know, we added our own modal light-box view for images: https://forum.tagdiv.com/display-image-using-modal-window/ but your lightbox plugin should still work.
I have checked your site and noticed that Pinterest plugins works now.
Please try to disable all plugins and then check the big slider if it doesn’t start working this may be due to some CDN plugins which delivers old content, make sure you empty server cache and deactivate the plugins then check again.
Also noticed that your thumbs don’t fit the thumbwrap container, you could try this to fix them.
Please make sure for now you disable all plugins and enable them one by one and check to see which may be the cause of this. Let me know what you find.
Thanks
-
This reply was modified 11 years by
Lucian.
Great dude, all the best for your website!
I don’t combine images using css sprites, they are as they were by default. Cloudflare is great, for now I’m using it anyway but I’ve planned to buy cdn and ssl cert, once I start earning. 😀
And I and you have kinda same type of website. My 21 days old and yours?
Lets compete in that (if you can help me in seo) 😛
Well, several things you can do
1) use only text ads from adsense, so images are not loaded (one big issue right there)
2) very aggressive caching and/or proper CDN
3) fast server (less than 300msec response time)
4) avoid stuff like photon or other stuff loading off wordpress
5) optimize your social media stuff; use share buttons not the numerical crap that needs to go “fetch” numbers for EACH button
6) load fonts from your own CSS not from Google CSS; or use web safe fonts ONLY
7) limit use of plugins which slow down your php
8) optimize your config.php file to include paths to your resources
9) do not use child theme which uses css redirect which google does *not* like
etc.
I’m sure Shashank could likely provide a single “round up” of all the stuff he’s done in the particular case of his own site. I just tested one of his pages, which as a desktop score of 93, mobile 86; which is pretty damn impressive with adsense and disqus running!
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.styzic.com%2Fgadgets%2Fiphone%2Fbigger-iphone-6l%2F491%2F&tab=desktop
-
This reply was modified 11 years by
simchris.
Be sure to deactivate child theme when upgrading and select main theme as working; then upgrade files; then go back and activate child theme. At least that seems to be the way to do that. And of course clear cache on server/CDN, and your web browser – often what happens is that something is loading the old styles, and so browser ends up loading mix of old and new. Might not be your issue, but worth a try. 4.2 does work, but I haven’t used it with child theme myself as I prefer to change core files and use custom CSS to avoid such weirdo issues with child themes, and I’m a believer in NOT using the CSS redirect from child to parent.
Hi,
Make sure you deactivate any CDN plugins and empty server cache if you use any. Also make sure you are not using the 980px layout, we have an issue with the big slider when using the 980px layout.
If this doesn’t helps please let me know and send a link to your site so I can inspect this issue.
Thanks
Actually, if you’re using mod_pagespeed and caching on your server, then (at least in our case), our images load faster via local cache after the first visit. And you have no control over the issues you’re having – you can’t change the URLs as used by Photon as the CDN likely uses the ?= for cache control to manage updates automatically.
Always a trade off on that stuff. And you would need to do some actual tests on “page load speeds” for the images to see how that works.
In our case, our dedicated server with APC and mod_pagespeed was faster than Amazon’s CDN after first load, unless somebody happened to be in a really far away country.
Your mileage may vary, obviously. But only way to get around the issues with outside sites impacting your rating, is simply not to use them 🙂
Thanks for your tips Chris, I’ve implemented these things. But Since wp.com delivers images with edge cast cdn it would be faster.
If we could change the url type or force the wordpress resized images to upload to photon, it would be something great. 🙂
Hi,
The images thumbnails used to fill the containers of the big slider are set here: http://screencast.com/t/qsqNdE2g so if the image uploaded is large enough to fill the container will coupe the entire container without blank spaces.
Like I said here: https://forum.tagdiv.com/topic/home-page-gallery-shrinks-images/#post-19270 you need to regenerate thumbnails and check if this issue is still present: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
Please make sure you do this and also disable any CDN plugins and check again.
Thanks
Hi,
Thanks @TheMediumUTM!
@monsterdevelopment
Like @TheMediumUTM suggested you should try to install the version of Visual Composer which comes with theme files, also please make sure you disable all CDN plugins and empty cache, we had experimenting slider issues when using CDN.
Please let me know if you solve this and send a link if you try this again so I can check.
Hope this helps!
Thanks
Hi,
This cloud happen because of the cdn plugin you are using it’s not theme related.
You can check this topic, I have explained this more detailed: https://forum.tagdiv.com/topic/thumbnail-featured-image-center/#post-18473
Hope this helps!
Thanks
Hi,
I have noticed that you are using Jetpack Photon, I think this could be the reason of this issue. Please disable all plugins including CDN and then regenerate thumbnails.
Hope this helps!
Thanks
We recently stumbled on a very strange issue with the theme’s auto-thumbnail/image generation.
This is an image we created for a post:
http://cdn6.igeeksblog.com/wp-content/uploads/How-to-enable-Do-Not-Disturb-in-Mac-OS-X-Yosemite.jpg
Note that the (res) size is 750x500px.
The theme then makes a 745x483px version of it. Here’s that one:
http://cdn5.igeeksblog.com/wp-content/uploads/How-to-enable-Do-Not-Disturb-in-Mac-OS-X-Yosemite-745×483.jpg
Can you notice the degradation in quality? The sharp font in the original version becomes slightly smudgy around the edges.
Is it possible to resolve this issue? We’re using these for our front page and it sometimes spoils the look of the blog.
Thanks.