Pagespeed

Would you like to conquer all 97 tasks 100
example
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fdemo.tagdiv.com%2Fnewspaper%2F

example .htpacces cropping images css changes
waiting

97/100 is awesome speed for a WP theme. 🙂

Almost impossible to get 99/100.
I’ve done with site using .shtml, CDN, dedicated server, and not using WP.

Radu and co rocks!

I wish the developer wordpress thema newspaper

We show how you got that score 97-100 in thema

https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fdemo.tagdiv.com%2Fnewspaper%2F

example files and hack
. htpacces
plugins
css (hack)
crop image

for us who bought the thema because the score

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.

tanks Christopher portal
result or page 69 -100 mobile
result desktop 83 – 100 mobile

https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fga-ga.com%2F1204%2Fbeginning-adventure-space-time-reveals-roots-doctor%2F

thema NEWSPAPER
mobile 91 – 100
desktop 97 – 100

https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fdemo.tagdiv.com%2Fnewspaper%2F

97 developer could think he can show how to get the files that score

example files and hack
. htpacces
plugins
css (hack)
crop image

developer newspaper help?

Reminder:
test your PAGE SPEED without certain plugins which “wreck” page speed rating

1) we added the Addthis plugin for social media, which generates errors on pagespeed but doesn’t actually slow things down notably;

2) page speed will *always* be slow with Google Ads running, as their own ad system generates many of the errors. GTMetrix gives more accurate score as it ignores the “false positives” of Google penalizes their own ad modules (!)

Test your page without any social media plugins or advertising.

You will NEVER get 96+ with ads running on page, or any plugin which phones home or pings all the social media sites to generate “number of shares.”

Our “96” Google Page Speed rating was without the ads running or the new addthis plugin running right now.

I shared the htaccess info that you should be using on your site for expiration headers.

As the developer of the theme newspaper got?

Note the TagDiv demo does *not* have Google Ads running. This impacts the PageSpeed rating in positive way. Any site running Google Ads will get about a 5-8 point hit which is a “false positive” on error.

We do need “async” mode ads, though, as a priority.

I’ve got 80-100 in other themes, like the developer to share are some files and plugins to achieve this success 97 -100

The newspaper has a developer demo thema with this score he can help us

It would be awesome when Radu and co. has time to share an outline of what was done to achieve that score. I totally agree! 🙂

• This reply was modified 12 years by simchris.

Hi, Radu
and so, I now say “d’oh” (per Homer Simpson).
That page should definitely be a sticky under a new topic
General Support: Page Speed (locked from posts by others perhaps?)

Otherwise you’re going to keep getting posts from folks over and over on this topic, primarily from non-developers, but also from folks just wanting the basic “tips.”

I think the async option in the 2.1 will help with ads, and also the option to use web safe fonts (e.g., Georgia, Arial/Helvetica, Trebuchet for body fonts) would help too.

Keep up the great work 🙂

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

btw – I would also would vote for web safe fonts option!

I have same issue with Optimize CSS Delivery..

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).

• This reply was modified 12 years by simchris.
• This reply was modified 12 years by simchris.
• This reply was modified 12 years by simchris.

another well thought out response – thanks Christopher. If we could have a check box to just use web safe fonts and not use any google fonts, would that not also remove the css loading?

I only see any option to use google fonts, and personally I would prefer to use non-google fonts.

not a huge issue I guess – although it is fairly common for themes to provide the option between web safe vs. google fonts.

cheers…

I thought Radu or Marius said someplace that better font selection was one of the action items on their custom admin panel, since the current setup is hampered just a little bit by the built-in WP panel they have built options into.

But yes, having option to use web safe fonts would be an excellent option to see in an upcoming version.

Of course always good to remember that Google kind of gives some false positives on
1) fonts
2) adsense
3) recaptcha
4) google+ buttons

they find errors in their own code being loaded on the page; such as image dimensions on ad units missing, CSS for font styles loading off their CDN, recaptcha images needing “more optimization” etc.

A good “goal” for Page Speed right now, based on industry think, is
target desktop = 90 or higher
mobile = 80 or higher

anything below 75 mobile and below 85 desktop would be considered “poor”
but the world won’t crash into the sun if you have a heavily loaded page getting 79 mobile and 89 desktop for the forseeable future, as that is still above the average for 90% of the web.

btw, we used font squirrel to repackage open sans to use on our CDN vs loading from Google, and used minified CSS to load the regular, true bold, and true italic versions of fonts, along with the varied font formats for Windows, Mac, iPad, etc.

Brain numbing to do, but worth it if you’re nuts about using custom fonts and speed, and compatibility with stupid IE9/10. Not sure if IE11 has the same issue or not (not rendering italic or true bold Google fonts properly).

Hi, Radu
My pleasure to be helpful. I’m not showing up here as a pest, but I do check in just to make sure there isn’t a report of something gone terribly wrong before I update to new version. And, since I live for this stuff every day of the week, and have spent hundreds of hours dealing with WP issues, server issues and optimization this year — I often have two cents to share. 🙂

For the panel, I was actually impressed how you got all those options into the WP built-in panel system. I’ve had tons of issues with other “frameworks” where the framework won’t update, then then the panel breaks, and then the panel isn’t updated, then the panel doesn’t work, etc.

Based on your work so far I have a very high level of “trust” that you’ll do a custom panel the “right way” that won’t break things, or corrupt the DB, or require some arcane framework incompatible with the top 10 plugins.

BTW: we’re moving to a new dedicated server starting on the 20th (hardware being deployed now), so any IP blocks we have in place at the moment will be reset entirely, so if you can’t reach my site, you will be once the migration is completed fully. Retiring our 2008/9 server for more modern hardware.

Keep up the great work.

Chris

I installed the plugins
tagDiv speed booster
W3C total cache ( enable only cache page)

Results 72 de 100 desktop
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2F50.97.105.190%2F~cidad259%2F&tab=mobile

URL
http://50.97.105.190/~cidad259/

# BEGIN W3TC Browser Cache
<IfModule mod_deflate.c>
    <IfModule mod_headers.c>
        Header append Vary User-Agent env=!dont-vary
    </IfModule>
        AddOutputFilterByType DEFLATE text/css text/x-

component application/x-javascript application/javascript 

text/javascript text/x-js text/html text/richtext 

image/svg+xml text/plain text/xsd text/xsl text/xml image/x-

icon application/json
    <IfModule mod_mime.c>
        # DEFLATE by extension
        AddOutputFilter DEFLATE js css htm html xml
    </IfModule>
</IfModule>
# END W3TC Browser Cache

# BEGIN WordPress

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase 

/~cidad259/
RewriteRule ^index\.php$ - [L]
RewriteCond %

{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /~cidad259/index.php [L]
</IfModule>

# END WordPress

accept suggestions?

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.

Vidapropria
ironically your IP seems hosted in the same network as us (SoftLayer/IBM).

YOu may find this additional info useful
report for your test page:
http://www.webpagetest.org/result/131209_97_1PRT/