- 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
Hello there.
First this is my page:
http://www.erco-entertainment.com
I have a problem with my footer. There are 3x 1/3 columns. But there are not centered. The “text” column (facebook example) is just a picture and it is div align=right and still not really on the right side. The blue lines are made in Photoshop and these should be the perfect areas for the columns.

Is this a bug or something? Should i search the code to optimize it by myself or is there a easier ways to fix this?
And i have a question how to delete the Headline of each page:

Maybe you can help me. Thank you đ
It couldn’t hurt. Point I was making is that Google is going to filter search results for the best match for a specific topic. On most sites these days there is little unique on the home page relative to a page such as “services” or “pricing” or “our staff” where Google would focus on the page related to that topic. Meaning, you don’t want Google to show your home page for your services, you want them to show your services pages when somebody searches for “Anna’s 1986 Whacky Widgets.” đ
Additionally, if you’re not building a newspaper layout, you can build any type of page and the title of the page is an H1, or if using a custom taxonomy simply use H1 tags for your header text which you type into the page itself.
That is a clever use of the H1 tag on Joost’s home page:
<h1 class="site-title" itemprop="name"><meta itemprop="logo" content="http://cdn.yoast.com/wp-content/themes/yoast-theme/images/header/logo_x2.png"/><a itemprop="url" href="http://yoast.com/" title="Yoast">Yoast</a></h1>
I’m still surprised they’re (Joost and co.) are not using white space removal and comment removal to optimize the HTML delivery of their pages, which would enhance page load and caching.
Still, an “option” to put an h1 element on the logo div only for home page as a clickable option, might not be a bad idea!
Ooops: one more.
For those who are testing for speed-speed-speed and want to fix all their “you could optimize image xyz” warnings. I actually wrote an article on this once upon a time on my old site no longer seen anywhere since it was behind a login.
BASICALLY:
1) backup all your images
2) install the wp regenerate thumbnails plugin
3) check your wp settings > media and make sure the S / M /L sizes match what is being used by theme so you don’t end up with more thumbs than needed (seriously this is the #1 mistake folks make with thumbnails in general)
4) add the following code to your functions.php file in the theme root at the end –or– in your child theme (TIP: stop using a child theme)
add_filter( 'jpeg_quality', create_function( '', 'return 50;' ) );
5) run the regenerate thumbnails plugin under wp admin > tools
Voila!~ go rerun your speed test with Google and magically no more “you need to optimize image xyz to save 5kb” crap.
If your images don’t look as sparkly as they did, you can always delete the thumbs, put your original images back, and then try changing the “50” to “60” if you prefer.
For all those thumbnails all over the place “50” is recommended setting, and this uses both the built-in function of wordpress for images which hooks into the image mod stuff on the server. UPSHOT: when you make this change to your functions.php file – ALL YOUR FUTURE IMAGE THUMBS will be compressed automatically.
No more extra plugin to do that unless you really want to.
Simple. Easy. Quick.
Pagespeed mod test update: settings 0.4
Google Pagespeed 93/100 on main GPS Insight
page: http://ga-ga.com/1262/fiction-area-code-666-part-18-del-arton/
– google adsense – no ads for test
– addthis plugin replace social media buttons with single button ‘on’
– gravatar loaded dynamic over network for author box
todo:
1) load author image locally either with plugin, or add field to functions.php to add new user datafield, then call user meta for the field instead of gravatar code.
2) reduce server response time — typical is 0.32 seconds (320msec) up to 4 seconds; but Google now saying <200msec is the “ideal” — not sure tradeoff on optimizations for everything else; but I did see a post the other day about server tweaks to speed up “first byte” load of WordPress pages to deal with that so called “error.” Solving this would negate the penalize from Google AdSense being on.
3) super annoying “reder blocking” CSS almost “quashed” and ironically the error is from mod_pagespeed trying to fix:
Optimize CSS Delivery of the following:http://ga-ga.com/âŠootstrap.css.pagespeed.cf.n0P3fhMJJz.css
http://ga-ga.com/âŠ/A.style.css.pagespeed.cf.JAYrGYtjNo.css
– so in typical GPS fashion, one Google product complains about another Google product which is designed to fix the complaint in first place (ARGH!). This one will take some playing around with the “filters” which is where I got stuck this past weekend.
Hope this is entertaining somebody đ
and I forgot to mention here is the code I’m using in my htaccess file for mod_pagespeed testing, in addition to CoreFilters being on from the main .conf file at server level, eventually this would be a <directory> directive in the .conf and not in htaccess for better optimization.
<IfModule pagespeed_module>
ModPagespeed on
ModPagespeedEnableFilters collapse_whitespace
ModPagespeedEnableFilters move_css_to_head
ModPagespeedEnableFilters combine_css
ModPagespeedEnableFilters remove_comments
ModPagespeedEnableFilters rewrite_images
ModPagespeedEnableFilters insert_dns_prefetch
</IfModule>
CHANGE to my prior htaccess code for expire headers to solve one javascript file for comments in the core wp code:
AddType text/javascript .js
# 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"
</IfModule>
I also added these to the end of the htaccess after the cache control headers, to solve the ETag problem and also the damn spammers hitting my ping script.
<IfModule mod_headers.c>
Header unset ETag
</IfModule>
<IfModule mod_alias.c>
RedirectMatch 403 /xmlrpc.php
</IfModule>
AS EVER: do not make changes to any of your files/settings unless you have backups done.
THis is all experimental at this point; when I have a solid Apache-friendly setup, I will share all the settings in all the files for those interested in this discussion. đ
Cheers,
Christopher Simmons
member: PRSA, ASCAP
CEO, NeotropeÂź
Torrance, CA, USA
(please don’t call me asking for help on anything at this point in time; I will resume my consulting biz once I have my own ducks back in a row, as it were!)
-
This reply was modified 12 years by
simchris.
Some our sites generate 2+ million page views per month and have been online 14 years with 230,000 inbound sites for pagerank. We have been managing our own servers since 1996, and ran a hosting company from 1996-2005. We did Oprah Winfrey’s ecom solution for her “Begin with Love” videos a decade ago. Pretty savvy. We are also PCI-DSS certified, and have weathered serious server attacks so have complex security stuff in place. ‘=)
We do use nginx along with Apache 2.2 – for instance phpmyadmin runs on nginx. 32GB of RAM, dedicated 1GB switch at SoftLayer in Texas. Power to burn. Replaced our 2008 server with 12GB RAM and 8 cores. Wild times compared to the days of, say Cobalt RaQ4 (google it).
Still playing with mod_pagespeed stuff as they have lots of cool things like “inline_google_font_css” (Inlines small CSS files used by fonts.googleapis.com into the HTML document.) which I’ve not yet been able to get working. Defer javasceript is another one built-in which is cool.
Stable version from November, edge version from January, and you can’t mix ’em.
Anyway… I’m trying to find the balance of the traditional hacks
1) mods to the wp-config.php
2) mods to functions.php
3) mods to htaccess (Apache)
4) manual optimization of css file if a rewrite system breaks it
5) upload best practice optimized images to begin with; generate smaller thumbs to start with using built-in compression of WordPress vs plugin for initial files; remove duplicate sizes in media setup to match theme size
6) use mod_pagespeed to manage cache (with memcache, eAccelerator, APC, etc.); rewrite on the fly to cache copies with comments removed, delete white space (instant minification!); combine CSS, combine JS, etc.
6) when all that fails to keep a “92” dump the CSS/JS onto the CDN, keep images local.
This is my mission for January. Once done, I’ll have a better sense of what actually works and what is truly a fool’s errand.
BTW: my friends at GTMetrix have a nice plugin for WordPress for testing/tracking pagespeed adventures (recommended!).
MOre later in the pagespeed “forum” here đ
I will probably end up doing some kind of ebook for this whole shenanigans.
Chris
-
This reply was modified 12 years by
simchris.
Thanks Christopher. I took a look at mod_pagespeed, but it doesnt look like it could do anything for me at this point. I’m already on a VPS that runs Plesk 11 with nginx as a reverse proxy. I’m letting nginx handle all php scripts and serve static and dynamic content. Gzip compression is enabled and i enabled browser caching through nginx with the expiration set to two weeks. I’m running WP Super Cache as well to create pre cached pages and i use EWWWW Image Optimizer to optimize all images. I also optimazed all theme and plugin images with that plugin. You might want to look it up, imo it really is a better plugin than smush.it and so. I use the simple minify plugin to minify all javascripts and i my pagespeed currently toggles between 85 en 92 for desktop, depending on my server response time and between 70 and 80 for mobile. The only red warning i still get is to defer javascript and css (moste google fonts, and 3 theme css files: bootstrap, style.css and child theme style.css) to below the fold, but i have no experience on how to do that. Im really pleased with the pagespeed right now, but more tips (besides using a CDN) are welcome!
Thanks for you responce anyway đ
Hello,
someone use W3 Total Cache, Minify option?
I am trying to optimize my site using the Minify option, but is not about simple. Any option break the layout, so I trying to use “Manual” minify, and add what “js” and “css” minify and combine.
Someone who use this method, can tell me how files optimize?
Thanks!
Hello,
I see that you have an old theme version. We optimized the touch for mobiles, please update to latest version 2.3
Thanks for the message!
Hello,
I am trying to have best performance and optimize my WordPress site with W3 Total Cache. With it, you can use the Minify option, and compress/minify all javascript and css files.
I am using “Manual” option for Minify, so you should insert all the js and css files, to minify.
Please, can you tell me the urls of these files that is good optimize? Or I don’t know, do you suggest to minify only some files and no other, to avoid to break the theme’s layout?
I wait your suggestion,
thank you
Regards!
Hi, @evdb
glad all the rambling helped đ
For those who are trying to work with the “step up” on speed from caching, such as using mod_pagespeed and then an optimized .htaccess code block, I found this article super helpful, and is somebody else who is a couple steps ahead of my efforts with the whole “make the server do the work, not a plugin” mentality.
http://customerhelp.co.za/wordpress/optimizing-linux-apache-for-wordpress-blogs-memcached-mod_pagespeed-expires-headers-mod_deflate-gzip.html
Hoi @r1kay
I just changed from Avada (a complete waste of money for a two week slug speed moving horror experience) to Newspaper because of the lack of speed.
Just by making the switch I doubled the speed at Google speed insights. It’s not optimized just yet but rapidly getting there.
However if you’re looking to increase speed in general I’d recommend you to not only stay away from Avada but also from Disqus (which I personally love cause of functionality) cause it really slows down sites no matter what đ
mehedi,
see how Radu got the demo to the pagespeed
https://forum.tagdiv.com/how-to-make-the-site-faster/
“speed” is a process which requires many tools to accomplish, no one theme “magically” has high pagespeed. YOU need to research and implement many things separate from the theme to achieve a high pagespeed ranking, including NOT using various things like adsense, or plugins which “dial out” to get resources. But, if you follow the link above, Radu explains how they optimized the demo site.
You should also read through this thread, as you may need to update your htacess file for expiration headers, optimize your images, etc.
See the threads on page speed. Follow Radu’s recommendations for how he got the demo theme to be 90+.
REF: https://forum.tagdiv.com/how-to-make-the-site-faster/ .
To save you having to read Everything on the forum:
Fonts can’t be optimized on your side or by the theme, as they live on Google’s website. Digg buttons are loading from Digg’s website. No way to optimize that. I don’t think sharedaddy is part of theme. You either have to load the font stuff locally and optimize CSS since Google “dings” their own stuff in PageSpeed (!) or switch to web-safe fonts (see my and other comments above on this topic).
For styles, you need to either minify if you don’t intend to modify for your site; or use a WP minify plugin. See my link to the site I use to minify my css and js code.
WP by default loads elements in the head and “enqueues” them to render the page. All WP sites will have a “render blocking code” in head error. For javascript (.js files) You would need to try the optimization plugin included with theme, or a WP plugin which moves the js to footer “elegantly.”
Hope that helped. 87 is a great starting point and that means you’re in the “zone of safety” as I like to call it. 85 or below is “bad” 87-89 is okay. 90+ is rockin’. đ
Chris
-
This reply was modified 12 years by
simchris.
Hi I have 87/100 and I get these recommendations:
Suggestions Summary
Consider Fixing:
Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 2 blocking script resources and 9 blocking CSS resources. This causes a delay in rendering your page.
None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.
Remove render-blocking JavaScript:
http://smashinbeauty.com/âŠ-includes/js/jquery/jquery.js?ver=1.10.2
http://smashinbeauty.com/âŠs/jquery/jquery-migrate.min.js?ver=1.2.1
Optimize CSS Delivery of the following:
http://fonts.googleapis.com/âŠietnamese%2Clatin-ext%2Ccyrillic&ver=3.8
http://fonts.googleapis.com/âŠt%2Cgreek%2Clatin-ext%2Ccyrillic&ver=3.8
http://fonts.googleapis.com/âŠillic-ext%2Clatin-ext%2Ccyrillic&ver=3.8
http://fonts.googleapis.com/âŠ0%2C700&subset=latin%2Clatin-ext&ver=3.8
http://fonts.googleapis.com/âŠietnamese%2Clatin-ext%2Ccyrillic&ver=3.8
http://smashinbeauty.com/âŠaper/external/td-bootstrap.css?ver=1.7.1
http://smashinbeauty.com/âŠent/themes/Newspaper/style.css?ver=1.7.1
http://smashinbeauty.com/âŠk/modules/sharedaddy/sharing.css?ver=2.7
http://widgets.digg.com/css/buttons3.css
any help or?
Hey BoredDaddy…
I will be offering this as a service again next year (WP optimization service) once we revamp our sites (ongoing); in midst of deploying new web server right now and sorting our memcache + eAccerlator + Google’s mod_pagespeed at server level. In midst of new server, and migrating our sites over, blah blah. The really arcane stuff is having mod_pagespeed convert images to Google’s new “in house” image format to load faster where it has a built-in image pyramid, with what we used to do for lowsrc (b/w image) to load as a progressive layer while the color image loads in. Wild stuff.
But to answer your question:
If you follow Radu’s little shortlist, that is a good “starting point” to get your site ramped up. His plugin does bunch of the stuff, and if you use that, turn off any whacky “phone home” plugins which are resource hogs, check your htaccess file for expiration headers, optimize your site images, and whatnot, you’ll be in good shape.
Use GTmetrix as a slightly more friendly and forgiving starting point for PageSpeed test, as it will actually tell you HOW to fix stuff. The Google version seems to be a little off, especially their latest version which catches all their own code as errors (!).
I just launched the new theme on my site.
http://www.theinspiration.com/
I get 85/100 on Desktop and 70/100 on mobile in GPS.
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.theinspiration.com%2F&tab=desktop
DESKTOP:
I really would like to optimize where I can. I use pretty large images on the site ( I know that), and I really would not like to compress them any more.
How do I?
A) Eliminate render-blocking JavaScript and CSS in above-the-fold content
– can I move javascript below the fold?
B) Leverage browser caching.
– I have FB and twitter buttons on the site, does this slow it down a lot?
C) Expiring Header.
– I am pretty confused about how much I could “save” By doing it
When I optimize something and test the site I get the same results.
Does GPS cache results?
Hello,
You can minify the HTML with W3 Total Cache and for js make it manually using this tool http://closure-compiler.appspot.com/home
Another things, optimize your images add this filter in function.php
add_filter( 'jpeg_quality', create_function( '', 'return 60;' ) );
Also you can read more tips here: https://forum.tagdiv.com/topic/pagespeed/ or search on our forum.
Thanks for the message!
@Christopher @Radu
Hi Guys,
Is there anyone who is willing to help me with my site optimization?
I use Google Speed Service but i’m getting very bad speed results đ
59/100 mobile and 76/100 desktop
We moved to VPS2 sever but still results are very bad!
Can anyone help me to optimize my site?
Url: http://www.boreddaddy.com
Thanks in advance,
Alex
CEO & Co-founder
Bored Daddy
vidapropria
1) reduce image sizes either by running compression plugin and/or adding compression factor to your functions file
2) faster server account, if you keep seeing “slow response from server” error — that was a [!] item on your last report speed check — nothing can be done about that with the theme, or in WP; that is how fast the account you have and your hosting provider is responding to ping/start showing the page. For example if you have a $5/month account, upgrade to $10/month account (I’m just using that as example). Low cost accounts are usually on a machine or VPS being shared with 1,000+ other sites. Slightly more costly hosting accounts give more resources to each site, by sharing the resource pool with fewer domains.
Verify deflate/gzip working; remember this only serves up faster versions of your content, but doesn’t optimize them prior to that. I think I saw a 100K image file in your last report … that is waaaaaaaaay too big. Try using smushit plugin and regenerate thumbnails to see if that helps? (Backup images first as changes to images on server will be destructive — meaning they are changed and cannot be unchanged).
Also, for testing if you’re using a child theme, be sure to try NOT using a child theme to see if that gains you a point.
However RECOMMENDED:
1) optimize images before/after upload
2) look at better hosting – if you keep getting “slow to respond” error from Google — no way around that on your side.
3) test without using DISQUS, as this does slow things down. We stopped using it for that reason. We’re leaning toward phasing out comments on most sites, per industry practice now that most comments tend to be trolls and arguments (see: CNN for example). Any comments plugin really slows stuff down on WP. Unless you gain ad revenue from 10,000 visitors per day, it’s not really an essential plugin, and more of a glamour thing (in my opinion).
4) turn off all jetpack stuff for speed test — anything that connects to the WP/Automattic mothership adds latency.
Hope that helped đ
————–
as an aside on pagespeed errors:
I’m actually dealing with even more arcane stuff like how to enqueue the parent Theme’s style sheet in the child Theme’s functions.php, to bypass the annoying @import not recommended error from Google which the Automattic folks seem to think is a non-issue. I will post my efforts on THAT noise if anybody cares.
[ UPDATED ]
I just ran your GPS test, and saw you’re up to 82/100 desktop. So, looks like you’re making progress. The images issue is the next thing you need to resolve. You’ll have several points for that, as reducing the footprint of your images speeds up page (e.g., if you go from 300K to 150KB; that’s 50% less time loading images!).
For the minification stuff… note you would need to use a plugin for that (WPminify) although this has some issues; -or- you need to manually minify SOME resources which are not already reduced in size. RADU doesn’t minify all the code as developers have a hard time modifying code if they can’t read it.
So, if you knew there were a couple of large CSS/JS files you might want to minify, you can easily do that using an online tool (I use this one, although it won’t work with IE11/Win7 properly … use Chrome or similar: http://refresh-sf.com/yui/ )
Basically, “minification” of CSS and Java/js files removes the extra spaces, comments, and line breaks to make file “more compact” … so if you had a 125Kb CSS file, by removing all the spaces, line breaks, comments, it might end up being 100Kb, which is the kind of reduction that PageSpeed looks at — the idea being if you had 5 files being loaded on page and you reduced all of them by 20kb – well, that’s 100Kb and is larger than what website developers like me used for the entire page and graphics 10 years ago (we used to shoot for 50kb max page load, if you can imagine that!) …
-
This reply was modified 12 years by
simchris.
Hi, vidapropria
don’t forget you still need to set expiration headers, and possibly get a faster hosting account – 4 seconds response is pretty slow on top of the page loading time.
You might try loading my suggested “expiration” data for your htaccess file (see other post on this topic), which goes at bottom of htaccess AFTER the wordpress stuff.
Looks like you need to
1) speed up server time to < 2 sec. if possible (try using a speed test closer to your country, if your site is regional and not international: use Google’s webpagetest.org and choose location closer to you)
2) set expiration headers – this is MANDATORY for page speed! (SEE: https://forum.tagdiv.com/topic/what-is-your-googlespeed-value/ )
3) further optimize images using an image plugin like (WP Smush.it – or similar); backup images before running any plugin on your images, so that you can restore if unhappy with results.
Hope that helped. Try the expiration headers data for the htaccess file first. It really really helps!
-
This reply was modified 12 years by
simchris.
Hello,
@GZAM – to optimize the delivery of the fonts you can create a colection on google fonts and use a single url to that collection to add them to the page.
The collection url for the default fonts is this: http://www.google.com/fonts#ReviewPlace:refine/Collection:PT+Sans:400,700,400italic|Ubuntu:400,400italic|Open+Sans:400italic,400|Oswald:400,700|Roboto+Condensed:400italic,700italic,400,700
and we via the speed booster plugin we load just one request with all the fonts:
http://screencast.com/t/s2uW3suSDHT instead of 5 (the ensues bellow are used on a default install to allow easy font changing)
After you decide on the fonts you can do a collection of them on google fonts and embed them all in one url.
@GZAM – do you want to use custom webfonts or web safe fonts?
@Christopher – we don’t change the jpeg compression quality for compatibility reasons.
@Christopher we are working on a new panel, new font system and new css generator for the theme. Also we will do most of the templates in the old wordpress way so people can modify it easier. Version 3 will be a major rewrite and I hope people will not kill us for changing so many things đ
Thanks Christoper for all the comments here on our forums, I really appreciate this and if you have any requests/suggestions or need help feel free to contact me anytime contact@tagdiv.com .
Just fyi on web fonts …
since the fonts are being loaded from Google’s CDN, there isn’t really any way to “optimize” Google’s loading of those fonts in the way some of you may think – how can the theme optimize something living on Google’s CDN ?. Although “technically” one might remove the &ver=3.71. for some very minor compliance in moving away from that kind of versioning data in WP.
How we did it on our static main business site (not running WP except for news and blog areas, but it’s the same concept in how you might “super optimize” YOUR setup), was we downloaded the equiv fonts (Open Sans family), created style sheet, uploaded both CSS and fonts to our own CDN (S3/CloudFront), setup CORS rules, and now load the fonts off of Amazon’s cloud where we could set expiration times of one year, and compress, etc. In our case we did it both to control all the font parameters for PageSpeed and also the whacky bug in IE for not loading the true italic version of fonts off Google’s CDN without manually inserting calls to all font versions one at a time for IE which results in loading 8 font families per page). Using a custom style sheet to load all the fonts, we load just ONE file for the reg/reg italic, bold/bold italic and solve two issues with Open Sans.
For “most” people you need to setup your compression, and time to live (expiration headers) on YOUR end of things before anything else – that is not a function of the theme. Google how to do that, or contact your hosting provider. Then move on to the other stuff. As GZAM pointed out, and as I have previously, the compression and expiration headers alone account for about 20 points or more in Google Page Speed.
Fonts are a tricky bit, where any “designer” fonts, slow down page regardless, as they have to be loaded from somewhere. For those looking for “fastest speed” once everything else is done, you might have to NOT use custom fonts at all, and sub out Trebuchet MS for the menus, and something like Georgia or Arial/Helvetica for the body text.
Spending the $2 a month for Amazon’s CDN (or similar) is one way to speed up your fonts, vs loading them from Google directly, but that is something you need to try, modify, test, modify, test. For example, we use Font Awesome, and we tested loading that off the cloudflare hosted version vs our CDN on Amazon – Amazon was faster so we load that from there.
Not sure if any of that helps. It is a process, not a one click thing to optimize a page for ‘speed’ — there is NO “one click” solution out there due to complexity of servers, content, and everything being loaded on the page.
For example on optimization — if you want faster speed, what about image compression level using built in functions of wordpress? Did you know you can use a plugin or function to increase the compression level of the thumbnails appearing on the pages? Smaller files there make page load faster even before server side gzp/deflate. These are the kinds of things you need to research if trying to optimize your site for fasted load times.
For example, you could set the compression of images to something like 60% or even 50% in your child theme functions.php … will only change level on new images uploaded unless you use the regenerate thumbnails plugin or similar.
add_filter( 'jpeg_quality', create_function( '', 'return 50;' ) );
I’m not sure what Radu has the quality set to by default, but increasing the compression even 10% from the default improves speed.
Additional ref:
switch ( $mime_type ) {
case âimage/jpegâ:
return imagejpeg( $image, $filename, apply_filters( âjpeg_qualityâ, 90, âedit_imageâ ) );
case âimage/pngâ:
return imagepng( $image, $filename );
case âimage/gifâ:
return imagegif( $image, $filename );
default:
return false;
}
Googleâs webpagetest.org actually recommends quality level 50 for web images.
We are shooting for “60” at the moment (60/100 compression is not percentage of compression, btw).
Hi – just my 2 cents –
before doing anything (theme out of box on new shared server) – had page speeds of 45 mobile and 58 desktop
then, added gz deflate code to htaccess file, and configured W3 total cache – and now my google page speeds are: mobile 75 and desktop 92 – and I am fine with it
In my opinion, for shared servers – wordpress isn’t going to get much faster than that…
the gz deflate had the most increase (I forgot to track the exact increase – but it was over 20) – if someone needs to know how to do this – I would recommend asking support on your hosting site –
I added back “addthis” plugin – and desktop speed only went down to 91 – but for me totally worth the “add this” value…
I should also note that I currently do not run ads on my sites (still developing content) but I agree that will slow it down a bit (that was mentioned)
One thing I would like to know if the theme could clean this up though (from google speed test)
Optimize CSS Delivery of the following:
http://fonts.googleapis.com/css?family=Open+Sans%3A300%2C400%2C600%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=3.7.1
http://fonts.googleapis.com/css?family=Ubuntu%3A300%2C400%2C500%2C700%2C300italic%2C400italic%2C500italic%2C700italic&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Clatin-ext%2Ccyrillic&ver=3.7.1
http://fonts.googleapis.com/css?family=PT+Sans%3A400%2C700%2C400italic&subset=latin%2Ccyrillic-ext%2Clatin-ext%2Ccyrillic&ver=3.7.1
http://fonts.googleapis.com/css?family=Oswald%3A400%2C300%2C700&subset=latin%2Clatin-ext&ver=3.7.1
http://fonts.googleapis.com/css?family=Roboto+Condensed%3A300italic%2C400italic%2C700italic%2C400%2C300%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=3.7.1
vidapropria
Hi! Not sure if this weill help you or not, but note I previously shared how to do the htaccess .. remember it’s not the function of the “theme” to teach you how to optimize your website, you need to go research how to optimize your site, hosting account, optimize your images in Photoshop or similar prior to upload, etc.
Buying a race car doesn’t teach you how to drive — it can go 150 MPH/KPH but you have to take the wheel.
There are numerous resources on the net to learn how to set-up your web server account for gzip, expiration headers, optimize your images prior to uploading to your site, editing your htaccess file for WordPress, limiting use of resource hogging plugins unless absolutely necessary, etc., using W3cache with the minimal settings recommended in this forum from Radu/Marius (( QUOTE: w3 total cache use only the ‘full page cache.’ ))
You can see some info I shared here that might be helpful to optimizing YOUR site:
https://forum.tagdiv.com/topic/what-is-your-googlespeed-value/
Our site using Newspaper has “96” speed without using a cache plugin or CDN (yet). We followed “best practices” for managing a WP theme and proper server setup.
If you run a speed test on YOUR site (PageSpeed or GTMetrix, etc), then follow the changes you can make first, that is a huge step in optimizing YOUR site.
Radu/Marius … feel free to borrow from my posts to create a “sticky” on
“TIPS FOR PAGE SPEED OPTIMIZATION” or similar. đ
-
This reply was modified 12 years by
simchris.