- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperBest Of Forums
- NewsmagRequirements for Newsmag
- NewspaperHow to Make the Site Faster
Why would the theme have anything to do with URLs posted on Facebook ?
The theme has nothing to do with how URLs are parsed. Meaning, if the URL you share to FB is correct and actually works, and somebody clicks that link – it will work if the site is accessible.
That is handled by your DNS, web server, and the ISP being able to resolve the DNS pointing at the IP where your website is hosted.
It might be a setting you have for Android users, or it may be that the caching of your CSS is mismatched on server and some android users or chrome users where chrome caches websites, is loading old CSS and not the new CSS and page will not load properly.
In those cases you need to clear server cache quite completely, where applicable; and a visitor who has a browser which doesn’t reload the CSS properly would need to hit “refresh” in their mobile browser to get the new CSS.
Sometimes you can force this by setting a very short TTL just for the CSS, like one hour, and let it be that way for a week — bad for pagespeed, but can “force” some browsers to make sure they only see new site CSS.
Might not be your issues; just a thought 🙂
Hi,
the past few days I was busy getting the performance up and running without plugins (and doing not too bad so far).
But it seems that something messed up the slider display, photos are enlarged and the actual slider is not visible. And I can’t figure out what is causing this. Also the images show a darkened bottom, any chance to remove this ?
Since I’m here google pagespeed annoys with should fix this for mobiles (but not for desktop!):
Optimize CSS Delivery of the following:
http://www.dinckol.com/…-content/plugins/jetpack/css/jetpack.css
http://www.dinckol.com/…cons/genericons/genericons.css?ver=1.7.1
http://www.dinckol.com/…themes/Newsmag-child/style.css?ver=1.7.1
http://www.dinckol.com/wp-content/themes/Newsmag/style.css
I understand from what I have read so far the theme css’ hast to be loaded at top. Once you open my page you will see nonetheless a brief delay the style gets applied. any suggestions to improve mobile speed and visual experience?
Thanks
Hi,
The Page Loading Speed is really fast when no user is logged in but when a user is logged in (no matter if it is admin or not) the loading speed of the homepage is extremly slow. Also the login process and the logout process is slower than on other sites I own.
I disabled every plugin but that doesnt help.
Is there anything I can do? thx
Here my .htaccess:
<IfModule pagespeed_module>
ModPagespeed on
ModPagespeedEnableFilters collapse_whitespace
ModPagespeedEnableFilters remove_comments
ModPagespeedEnableFilters rewrite_images
ModPagespeedEnableFilters insert_dns_prefetch
</IfModule>
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /fitsta/
RewriteRule ^index\.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /fitsta/index.php [L]
</IfModule>
# END WordPress
<IfModule mod_filter.c>
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/plain text/html text/xml text/css text/javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript application/x-javascript
</IfModule>
</IfModule>
SetOutputFilter DEFLATE
# BEGIN Expire headers
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault “access plus 5 seconds”
ExpiresByType image/x-icon “access plus 2500000 seconds”
ExpiresByType image/jpeg “access plus 2500000 seconds”
ExpiresByType image/png “access plus 2500000 seconds”
ExpiresByType image/gif “access plus 2500000 seconds”
ExpiresByType application/x-shockwave-flash “access plus 2500000 seconds”
ExpiresByType text/css “access plus 700000 seconds”
ExpiresByType text/javascript “access plus 700000 seconds”
ExpiresByType application/javascript “access plus 700000 seconds”
ExpiresByType application/x-javascript “access plus 700000 seconds”
ExpiresByType text/html “access plus 600 seconds”
ExpiresByType application/xhtml+xml “access plus 600 seconds”
ExpiresByType font/truetype “access plus 2500000 seconds”
ExpiresByType font/opentype “access plus 2500000 seconds”
ExpiresByType application/x-font-woff “access plus 2500000 seconds”
ExpiresByType image/svg+xml “access plus 2500000 seconds”
ExpiresByType application/vnd.ms-fontobject “access plus 2500000 seconds”
</IfModule>
# END Expire headers
Hi,
Unfortunately we haven’t sat to discuss on this so we haven’t decided anything on this yet. We’ll keep this post updated and as soon as we have a point on this we’ll let you know.
If you are looking to speed up your site you have to follow the intrusions from the treads and guide below:
* https://forum.tagdiv.com/topic/pagespeed/
* https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
* https://forum.tagdiv.com/page-speed-guide/
Thanks
Hi,
did you find any solution? I like to use WPtouch too, because it’s much faster than the responsive feature. Google Pagespeed 49 points to 73.
Or do you have any plans to speed up the Newsmag responsive feature?
Thank you!
Replied via dashboard – http://themeforest.net/author_dashboard?utf8=%E2%9C%93&filter=all&term=pagespeed&order_by=newest#comment_10192079
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
Hello,
Mainly we bought this theme for the optimization and loading speed.
But after installing the result is very poor, PageSpeed shows 63/100 in mobiles, very different than what shows its demo 95/100.
Install the “demo data” and don’t show the images properly.
We are very disappointed with the purchase, any solution? or I can request a refund?
Hi,
Please check the treads/guide below for more info on how to customize your site’s page speed and other matters regarding it:
* https://forum.tagdiv.com/topic/pagespeed/
* https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
* https://forum.tagdiv.com/page-speed-guide/
Thanks
1) turn off all plugins except VC
2) increase memory via the wp-config.php to 128MB or more (this is in addition to memory setting for php.ini in your hosting account – you need to do BOTH for WordPress to actually use more than 40MB)
3) be sure to turn off/clear all server caching to debug; turn off mod_pagespeed if using; if using CMS then you need to fully expire old files and refresh new ones.
4) create new page, save it; then EDIT it to add VC features.
Might help!
For basic minification of the CSS and possibly main js files, see my optimization guide.
Be aware that there is really no 100% way to fully optimize loading the above the fold content with any commercial theme like this one — this is because there are many options and functions being loaded in order to render the page at all, and to provide folks to create totally different designs.
Many articles have been written online about getting a perfect score with PageSpeed and WordPress and that requires custom building a theme from scratch and setting up regions where CSS and js are loaded conditionally and in series based on the content sections. Very complex and outside the scope of commercial themes.
Limiting things like mega menus can help, making sure any external resources load via async (we used to use addthis for social buttons on our sites and had to ‘hack’ that to add async loading of their js, because they were too stupid to do it with one line of code in their WP plugin).
Often to get the best “real world” score for your site, you need to disable any/all things which load externally (ads, etc.) and then test that. Optimize. Then switch on external things, optimize “if possible” and then realize the “real score” doesn’t count the Google ads stuff.
You can’t control caching of external elements (time to live), or minification of external resources. With Google fonts you can load the CSS locally in your own style sheet, then simply “draw” the fonts from their CDN. Now that “Roboto” is open source, one could in theory even load that font off your own server and bypass Google entirely. Or just use “web safe” fonts, to eliminate any external font loading.
For the above the fold render blocking blah blah. If your mobile score is above 85 you’re fine; if your desktop is above 90 you’re fine. But there is a notable “tuning” process to this, and again — it’s almost impossible to eliminate the “render blocking” or “above the fold stuff” entirely with *any* commercial theme.
Not sure any of that helps… just some feedback on my own suffering using commercial WordPress themes, and also building my own bootstrap 2 templates which are running our main business portal (using .shtml and custom page builder CMS; not WP).
Hi,
1) and 2) The js was moved at the bottom – http://screencast.com/t/VOSuXqWz
The css is still at the top, maybe you added those lines in the wrong section, please provide the content of your speedbooster plugin file to take a look, use pastebin – http://pastebin.com/ – Even if you move all css and js at the bottom Google pagespeed test may still show the warning because you have too many resources on the page.
3)On leverage you have the google ads and other js which comes from external resourcess – http://screencast.com/t/tjIX5RnvVJqS , it has a leverage set but it’s considered too low by the pagespeed test, basically google penalizes you for using their ads for which you can’t set a higher leverage.
For css js minifications you have to use a plugin, the settings depend on the plugin used, some may give errors when you minify their css or js so basically you have to make some tests.
Also use a cache plugin, we recommended W3TC in the past but now we made some tests and WP Super Cache seems faster.
Thank you, Emil G.
hi, every time i get a surge of traffic, my site becomes crazy slow, especially on mobile devices. im running a 32gb ram server and confirmed with my web hoster that none of my ressources are even close of being used. i tried using google speed test for my site newswatch28.com, i get many errors: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fnewswatch28.com%2F&tab=mobile
i have the td booster pack plugin enabled. im also running w3 total cache plugin with page cache and browser cache enabled.
for Eliminate render-blocking JavaScript and CSS in above-the-fold content: i tried following https://forum.tagdiv.com/page-speed-guide/
i pasted the code in my functions.php removed it got all my files ids that i need to add to the speed booster pack plugin php file:
$this->move_style_to_footer(‘easy-social-share-buttons’);
$this->move_style_to_footer(‘contact-form-7’);
$this->move_style_to_footer(‘google-font-rest’);
$this->move_style_to_footer(‘js_composer_front’);
$this->move_style_to_footer(‘td-theme’);
$this->move_js_to_footer(‘contact-form-7’);
$this->move_js_to_footer(‘td-site-min’);
$this->move_js_to_footer(‘comment-reply’);
$this->move_js_to_footer(‘jquery’);
i tried pasting them where i thought i should but when i tried refreshing the speed test, the errors never went away. i reverted to the original… im not sure where to add them…
For prioritize visible content, i have no clue whatsoever to do, and strongly feel i need to do this. mobile only 31% rendered and 20% on desktop:
Your page requires additional network round trips to render the above-the-fold content. For best performance, reduce the amount of HTML needed to render above-the-fold content.
The entire HTML response was not sufficient to render the above-the-fold content. This usually indicates that additional resources, loaded after HTML parsing, were required to render above-the-fold content. Prioritize visible content that is needed for rendering above-the-fold by including it directly in the HTML response.
For Leverage browser caching: once again, no clue what to do. i tried following the guide again pasted the code from your guide in .htaccess, nothing…. deleted and reverted to original awaiting on your answer.
there’s other minify issues but no instructions on the guide.
i can provide my ftp access, and admin login. please help, really dont know what to do anymore at this point…
You can’t cache things hosted on other people’s websites.
So none of those things you mention can be cached.
Welcome to stupid Google PageSpeed Insights 😉
(They penalize you for their own sites in the “rating,” but not in the real world.)
I personally “tune” my sites, with the ads disabled.
I don’t use child themes myself for two reasons (keeping in mind I’ve been building wordpress sites for 9 years now; both for our company and clients — and 20 years as of March 1, 2015 doing websites by hand):
1) it’s a CSS redirect; bad for Google, bad for pagespeed, and introduces some oddball gremlins with things loading from two places at once … seriously; have some weird gremlin? often it’s caching or child theme issue
2) often with many themes these days, the child theme gets updated along with the main theme for major security patches, feature updates; etc. (e.g., if you move to Newspaper ‘5’ next month, there will be new child theme — so, defeats the purpose of not editing the main files)
3) better to simply edit the main files and keep track of what you’re doing. This allows you to have fewer elements to keep track of overall and easier to back-up; easier to manage renaming folders for customization, etc.
Your mileage may vary, but that has been my experience. Especially if you use any kind of caching or systems like mod_pagespeed (as we do). Having a CSS redirect (where you’re essentially saying … load my CSS in one folder, but oh wait, NOW go load the real CSS from this other folder) — is NOT recommended by Google, but that is a basic precept of WordPress usage — started by WP, but not necessarily the best way to actually manage a site and content.
So, it’s up to you.
I don’t work here; it’s not my theme. I have been using Newspaper since Fall 2013; and this is just MY way of doing it. So, it’s only a “suggestion” on my part. Up to you. If you can live with some gremlins in how WP works, possibly pagespeed penalty from Google, and loading two sets of style sheet for the site every time the page is loaded … then enjoy. Nothing inherently wrong with it — but TIME magazine isn’t using a child theme when running WordPress; nor do I.
-
This reply was modified 11 years by
simchris.
Hi,
@apolitikal Please also test this without using any plugins and also make sure that you empty all caches, disable all js/css/html compression and test again. I’ve tested this as Alin instructed above and found no issues using the latest theme version so this should also work for you.
If this still isn’t working please let us know and provide a you admin credentials via email if possible so we can have a look. Use contact@tagdiv.com and please also include a link to this conversation in your message.
Checking your site using google’s pagespeed testing tool have noticed a server response time issue: http://screencast.com/t/GdslWWzKi which could cause the slow login.
There are many factors which can be taken into consideration concerning server’s response time. You can use google’s improvement recommendation on this: https://developers.google.com/speed/docs/insights/Server
I suggest you first try this without any other plugins active, leave just VC plugin active the check again.
Also consider using a cache plugin and to improve the loading speed look the mysql query cache: http://dev.mysql.com/doc/refman/5.1/en/query-cache.html We also use it on our demo.
Thanks
Hi
it was relatively easy to get a score of 92 with Google PageSpeed with the Newspaper Theme.
After our hosting service has implemented Nginx and instead of improving things got worse.
PageSpeed now dropped to 84 because the response time of the server indicated he got up to 1 second.
There is an incompatibility with Nginx with your theme? How do you solve the problem?
Hi,
You should find it trough your site’s files directly through godaddy, you don’t need to worry about hidden files there. This might also help: http://stackoverflow.com/questions/7198285/editing-htacccess-file-in-godaddy-hosting
The performance issues can happen due to lots of factors, please follow the links below for more details regarding this:
* https://forum.tagdiv.com/topic/pagespeed/
* https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
* https://forum.tagdiv.com/page-speed-guide/
Thanks
Hi
I have a question that maybe you can help me solve.
I tweaked my portal with the Newspaper Theme to obtain a good score of 92 on items PageSpeed…
Subsequently my hosting service has implemented Nginx and now it often happens that the response time indicated by PageSpeed is superior to 1 second with the consequent result of PageSpeed dropped to 84 …
They say it’s okay but it’s not true, of course there are problems in optimizing server
What would show him to help solve the problem, or what can I do to reduce the response time?
Thanks
Clearing cache worked for me when that happened.
Be sure to clear cache on your server and/or CDN also, *and* the web browser. With Chrome you have to clear history, with IE you obviously need to clear cache; FF sometimes cache doesn’t clear properly.
If using mod_pagespeed you have to turn it OFF to clear cached copies of CSS files.
You can also try editing your menu and resaving it to “reset” it.
Hi,
This could happen due to various reasons, please go trough the adsense troubleshooter pasted below and contact your ad provider if you still can’t manage to make them work: https://support.google.com/adsense/answer/1208336?hl=en
You can also test your ad code using a WordPress text widget to place the ad into your page or sidebar, if your ad code works/was approved this widget should show you ads: http://screencast.com/t/Cv00hEmZhIv – http://screencast.com/t/Yp3N6YnaHiqg
To minify theme’s js and to move the resources to the footer you can use theme’s speed booster plugin which enables and uses a minifyed version of js, for css you need to do it manually as compression it automatically could cause issues and its not recommended.
Also make sure that you go trough the treads/guide below for more info on how to customize your site’s page speed and other matters please follow and use all instructions provided in all this treads:
* https://forum.tagdiv.com/topic/pagespeed/
* https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
* https://forum.tagdiv.com/page-speed-guide/
Thanks
Some suggestions
a) don’t use child theme, as it’s a redirect
b) ensure you have caching running on server like opcache, etc.
c) be sure to use normal WP optimizations (as per my own optimization sticky) — enough memory allocated to php, and upgrade default RAM for WP in wp-config.php -etc.
d) limit queries on post pages — meaning, avoid “most popular 7 days” kinds of things, try one query of “latest 5 stories” vs having three sidebar queries of 3 latest posts from 3 categories; try not using mega-menu to query dbase for story elements .. limit queries in footer
e) remove CSS over-rides in theme panel, move to style.css
f) consider using things like mod_pagespeed and or mod_SPDY if you serve all pages via https
g) turn off image thumbnail sizes you don’t actually use; plan layouts to limit total number of sizes for thumbs to no more than 5 or 3 if really going for speed
h) check server response time — which has nothing to do with theme and needs server to be optimized (our pages respond in 0.31 secs on avg., regardless of theme with only minor optimizations)
And of course look at some of the theme docs for suggestions from TagDiv on speed/performance.
Food for thought 🙂
-
This reply was modified 11 years by
simchris.
Hi Guys.
I modified my .htaccess and since I did i can’t saw the images of the heads of the post. My web: http://www.publicidaenlanube.es
Please, i don’t know this problem for solution.
My .htaccess:
<IfModule pagespeed_module>
ModPagespeed on
ModPagespeedEnableFilters collapse_whitespace
ModPagespeedEnableFilters remove_comments
ModPagespeedEnableFilters rewrite_images
ModPagespeedEnableFilters insert_dns_prefetch
</IfModule>
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteRule ^index\.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress
AddType text/javascript .js
AddType application/vnd.ms-fontobject .eot
AddType application/x-font-ttf .ttf
AddType application/x-font-opentype .otf
AddType application/x-font-woff .woff
# BEGIN Expire headers
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault “access plus 5 seconds”
ExpiresByType image/x-icon “access plus 2500000 seconds”
ExpiresByType image/jpeg “access plus 2500000 seconds”
ExpiresByType image/png “access plus 2500000 seconds”
ExpiresByType image/gif “access plus 2500000 seconds”
ExpiresByType application/x-shockwave-flash “access plus 2500000 seconds”
ExpiresByType text/css “access plus 700000 seconds”
ExpiresByType text/javascript “access plus 700000 seconds”
ExpiresByType application/javascript “access plus 700000 seconds”
ExpiresByType application/x-javascript “access plus 700000 seconds”
ExpiresByType text/html “access plus 600 seconds”
ExpiresByType application/xhtml+xml “access plus 600 seconds”
ExpiresByType font/truetype “access plus 2500000 seconds”
ExpiresByType font/opentype “access plus 2500000 seconds”
ExpiresByType application/x-font-woff “access plus 2500000 seconds”
ExpiresByType image/svg+xml “access plus 2500000 seconds”
ExpiresByType application/vnd.ms-fontobject “access plus 2500000 seconds”
</IfModule>
# END Expire headers
# BEGIN Cache-Control Headers
<IfModule mod_headers.c>
<filesMatch “\.(ico|jpe?g|png|gif|swf)$”>
Header set Cache-Control “public”
</filesMatch>
<filesMatch “\.(css)$”>
Header set Cache-Control “public”
</filesMatch>
<filesMatch “\.(js)$”>
Header set Cache-Control “private”
</filesMatch>
<filesMatch “\.(x?html?|php)$”>
Header set Cache-Control “private, must-revalidate”
</filesMatch>
</IfModule>
# END Cache-Control Headers
<IfModule mod_headers.c>
Header unset ETag
</IfModule>
<IfModule mod_alias.c>
RedirectMatch 403 /xmlrpc.php
</IfModule>
I need help for this problem.
Thanks
Hello
i have tried everything , my site is on dedicated server with 32gb ram , but server is responding in 2.2 seconds , is their ant htaccess technique to load page faster or is their any problem with theme .
thanks
Issue is not with theme — all themes using Visual Composer as a “drag and drop page builder” are having this issue. And this only impacts some servers. We’re using NewsMag on two high traffic sites right now; one which gets a lot of traffic every day, the other gets large hits “depending on the content.”
Not sure what “SmartMag” is as this is the “NewsMag” forum, but if you read my thread then you don’t need to worry …
a) use the theme with current Visual Composer; might not impact your site/CPU depending on how your server is setup.
b) if you have a large CPU hit you will know immediately, and you can switch to using the SHIM plugin.
c) if you have a VERY high volume traffic website (e.g., millions of page views per day) you should be building a “lean framework” which doesn’t have all the pre-built options baked in, as this is not as efficient as a lean framework where you have as little as possible — e.g., TIME magazine is running on a version of twenty-fifteen theme with some custom plugins to manage editorial matters. No page builder, but lots of stuff running via cloud for fast “edge loading” via the Automattic premium platform. In that situation you would be custom building a theme to fit your needs not buying a $50 off the shelf product.
d) in our case we chose the TagDiv folk to redo our news network sites because 16 months ago when looking around they were one of the VERY few who had some clue about pagespeed optimization beyond so-called “SEO READY” … meaning, some thought given to page speed and not just “feature bloat” with some meta tags built in. We had built our own lean framework which was a pain pre-bootstrap, in 2011; went to Woo Canvas in 2012; went to TagDiv end of 2013 (has it been that long?).
But like all CMS platforms where you have a platform running on top of php, then theme(s) running on top of that, then plugins and hooks going into that, there is always a dev/test process on your end to see what works, what needs to be massaged, and what won’t work at all in your particular environment.
If you’re starting a NEW news site, I don’t think you need to worry about high traffic at this stage, as it takes awhile to build that unless you’re using bots or entirely click-bait with paid adwords per story to drive that.
————–
so, if you reads my thread you know
a) they have a fix NOW that works for those with high CPU issues
b) not all users of Visual Composer have an issue
c) the folks who make VC (not TagDiv) may optimize or fix memory issues in future version; TagDiv has NO control over that beyond working with the WP Bakery developers on the issue.
d) they may “roll their own” sideways version of a page builder which is more ‘lean’ at some point, but obviously that takes a bit of time to develop.
So, have fun and build your site 🙂
Hi,
Please disable all plugins leave just Visual Composer active, clear cache and check again if you still have this issue. I have checked your site and found this js error in console – http://screencast.com/t/9HobsyP6Ir Please disable also js/css minifications.
Please test your pagespeed https://developers.google.com/speed/pagespeed/insights/ and try to fix those errors. You can find out more about this in our documentation – https://forum.tagdiv.com/page-speed-guide/ and also Christopher topic help – https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/ Also please disable unnecessary plugins.
You can use a static homepage if you want, create your homepage and used like a blog page just set to page template with articles and it will display like a blog – http://screencast.com/t/hIqIyj7NL7Sp you have also options to display your latest articles – http://screencast.com/t/0oJuZEsqVJ – http://screencast.com/t/z0UAyvqNze
Thanks!