- NewsmagRequirements for Newsmag
Everything is allright, but these 4 files are the headache…
http://www.techizm.com/…-includes/js/jquery/jquery.js?ver=1.11.0
http://www.techizm.com/…s/jquery/jquery-migrate.min.js?ver=1.2.1
http://www.techizm.com/…gin/css/settings.css?rev=4.3.8&ver=3.9.1
http://www.techizm.com/…gin/css/captions.php?rev=4.3.8&ver=3.9.1
Scores : http://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.techizm.com&tab=desktop
several of your errors should be set on on the server/hosting side of things and not via WordPress / plugins
1) gzip/deflate must be set to “on” for your server; contact your hosting provider
2) browser caching is controlled via expiration headers for content; with Apache it’s easy with htaccess file (see the pagespeed sticky topic for my settings)
3) vary/accept encoding header, set at server
Note that is why these items are marked “server” when doing test check on speed. These items are good for about 20 points alone and should be done first before doing anything else as these are necessary for ANY website, especially WP, to run faster (or really, to run properly).
Since one of the changes is major update to font handling, it should be expected to have to do some minor tweaks to the fonts; often simply going to the settings in the theme, double check and hit save fixes it. Obviously you should be turning off your caching, clearing your cache, disabling mod_pagespeed before doing any upgrade since otherwise your old CSS is cached and new CSS is not being loaded to match theme changes.
If you’re having trouble optimizing via plugin, I would likely contact your hosting provider and optimize your dbase from phpmyadmin or similar outside of wordpress (e.g., command line, or from server side).
But yes… on a 190MB dbase, WP-Optimize clears out on average about 27.5MB of crap, depending on when you do an optimization.
I think the pagespeed insights reference to browswer caching is having
1) expires headers from the server (or via htaccess on Apache, or config file on nginx), which specify a time to live, such as “cache fonts for one week, don’t reload them every time a page loads” … that is the purpose of “browser caching” — same with CSS, images like a logo, javascript, etc. — my settings are in the sticky for pagespeed.
2) remember to have gzip/deflate running on server side, you don’t need plugin for that as the server can compress everything on request
I’m not currently using W3 cache, and frankly I’d leave that off until you get everything else sorted as otherwise you end up caching incomplete pages from the other errors or overloads. Once EVERYTHING else is solid, THEN you would turn on the cache as the LAST thing in the chain.
Hope that helped a little (been there!). 🙂
-
This reply was modified 12 years by
simchris.
ok its working now.
i removed all the plugins but the essentials and its working currently with blazing page speed. Now adding them one by one back to see what was conflicting… and i noticed once i added W3 cache that it actually slowed down. is that normal? to be fair as i added gzip plugin it even slowed down more. 🙁
would this be the time to optimize with WP-Optimize? it crashed our database last time and im really shy about using it now.
according to google pagespeed insights, its suggesting we Leverage browser caching
– but according to documentation on theme, u suggested only doing page cache. should i active the browser cache option in W3?
@Fudoki
you know, I think Radu was going to try to come up with something like an additional user account field for “image” where you could link to the image in your media repository, but I think that wasn’t high on the 140+ user requests relative to some other stuff. I think there was a hack for that, or plugin, or something… e.g., comment out photo in the author box code, then use plugin for custom author image…. but it’s been awhile. I was out sick most of May/June, and pretty wonky the 2 months prior to that. Only been getting better the past 2 weeks. So, just getting back to this stuff.
We both need to do a search in the forum for this topic, methinks. I don’t have an answer at the moment 🙂
Hm. Weird. On our server it optimizes them for progressive if we upload them that way.
OH: wait, I think our mod_pagespeed is rewriting them to progressive if not already, which is why we haven’t gotten that error you’re getting (doh).
Some people seem to like this WP plugin for optimization:
EWWW Image Optimizer — automatically makes progressive unless smaller file size from non-progressive.
SmushIt — also super popular. Now that WPMU has taken it over, it should still be viable option. We used this for a bit prior to changing the functions.php for compression level and installing mod_pagespeed in January with the rewrite images functions.
Hi,
this is what we do on our sites, in the functions.php file .. this overrides the default quality setting and is a WordPress function, not a hack. We have our set to “50” — for a portfolio site or photography site, you might choose “60” (it’s not a “percentage” of compression but a quality factor).
—-from my old post in the pagespeed thread–
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;' ) );
NOTE: Download your existing image files via FTP for safety backup, before you apply this with “regenerate thumbnails” as it will overwrite old files with the lower quality optimized images.
Hi
When I upload images to my website I always save them for the web , by compressing the image and make progressive using Photoshop.
When I run tests on my website, pagespeed is picking up that the thumbnails generated for the theme are neither progressive or compressed!
Any way I can automatically set these from the script that is run when images added to the website?
Make sure the server is running deflate/gzip properly, and you have the proper expires headers set, and server side normal caching if so provided, …. compression and expires headers are good for at least 20 points.
Just for a reference point, one of my pages on the test site, with caching plugin turned off, and the disqus, adsense stuff running (3 ad spots), Gravatar, and one YouTube video.
http://ga-ga.com/1763/book-review-anti-americans-star-sons-wichita/
is 90 desktop / 79 mobile
I need to swap out Gravatar for local author image and should shave off 708bytes from the featured image upload (has “red” in it, so didn’t compress as much).
With the gravatar fixed, and if I ignore the “errors” from Disqus and AdSense, it’s totally in a doable range for us.
I think it works out to be 93/83 without the “errors” on there.
Not bad since NOT running any caching plugin, not using CDN, and not using a minification plugin other than mod_pagespeed optimizing the pages on the fly.
-
This reply was modified 12 years by
simchris.
ok, my staging is now running on the same setting, and I got worse results than before.
It seems to me that the plugins and this config helps on desktop however mobile results good much worse. My problem with: 65% mobile visitors
Shared my results in the pagespeed thread.
Are you using mod_pagespeed or any serverside settings?
-
This reply was modified 12 years by
Manuel Fink.
I finally got someone optimizing nginx settings for me.
However can anyone confirm @Stevens settings? My first try seems that it is not any better than using w3cache
Checking link http://staging.dailycat.de/hund-rettet-katzenbabys-670/ checked with http://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fstaging.dailycat.de%2Fhund-rettet-katzenbabys-670%2F&tab=mobile
Old server vhosting (w3cache no nginx) (http://www.dailycat.de)
GPagespee 54 / 66 GtMatrix 83 / 68
New Server (same config as old) GPageSpeed 55 / 68 GtMatrix 86 / 70
New Server (@Stevens Konfiguration) GPageSpeed 48 / 71 GtMatrix 83 / 66
Mobile is the most important metric for me, since 65% of the visitors are mobile visitors!
Thx, this is awesome! Gonna Try out now.
Regarding server response time 😀 I guess in times of real time advertising googles scope is in the 20ms area. Probably expecting everybody to serve on high power servers with performance optimized nodejs ^^
Could you please also share the version and apache vhost conf for mod_pagespeed?
Hello all, after updating to 3.9.2, I have Home page only White side, but individually all plugins deactivated without success, please help me. Ah yes, Home funktionirt only with Firefox, all other browsers show only White side. Google page speed test (http://developers.google.com/speed/pagespeed/insights/?url=www.football-eu.com&tab=mobile) reports this error: The URL which fetched, but nothing what rendered. Ensure did the URL points to On HTML pagethat loads successfully in a web browser. Thank you.
SRY for my English its from Google
@manual
best bet for my stuff, is go “backwards” from here as the stuff for htaccess file still good, for Apache/Linux. I’m only running nginx for some stuff on our server, we use Apache for compatibility with 20 years of content and some stuff not practical to reinvent at this time.
mod_pagespeed … I am running kind of a moderate number of things with defaults on server wide, then htaccess for local per site/folder controls/over-rides or “off.” With nginx I think you have to use a config file.
Anyway…. here’s my htaccess minus the 301 stuff:
<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>
# start WordPress
(removed; might be diff for other setups :-)
# END WordPress
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>
# 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>
Here’s my robots.txt file (again, your needs may vary)
User-agent: *
Disallow: /cgi-bin
Disallow: /cgi-bin/
Disallow: /wp-admin
Disallow: /wp-admin/
Disallow: /wp-includes
Disallow: /wp-includes/
Disallow: /wp-content/plugins
Disallow: /wp-content/cache
Disallow: /wp-content/themes
Disallow: /wp-content/upgrade
Disallow: /wp-content/backup-*
Disallow: /aff/
Disallow: /search/*/*
Disallow: /trackback
Disallow: */trackback
Disallow: /trackback/
We’re currently not running things off our Amazon CDN for the WP sites, in favor of using the horsepower of the dedicated server with high-speed switch, APC, mod_pagespeed, etc. Not finding it super beneficial to load those 1kb sprites off the CDN, frankly. (Brand new web server Dec. 2013). And for us tweaking is simpler when it’s all using one system, and letting mod_pagespeed fix some stuff.
I was manually minifying the style.css file and couple other things. Have not done that with latest version (just updated last weekend). Simple to do … some of my posts on here reference the websites like css minifier where you can copy/paste your code, make new file and over-write the theme css file to solve that issue (takes 5 minutes).
I had too many issues with the caching plugins so not using right now.
Take Google’s PageSpeed Insights with major grain of salt.
On one of my project sites (not running WP), we have the CSS loading from external file, minified, got pagespeed score of 87 and warning about only 47% of page loading above the fold (menu wasn’t showing up), and this could be seen missing from screen capture. So, we put all the code inline, speed went to 95 desktop, 85 mobile, but warning about above the fold now says only 1% was able to be loaded, but snapshot of screen shows everything above fold loaded properly.
Similarly on our WP install running Newspaper, here’s one of their wonderful “suggestions” ….
Reduce server response time
In our test, your server responded in 0.36 seconds. There are many factors that can slow down your server response time. Please read our recommendations to learn how you can monitor and measure where your server is spending the most time.
So, apparently 0.36 seconds is considered slow?
🙂
It’s pretty hard to follow this thread from the beginning since a lot of it is for earlier versions. @Simmons could you or anyone share the best practises/combination of settings for
– theme / plugins
– .htacces
– mod_pagespeed
– nginx
for the latest version of the theme?
I really would appreciate this information. Thx.
Hey Everybody
@Steven thx for sharing your expertise. Gonna try out soon!
EWWW is already in use 😉 like it! Does anyone know a hack that ewww is leaving some files out? I do have a transparent watermark which it is killing every time running over the images 😀 pretty annoying.
Does anyone know an alternative to cloudflare? Their infrastructure isn’t the best in germany. I’m pretty sure my local hosting is faster. Anyone knows a good solution to do the following things on the own server instead of using cloudflare?
3.Inline small CSS >>> Use cloudflare and they will fix that for you and a lot more.https://www.cloudflare.com
4.Minify JavaScript and CSS >>> Use cloudflare and they will fix that for you and a lot more.https://www.cloudflare.com
5.Use cookie-free domains >>> Use cloudflare and they will fix that for you and a lot more.https://www.cloudflare.com
thx for your help guys! I really appreciate it.
-
This reply was modified 12 years by
Manuel Fink.
Now I modified the home page and page speed fallen: mobil 63/100, PC 83/100. (problem: JavaScript and CSS). http://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Ftestinfoglass.sazovsky.cz%2F&tab=mobile
my result for test version:
– clean instalation wordpress and theme
– extra plugin: W3 Total Cache (I just clicked on: Enable page caching to decrease the response time of the site.)
That´s all and results 8.7.2014 – mobil 77/100, PC 90/100: http://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Ftestinfoglass.sazovsky.cz
Now, I have to find a bug on my site: http://www.infoglass.cz Where I have results mobil 40/100, PC 49/100
I vote also for such a feature. I currently use UserPro Plugin, this is very good but seems to have some negative impact on my pagespeed.
We have 7 or 8 sites in Google News. One got kicked out 3 years back when we added a couple of columnists who Google didn’t like (a psychic who was writing about some spiritual stuff, but it wasn’t “news” — learned lesson on that one). We removed one. Working on new site to submit. We have one site in GN using this theme, and another site we’re working on — it’s actually being used for other things too like testing mod_pagespeed on our server, and some things related to syndication.
Having original images for each post also really helps – not copied from other sites. So, if you do a review of a video game – make your owm images. Stuff like that. Make sure your post titles are UNQIUE too. Basic SEO stuff, obviously; but Google hates news sites with only “duplicate” content.
Hope that all helped somehow 🙂
Note Google is messing with all their services right now (last half of June)…. I’ve had issues with Google News; they’re dropping photos on some stories; went to login to one system (Google Alerts) and it was down with “not currently available” message.
I think they are trying to finalize the big shift with combining all the G+, profile, local business stuff.
I bet if you check again NEXT week, it might be more consistent.
Nice thing about GTMetrix is you can choose to test your site from different locations and different browser options. I guess you’re getting that with Browserstack. I like GTMetrix as I used to outsource work to their parent company a decade ago, so I know they are top of stuff.
Anyway… just my thoughts for the day, after running into various oddities with Google systems and products the past 2 weeks.