- NewspaperCloudflare (CDN)
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewsmagUsing the theme translations together with WPML
- NewspaperUsing the Theme Translations with WPML
- NewsmagCustom Post Type Support
- NewsmagRequirements for Newsmag
- TutorialsWhat is Ajax preloading?
- NewspaperRequirements for Newspaper
- NewspaperHow to Make the Site Faster
Hi,
1. I suspect it may be an error which comes from the serve or the CDN(if you use one). When it happens check the browser console for error and post a screenshot here. I’ve checked your page but the image is there on each refresh.
2. I’ve checked your font issue and for example on Firefox it uses a system font instead of Roboto Condensed – http://screencast.com/t/9u3P8WhkCopN
Please provide more details on how did you set the font for the menu, some images with the configuration panel may help.
Thank you, Emil G.
CDN’s, Cloudflare, Cache plugins all help ease off the RAM pressure.
I want to do it like Yoast with the <h1>. How can I wrap the logo in h1 like this on desktop and mobile?
<h1 class="site-title" itemprop="name"><meta itemprop="logo" content="http://cdn.yoast.com/wp-content/themes/yoast-theme/images/header/logo_x2.png"/>Yoast</h1>
Thanks!
No way to fully remove the “render blocking” issue unless you custom engineer your website from scratch to load pages in “chunks” — which is virtually impossible with off the shelf product like this; so technically you will almost ALWAYS get that warning. So, the “goal” would be to address everything ELSE, and “tune” your site without any external elements being loaded, then switch back on the external stuff (e.g., adverts, etc.).
I don’t use Cloudflare, so not much help there.
The reason I don’t provide “support” anymore is I don’t work here; and every server and setup has different issues which are unrelated to how “I do it.” So, not much help for some things like CLoudflare — I stopped using our Amazon CDN for just such issues like IE randomly not loading font awesome, and Firefox just is a P.O.S. with a whole slew of java issues (e.g., our old ecom system won’t load via mod_SPDY with FIrefox, but works with every other browser known to man — forced me to turn off mod_SPDY and having to migrate our ecom to woocommerce … !). Stupid FF.
Thanks for not bugging me …
The other reason I stopped answering some questions is people would not bother to actually READ my help post and ask if their htaccess file was okay. 😉
I have not bothered putting anything in the speedbooster plugin as not a huge help with most stuff; and many plugins that I use actually have option to load JS in footer anyway, so no need to hack that into the plugin.
Upshot — I have not used the plugin beyond its default settings, since mod_pagespeed takes care of a lot of things (except the latest update which was being overloaded by a legacy site with a loop of doom with timthumb…. but woo taking care of that finally..)
blah blah. Anyway… sorry no magic answers today !
@Chris I have gone through whole of your tutorial and fetched some very useful information from there especially optimization through functions.php. However,in one of your post you mentioned that no more pagespeed support (My understanding)so I deliberately avoided requesting you.
I am little stuck with Javascript and CSS error. I have tested it with and without speedbooster plugin and result almost remains the same with no difference in score with almost same number of items appearing in Pagespeed insights.
Cloudflare resolves the JS issue but menu typography does’nt work well in FF and IE when served through CDN.
Can you help me in this regard?
No worries, Lucian thanks for the response.
Do you know if i can find the CDN settings to re-cache in Cloudflare or W3Cache? Never heard of that option before.
Thanks 🙂
Hi,
I can’t tell how or if those tools/options/plugins work well together. Many of them contain lots of settings so it’s hard to predict an outcome from using them.
If the new post dose appear after few hours then my guess is you’d have to go trough CDN settings and search for settings which will re-cache if the content is changed or a similar option.
Thanks
Hello,
Have i gone too crazy with the amount of tools i use to speed my WordPress website with the Newspaper theme? Or will any of these options conflict with each other?
I have:
– Gzip compression (on my server)
– Optimized images
– Separate CDN for images (different company).
– W3Cache: Enabled Page Cache
– Basic method
– (may have more settings enabled that i’m not aware of. Not sure, configured it ages ago)
– CloudFlare
– Custom profile
– Caching level: Simplified
– Minimum expire TTL: 3 hours
– Auto Minify (Web optimization): JS, CSS and HTML
– Rocket Loader: Enabled
– Then all my security options are enabled.
—-
Also i have another question: Do i need to purge the cache in W3Cache when i post a new post? So visitors can see it? Because if i don’t, it doesn’t appear on my visitors side for a few hours. Which means they’ve missed the headline news if they’re scanning my site and don’t have a direct link to post?
Let me know if that doesn’t make sense, and i’ll try and reword it.
Thank you!
Hi,
I have checked your site and found this js error in the console: http://screencast.com/t/LujLAWIL This comes from a plugin google-captcha, so please deactivate this plugin, clear cache and see if it works.
Also you can try to disable all plugins, leave only Visual Composer active, clear cache and purge your files if you use CDN.
Thanks!
Try this:
a) clear all caches including your browser(s); try different web browser
b) resave permalinks
c) from your filemanager in hosting panel double check the ownership of the uploads folder (where images live); and the write permissions
d) check filename of the uploaded images that go wonky — web servers dislike file names with spaces or high ascii characters like $ or () ! etc. — might work on PC or MS Word, won’t work on server — sometimes a tilde in a filename can make it not work — just something to double check
e) if using CDN make sure you don’t have an aggressive cache which is timing out
f) disable any lazy load plugin or CDN setup to see if that is culprit
g) of course, disable plugins to see if that might be cause
h) if you’re using AdBlock plugins on browser, those can sometimes block files (and fonts!) which look like names of ads like “NIKE-SHOE-big-bunny-640×480.jpg”
i) Do a clean reinstall of WordPress — delete the admin and includes folders; upload news ones; then over-write the WP files in root (always keep back up of config); sometimes a single file can get corrupted — you might want to even try this FIRST
all of that might get you “restarted” …
Hi,
This could happen if you use speed booster plugin and lots of plugins or your server response time is high. The speed booster plugin moves js/css resource files to the footer so js scripts or css stylesheets will load later therefore creating this unstyled gallery while the style file is loading. Please make sure that you use the latest version of Speed Booster plugin(3.2)
Please try this without any other plugins.
– leave just the VC and the speed booster plugin active
– make sure you empty all caches
– purge files if you use CDN host
Thanks!
Hi,
We will have a look into this, I’ll add this on our todo list for further testing.
For the source image issue please make sure that you regenerate thumbnail then empty all caches, purge files if you use cdn host then check again: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
Thanks
I would worry more about the issues with your CDN setup, and redirects, etc.
Note that all those external “requests” refer to all the ad networks, pulls from CDN, pulls from local, pulls from FB, etc.
Only way to cut down on loading things is to use less things!
From the looks of it you need to “tune” your CDN stuff a bit for expiration headers, etc., which should help cut down on some things.
It’s like a train … the more cars you put on the end the longer it takes to get up to speed. You are pulling a lot of external train cars!.
Just for comparison, one of my example (BETA) pages using Newsmag, not yet fully optimized, no CDN:
http://gtmetrix.com/reports/musewire.com/KSBqjNGw
Hi,
The file from the root of the theme, including the header.php file in which you can find the head tag can be overwritten via child theme so you can use it to alter it: forum.tagdiv.com/child-theme-documentation/
I understand, it might occur due to cache so make sure you test it without any other plugins active, just the Visual Composer plugin, empty all caches, and also purge files if you use cdn then test again.
If this still happens please provide wp-access so we can take a closer look at this and send us you wp-admin login credentials at contact@tagdiv.com and also provide a link to this tread so we know who you are.
Thanks
Hi,
Please deactivate all plugins, leave only Visual Composer active, also clear cache and purge your files if you use CDN and check again if you still have this issue. If you don’t have it anymore activate your plugins one by one to see if there is a plugin conflict.
Also please make sure that you use the latest version of the theme(4.6.2) and the plugins that come with the theme files are updated. If you need to update follow this guide, use FTP method – https://forum.tagdiv.com/how-to-update-the-theme/ also update the plugin that come with theme form /plugins folder – https://forum.tagdiv.com/update-the-visual-composer-plugin-wpbakery/
Let me know!
Thanks!
Hi,
Unfortunately the megamenu was designed to display only 5 posts and for the arrows you can change them using custom css. You can change the arrow image using a background image but you need to customize it with css code. Try something like this in Theme Panel > Custom Css: http://screencast.com/t/swWGyNFdcnvb
.td_block_mega_menu .td-ajax-next-page{
background-image: url('https://cdn4.iconfinder.com/data/icons/iconsweets/50/arrow_right.png')!important;
background-position: inherit;
width: 50px;
height: 50px;
bottom: 5px;
left: 291px;
}
.td_block_mega_menu .td_ajax-prev-page{
background-image: url('http://australianvaluations.com.au/wp-content/uploads/2014/12/arrow-left-50x50.png')!important;
background-position: inherit;
width: 50px;
height: 50px;
bottom: 5px;
}
.td-no-subcats .td-ajax-next-page{
left: 72px !important;
}
This is an example you can change those images and change those values like you need. If you don’t have basic css/html experience you ca get someone to help you.
Thanks!
Hmmm…didn’t work to clear the CDN when I tried before. But I appreciate your help!
If it works then i am really happy with the results!
For your kind information version number does not make any difference and child theme works well even without version number. As of my concern issue related to CDN. If you purge the cache in your CDN, might be it works earlier without any issues.
You need to set a CORS directive for the font being loaded. Or setup exception to load the icon font locally.
See the docs for your CDN service on how to do that.
Take a look
Hi,
Please check this with all plugins deactivated, leave just Visual Composer plugin active, also empty cache and purge your files if you use CDN. If you don’t have this issue activate your plugins one by one and see which cause this issue. Let me know.
Thanks!
Hi,
You have the option to purge files only if you use CDN host. Jetpack include many features and has lots of options/settings.
I suggest you disable some of its modules and see if it makes any difference: http://screencast.com/t/Luop304QmZd
I also tested the jetpack plugin connected and not to WordPress but couldn’t recreate this.
Thanks
Hi,
I could not recreate this, please make sure that you don’t have any plugins active which can cause this. Also empty cache and purge your files if you use CDN.
Thanks!
Hi Chris,
I spotted and added the add type JS and fonts as per your recommendation. Thanks for that.
Repeat speed tests have improved results and decreased load times.
However, still displaying JS & font errors.
Any ideas on how I can improve this further?
Strangely, I am not employing a CDN (yet), but YSlow scored me full marks for that….
