Search Results for 'cache'

Make sure the cache is cleared.

Please post a link to the site where this can be seen first-hand, if the above doesn’t work.

Hi! @manuel
The mod_pagespeed system runs at the server level as an nginx or apache module (we use apache as main system, with nginx used for some other things on same box, but not for WP sites). So, it runs above the domains, but re-writes content on the fly and then caches stuff and works with the server-based caching.

Benefits include automatic blank space removal, comment removal (e.g., “SEO powered by Yoast SEO” and other stuff you don’t want to “advertise” to the world, etc.) rewrite of image dimensions for anything resized to “fit” and cached version of the new size image, optimization of images, conversion of gif to png where necessary, DNS pre-fetch, etc., etc. — but you can read about it on the Google site.

We’re used the self-hosted module (aka “GPS” https://developers.google.com/speed/pagespeed/module ), but they also have a service to host content (aka “PSS” https://developers.google.com/speed/pagespeed/service ), which is a mix of CDN and the pagespeed modules together and you can test the before/after speed on their site to see if it benefits you (remember you have to do test couple of times for it to cache stuff). Test: http://www.webpagetest.org/compare

@christophersimmons:
what you understand by “graphics loading from the network portal vs localized”? As far as I know where isn’t any CDN in Germany thus we decided to server pictures from nginx ram with having in mind that this should be faster or at least comparable to cloudfront.

Fonts and Google Analytics are loaded from Google, I think this is a preset from the theme.
jQuery and Co are loaded from public CDN. I think this is faster than serving them myself since they already should be precached.

In addition to this the only thing loaded from external servers are ads and content tests. The content tests are programmed by myself and run completely async after the on page load event. For the ads we are working on a hack to load them async, however this isn’t stable yet. The only left over part is the iam.js script. which is running sync. This is the only party I’m not allowed to change, since it is used to track the germany publisher ranking. Really sucks that they only supply a synchronous script, but it should be reasonable.

I’m not that experienced in page speed optimizations yet, thus it would be interesting for me to know which part exactly makes the page load so horribly slow? And how can I figure this out? I think up to 40 sek on mobile devices is just not acceptable for clients.

How can I activate the mod_pagespeed setting to insert image dimensions and what is it doing?

And by the way thx for your awesome expertise!

Thanks for your input, Chris. I’m normally uploading my theme via ftp. It’s weird because this problem started with 4.2. I will try to disable plugins even though I’m only using “big” plugins like W3Cache, WPSeo or Jetpack.

The posts have the image set as featured image and not just an image in the article?

Show featured image is turned on under post settings in theme panel?

Cache is cleared?

• This reply was modified 12 years by TheMediumUTM.

Ok FYI if interested, I reinstalled again yesterday because of the things Steven told me.

Well Chris- I still use the W3 Cache (page only) and wrote the rest of .htaccess by myself, like u posted in another thread. (little bit proud on myself that it did not crash 😀 )
Is everything ok with that or have any other suggestion?

See my current htaccess here:

# BEGIN W3TC Page Cache core
<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteCond %{HTTPS} =on
    RewriteRule .* - [E=W3TC_SSL:_ssl]
    RewriteCond %{SERVER_PORT} =443
    RewriteRule .* - [E=W3TC_SSL:_ssl]
    RewriteCond %{HTTP:Accept-Encoding} gzip
    RewriteRule .* - [E=W3TC_ENC:_gzip]
    RewriteCond %{HTTP_COOKIE} w3tc_preview [NC]
    RewriteRule .* - [E=W3TC_PREVIEW:_preview]
    RewriteCond %{REQUEST_METHOD} !=POST
    RewriteCond %{QUERY_STRING} =""
    RewriteCond %{HTTP_COOKIE} !(comment_author|wp\-postpass|w3tc_logged_out|wptouch_switch_toggle) [NC]
    RewriteCond "%{DOCUMENT_ROOT}/wp-content/cache/page_enhanced/%{HTTP_HOST}/%{REQUEST_URI}/_index%{ENV:W3TC_SSL}%{ENV:W3TC_PREVIEW}.html%{ENV:W3TC_ENC}" -f
    RewriteRule .* "/wp-content/cache/page_enhanced/%{HTTP_HOST}/%{REQUEST_URI}/_index%{ENV:W3TC_SSL}%{ENV:W3TC_PREVIEW}.html%{ENV:W3TC_ENC}" [L]
</IfModule>
# END W3TC Page Cache core
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# 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>

# pass the default character set
AddDefaultCharset utf-8
# BEGIN Keep-Alive
<ifModule mod_headers.c>
Header set Connection keep-alive
</ifModule>
# END Keep-Alive

#BEGIN GZIP 
<IfModule mod_deflate.c>
<filesMatch "\.(js|css|html|php)$">
SetOutputFilter DEFLATE
</filesMatch>
</IfModule>
#END GZIP

#BEGIN CF ALLOW
Allow from 2400:cb00::/32
Allow from 2606:4700::/32
Allow from 2803:f800::/32
Allow from 2405:b500::/32
Allow from 2405:8100::/32
#END CF ALLOW

As you can see I had to add the keep-alive code and other stuff like gzip- because otherwise GTMetrix would complain about that.

http://gtmetrix.com/reports/cherrykoks.de/4DKTK3Af I guess I can not influence the the both points about cloudflare?

The only thing I’m little bit confused about, is the fact that the mentioned code

 foreach ($this->styles_for_footer as $style_id => $style_src) {
            echo "<link rel='stylesheet' id='" . $style_id . "-css'  href='" . $style_src . "?ver=" . $current_theme_version . "' type='text/css' media='all' />\n";

in the booster plugin causes my strings. Can I change that?

And:

in the Pagespeed guide from tagdiv I read this:

The plugin will move the theme and recommended plugins js and css at the page bottom. If you have other plugins installed you have to modify the Speed Booster plugin file so it will also move those files at end of the page. In the next section you will learn how to accomplish this.
4.2 To get the list of registered css and js add the following code at the end of the functions.php file:
function td_inspect_scripts() {
global $wp_scripts, $wp_styles;
echo ‘registered scripts<br>’;
foreach ($wp_scripts->queue as $handle) {
echo $handle . ‘ | ‘ . $wp_scripts->registered[$handle]->src . ‘<br>’;
}
echo ‘registered styles<br>’;
foreach ($wp_styles->queue as $handle) {
echo $handle . ‘ | ‘ . $wp_styles->registered[$handle]->src . ‘<br>’;
}
}
add_action( ‘wp_print_scripts’, ‘td_inspect_scripts’ );

SpeedBooster plugin ist runnin as you know, do I have to change that as advised?

The sentence with “If you have other plugins installed you have to modify plugin so it will also move those files”

Other plugins means = every plugin I’m using? No problem to add this code to functions.php – just wanna make sure if this is right.

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

@Steven

CF is running again 🙂 but any resolution for this:

http://gtmetrix.com/reports/cherrykoks.de/h008RXQu

“specify cache validation” and “Specify a Vary: Accept-Encoding header”

this is coming from CF Javascript.

Hi,
first you can’t do anything about the cache validation or anything with fonts loading off of google’s website, or anything loading from jetpack (or adsense, or addthis, or disqus, etc.) — as those elements live on somebody else’s server. Only solution is to remove them or workaround them (e.g., load google fonts on your site or CDN, or load the CSS from your own style sheet — you can google how to do this, as it’s a trick which has been used for couple of years — simply grab the CSS you’re loading from google for the fonts, then put it into your own CSS, then remove the “call” to that CSS from your style.css and/or functions.php).

For the remove query strings I would suggest this:
1) turn off all your plugins
2) make sure you put the remove query code at bottom of your functions.php file and have uploaded to server properly, replacing original file
3) test a post page and see if it’s working – it should work, unless you have conflicting element re-writing your code. Or, you didn’t put the code in right place with something else you’ve added to the functions.php file, or you have a missing or extra closing bracket (bad syntax). There are couple of ways to do this, but again – double check your code/syntax, which is #1 reason something doesn’t work – be careful what you copy/paste FROM … always use a proper plain text editor so it won’t introduce garbage characters.
4) start turning on plugins: pay close attention to any SEO plugin which may try to rewrite the css and js “positions” in the file
5) avoid using plugins which do the same thing – seo plugin with sitemap, and other sitemap plugin; seo plugin which rewrites location of your js and css and the tagdiv speed booster
6) once you find the conflicting plugin, you can sort out what to do for the version removal to work (and don’t have that in functions *and* use a version removal plugin at same time, AND an SEO plugin that rewrites your code AND the tagdiv speedbooster).

