- NewspaperAutoptimize Plugin – install and configuration
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspapertagDiv Composer – Website Manager
- NewspaperModules Builder in Newspaper Theme
- NewspaperThe Newspaper Mobile Theme: Introduction
- TutorialsFrom WPBakery to tagDiv Composer
- NewspaperBest Of Forums
- TutorialsWhat is Ajax preloading?
- NewspaperHow to Make the Site Faster
That’s it. How can I exclude all no-featured-image posts from listings? I need to do this in the more optimized way, on Newsmag template running WordPress 4.2.1.
The thing is, where do I have to add this specific part to the WP Query?
$args = array(
'post_type' => 'post',
'posts_per_page' => 6,
'meta_query' => array(
array(
'key' => '_thumbnail_id',
'compare' => 'EXISTS'
),
)
);
Thanks, really appreciating your great template.
Hi Chris,
Is this blog view bad for SEO or something? I don’t let google index the categorys anyway, only some optimized tags.
Are there benefits for seo to change the front page? I am willing to learn something, please go ahead. 😉
Btw…even in the Newsmag demo you see the pagination on front page. http://demo.tagdiv.com/newsmag/
Thanks!
Normally you would not have page 2.3,4 from home page anymore unless doing “blog post” style listings (e.g., doing a blog vs doing a magazine), since normally you would want people to go to the category indexes for more content where those pages are optimized for SEO and lead people to the news by topic and not just by date, which duplicates the date indexes. Just my thought anyway.
Ideally, at bottom of each module should be option to “read more” to go to a “category” index by I.D. (can be done with text block also, which is what we’ll be doing).
Sorry if that was random to the solution you were seeking 🙂
Can someone help me out, we are testing our site and with just 12 visitors to the site the RAM jumps from 20 MB to 512 MB. Am afraid when lot of people start coming to our website we will exceed our server resources.
Tell me how to resolve this and optimize the theme. – any plugin etc so that there is no downtime….
Hi everyone,
I have problems with my mobile site. Google is telling me that it is not optimized
https://www.google.com/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Fwww.boxen1.com
I’m using the newest version of Newspaper Theme. My Domain is boxen1.com – can you please give me some advice?
Many 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!
Since this comes up a lot, I thought I’d list some of the plugins I use as standard fare on all our sites:
1) Thumbnail Upscale — this allows you to over-ride the stupid WordPress bult-in function to “disable” your servers natural capability with ImageMagik of “enlarging” your images to fit featured blocks/sliders.
2) Auto Post Thumbnail PRO — paid plugin which allows us to have some of our network content automatically pull from “first image in post” even if from our main hub, and make it the featured image. Awesome if converting to theme from OLD theme which used the TimThumb plugin.
3) WP-Optimize — awesome for regular optimization of dbase to clean house, on spam comments not deleted, trashed posts, and normal database clean up.
4) YOAST WordPress SEO — while we used to have an inhouse plugin for this, Yoast has done great job of putting it all together for managing meta data on global and per-post basis, setting up SEO for home page, and also OG tags for social media.
5) Awesome Weather Widget — we use this on our “state” and local news portals to add a nice local weather box to home page.
6) Limit Login Attempts — this should be built-in to WP, frankly. It helps stop people from sitting there and guessing user passwords or using a bot to hit it over and over. With IP blocking and tracking. Essential!!
7) WP External Links — in our case we need to make the majority of outbound links “rel=nofollow” and this does that automatically.
8) Auto-hyperlink URLs — we use this to control auto-linking of URLs in text, since we pull in a lot of content with visible but not anchor linked URLs in news text from our main hub. This makes all the links live, but also makes them rel=nofollow and open in blank/new window. Can also add external link icon if desired.
9) Simple Local Avatars — already noted in my optimization notes; this awesome little plugin allows you to load/cache GRAVATARS locally, as well as use local images for author pix, which will work on sidebar author blocks, author page, and in author box bottom of posts as it hooks into the main “author image” gravatar hooks; so anything which can read the normal WP gravatar image will work with this.
10) *lazy loading disqus” (not actual plugin name…) — we’re testing a recently launched plugin which uses Disqus API but loads element async and deferred and optimized to load after content and not slow down page. More later 🙂
Hope that helps somebody!!
Chris
Okay. Looks like you didn’t do things correctly in your htaccess file then, if that is entire file. Missing the permalinks code from your WordPress setup and duplicate elements.
As to the new “download optimized…”
Dunno. That is something entirely new. Probably similar to what GTmetrix does.
You can certainly try them, then revert back if they don’t work. It’s your website.
Yes, I know htaccess is not for anything related to “render blocking”. I’ve just sent you htaccess to make sure that everything was done correctly.
A problem is to move all these files that google showed to footer as written in main newspaper guide. As shown above in the image, there are no corresponding ids of the files.
Google suggests to optimize your files and lets you download them.
Should i use them?
Okay. And ?
The htaccess file does nothing whatsoever related to “render blocking” CSS/JS; that is not its purpose.
The htaccess file gives directives for the server, running “above” the site for caching, expiration, redirects, etc.
Mod_Pagespeed settings won’t do anything unless your server has that.
Obviously your permalink structure for WordPress should be in your file (missing from your example).
You don’t need two sets of expire headers (!).
All of the above is to help with optimization of page loading — nothing to do with HOW the content loads on the page (aside from mod_pagespeed of course).
The only way to optimize for the CSS/JS render blocking is to build custom site without all the bells and whistles and custom load content in groups; and you can optimize some of that with the tagdiv speed booster plugin.
I have a question. If I use google PageSpeed Insights on my site http://modetilkvinder.dk/ I get a red warning for image on Mobile – and that I can reduce my images with 120 kb (90% reduction) I don’t have the same issue on desktop. I am already using WP Smush.it and have optimized all images before uploading to media library. How do I Optimize images for mobile further? and get rid of the red warning?
Regards
Ulrik
Hi,
First of all i’m not a developer i’m a designer/new to wordpress:.I followed the guide by Chris S, it was little bit hard for me to understand all of that, english is not my main language.I did everything i could to improve my pagespeed.I get 89 on desktop and 74 on mobile.I asked developers at my work, they were unable to help or they just sent me away.
In your guide on eliminateing render-blocking js…. i did everything as said but where or how can i look for ids of these files :
This is my ids for all css & js.
registered scripts
common | /wp-admin/js/common.min.js
admin-bar | /wp-includes/js/admin-bar.min.js
dashboard | /wp-admin/js/dashboard.min.js
customize-loader | /wp-includes/js/customize-loader.min.js
plugin-install | /wp-admin/js/plugin-install.min.js
media-upload | /wp-admin/js/media-upload.min.js
thickbox | /wp-includes/js/thickbox/thickbox.js
utils | /wp-includes/js/utils.min.js
svg-painter | /wp-admin/js/svg-painter.js
wp-auth-check | /wp-includes/js/wp-auth-check.min.js
td-wp-admin-general | http://domain/wp-content/themes/Newspaper/wp-admin/js/general.js
td-wp-admin-panel-js | http://domain/wp-content/themes/Newspaper/wp-admin/js/wp-admin-panel.js
akismet.js | domain/wp-content/plugins/akismet/_inc/akismet.js
registered styles
admin-bar | /wp-includes/css/admin-bar.min.css
jetpack-dashboard-widget |domain/wp-content/plugins/jetpack/css/dashboard-widget.css
thickbox | /wp-includes/js/thickbox/thickbox.css
colors | 1
ie | /wp-admin/css/ie.min.css
wp-auth-check | /wp-includes/css/wp-auth-check.min.css
google-font-ubuntu | http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic
td-wp-admin-td-panel-2 | domain/wp-content/themes/Newspaper/wp-admin/css/wp-admin.css
wp-color-picker | /wp-admin/css/color-picker.min.css
wpalchemy-metabox | domain/wp-content/themes/Newspaper/wp-admin/content-metaboxes/meta.css
akismet.css | domain/wp-content/plugins/akismet/_inc/akismet.css
jetpack-icons | domain/wp-content/plugins/jetpack/css/jetpack-icons.min.css
jetpack | domain/wp-content/plugins/jetpack/css/jetpack-banners.min.css
Minify :
Google provides optimized images, JavaScript, and CSS resources for this page.
Is this worth to use? will it work?
thanks.
Hi Chris,
I use photoshop to optimize images in posts with a quality factor 60 but thumbnails on website stays same(no optimization for featured images).
add_filter( 'jpeg_quality', create_function( '', 'return 60;' ) );
This code that you mention before applies optimization to all images. This is good but if an image is blurry, I cant change the quality of that image manually. I didnt used this code before maybe it wont be blurry.
I put 10 images for each post. What do you recommend? photoshop or functions.php code? or both?
Thank you
Note WordPress cannot “enlarge” images, only make them smaller, so you need a plugin like Thumbnail Resize to add that function. The theme doesn’t re-render your original images, only make smaller thumbnails from the original image and crop them to maintain aspect ratio with the modules/blocks.
You can also set the compression ratio for the thumbnails as per my sticky post on “optimization” to make the thumbs more optimized for page speed on home page.
When you say “not cropping” — do you have example?
e.g., link to original image on your site,
and link to page where the thumbnail is that isn’t “cropped” ?
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
I installed the plugin EWWW Image optimizer like on all of my websites. After running it, most pictures aren’t showing up correctly. It works on all other websites with same configuration and same hosting.
Now most pictures don’t show anymore:
Example: http://bit.ly/1FA2x8i
http://screencast.com/t/YPdi43YN
When I click on the broken images, some show up correctly, some give a 404 error.
Anything I can do to fix the problem?
theme is optimized for WordPress 4.2x due to some notable minor changes in WordPress 4.2 which are all for the good, but did break a couple of older plugins.
Worth updating to 4.2 but then roll back if you have problems with current theme FIRST, before switching.
COMMENT:
Always best to optimize yourself with built-in features of server, wordpress, htaccess, wp-config, where possible vs using a plugin which may or may not be supported, conflict with other plugins, etc. We don’t use WP-Rocket or WP Optimize, but obviously anybody would need to A/B test their setup from backups and probably not on a production environment.
WP Optimize By xTraffic is super better than wp rocket and its free work 150% with newsmag 🙂 https://wordpress.org/plugins/wp-optimize-by-xtraffic/
Thanks for the reply Emil,
I added the code then installed Regenerate Thumbnails, but it doesn’t look like it did anything. Same thing saying thumbnails aren’t optimized
Hey guys, tried looking for a simple solution but couldn’t find one.
I create some fancy images for my site, the featured images are optimized a lot, but it seems like wordpress doesn’t optimize the thumbnails as I get a bunch of stuff like this on PageSpeed:
Losslessly compressing http://evolvehype.com/…ploads/2015/03/ehlprodivision-100×65.jpg could save 249.5KiB (98% reduction).
What’s the easiest way so that the thumbnails are much smaller?
Thanks!
Guys, could do with a bit of help.
My Newsmag 1.6 site (I did not upgrade to 1.7 due to the reported increase in load times) runs on a LEMP installation with Nginx + PHP-FPM + APC + Varnish running nicely.
On top of this I use WP-Rocket to cache, minify, concatenate, and lazy load.
In so far that I can tell, everything works more or less.
I want to take it to the next level.
I have already used PUTTY and optimized nginx.conf, nginx’s pool.d, varnish’s default.vcl, php.ini, php-fpm etc.
I have already put in the strings to leverage browser caching both in .htaccess, nginx, varnish etc.
Strangely, some files are still not displaying cache expiry dates.
Any ideas on why certain .css and .js files aren’t caching?
Thanks for all the help.
(I will give the tagdiv dev’s my URL if they wish for it)
Just as an FYI,
the 1.7 version of theme was causing CPU spikes to go from our normal load of “0.9” to “1.1” up to “270.0” … (!) … considering our old server prior to Jan 2014 would have completely crashed at “60” — that’s pretty amazing in and of itself. But, server was pushing out “high load” warning emails hourly, and php status going from green to red every hour for a full day since switching on 1.7.
Going back to 1.6 immediately resolved that issue.
Normally I was skeptical of the whole “theme is crashing my server” issue, but this did in fact happen with us, and my server is about as hot-rodded and streamlined as currently possible with Linux/Apache/CentOS/Plesk-Parallels + mod_pagespeed and mod_SPDY, opcache and php optimizers; 8+ cores of XEON CPU and 32GB RAM (enterprise class server).
Still blown away server didn’t crash with “270” spikes, and email still worked, and other sites worked …. but normal server response overall also went from 0.3 seconds to 1.6 seconds and longer.
Obviously, you know there is an issue; but this is just anecdotal info for anybody else running into a WTF? moment.
Peace out 🙂
Using my optimization guide is definitely a “must” — that’s for sure, as well as the TagDiv docs on speeding up theme. Every little bit helps; lowering the overall footprint by 20% is what makes it “work” …
So, I’d likely try to fully optimize your site FIRST as you’ll need to do that with ANY hosting company.
You could also explore some of the “WordPress hosting” companies out there.
But – a $5 a month account is not going to likely work too well with any robust theme.
Hi,
I’ve checked your site, your images are not optimized, reducing their size will lower bandwidth usage. You also have to set the browser leverage cache, some resources will be cached on user browser meaning they will be downloaded only once reducing the number of requests. If you don’t have a cache plugin i recommend that you use W3 Total Cache, enable only page cache (do not enable the other options) – http://screencast.com/t/lOI30ncGfK8 . You can check this guide on how to fix those issues – https://forum.tagdiv.com/how-to-make-the-site-faster/ – and this one – https://forum.tagdiv.com/topic/tutorial-pagespeed-2015/ – and the discussions here – https://forum.tagdiv.com/topic/pagespeed/
In case this is not enough you could try to disable the view counter, it will lower the number of database queries. You can also check the plugins and remove the unused ones.
Thank you, Emil G.