This is normal process to “debug” why something doesn’t work.

yes I did, I can click via w3 cache (includes Cloudflare extension) “empty all caches” or empty all caches except CF- I also purged the cache on the CF Cpanel and also the single file.

Same problem for me. Disabled all plugin, cleared caches everywhere and the menu is still not sticky.

On this note, I’m curious if anyone is running this theme with 20,000+ unique visitors a day and any changes that were needed to the theme to get it there other than the standard wordpress cache and use a CDN.

Thanks, I went into MAX CDN and did a full cache purge. It solved the issue, Version 4 running fine.

You shouldn’t need to minify the css file again, if you’ve cleared the cache on your CDN so that people are loading the new minified version vs the old non-minified version. Easy to test, point your browser at the file and download to see if it’s the right one being served.

One of the items in your GTMetrix report (click the little arrows to expand each item), shows this:
•http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic|Ubuntu:400,400italic|Open+Sans:400italic,400|Oswald:400,700|Roboto+Condensed:400italic,700italic,400,700?ver=4.1

Basically if you download that file and add it to the end of your style.css file, then remove the above code from your pages, you remove that issue reported in GTMetrix.

Also, I’m assuming you’ve not updated everything since the ?= versioning was still showing.

•http://cherrykoks.de/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.1
•http://cherrykoks.de/wp-content/themes/Newspaper/includes/wp_booster/external/bootstrap/td-bootstrap.css?ver=4.1
•http://cherrykoks.de/wp-content/themes/Newspaper/style.css?ver=4.1

ALSO: I don’t know why your posts have weird td-slug stuff vs the filenames based on pretty permalinks. That is so NOT normal, btw. Be sure to check your htaccess file to see that the block for your pretty permalinks is in there (or just resave your permalinks in wordpress general settings – and it will tell if you if the file is writable).

Remember to clear cache on your CDN each time you upload something like a new version of the functions.php file or the minified style.css file … otherwise it may keep serving the old versions.

Also note my setting in the functions.php for optimizing the jpeg thumbnails from 90 to 60, is a good addition (no plugin needed!).

For the Google fonts item …
there is one trick I did, which is download that style sheet from Google being loaded for your pages, copy/paste the CSS from that file and put at bottom of your style sheet, and delete loading the Google fonts (I think you can comment that out in the functions.php file); this way the CSS is loaded as part of YOUR style sheet and NOT being loaded from Google. This saved me couple of points as one less download, and no worries about expirations or minification for the Google CSS for the fonts.

Ive done this step of adding the line and uploaded it, cleared all possible caches (even made other changes to theme to make sure it was clearing) and it still is showing the default homepage. Is there someway for a setting to be overriding the code change or something?