page speed problems - Support | Kriesi.at

Tagged: Leverage browser caching, Page Speed

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
May 5, 2015 at 4:59 pm #439854

Munford
Participant

On the site http://www.barbarakandersen.com I am getting these issues when I do a page load test, suggesting I fix the following:

Reduce server response time
In our test, your server responded in 1.6 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.

Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 3 blocking script resources and 5 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://www.barbarakandersen.com/…-includes/js/jquery/jquery.js?ver=1.11.2
http://www.barbarakandersen.com/…s/jquery/jquery-migrate.min.js?ver=1.2.1
http://www.barbarakandersen.com/…-content/themes/enfold/js/avia-compat.js
Optimize CSS Delivery of the following:
http://fonts.googleapis.com/…erriweather|Open+Sans:400,600|Droid+Sans
http://fonts.googleapis.com/css?family=Merriweather&ver=4.2.1
http://fonts.googleapis.com/css?family=Merriweather+Sans&ver=4.2.1
http://www.barbarakandersen.com/…mailchimp-for-wp/assets/css/form.min.css
http://www.barbarakandersen.com/…diaelement/skin-1/mediaelementplayer.css

and

Leverage browser caching
Setting an expiry date or a maximum age in the HTTP headers for static resources instructs the browser to load previously downloaded resources from local disk rather than over the network.
Leverage browser caching for the following cacheable resources:
http://www.barbarakandersen.com/…ent/uploads/2015/03/bka-chair-final_.jpg (expiration not specified)
http://www.barbarakandersen.com/wp-content/uploads/2015/03/bka00_06.png (expiration not specified)
http://www.google-analytics.com/analytics.js (2 hours)
http://www.barbarakandersen.com/…mailchimp-for-wp/assets/css/form.min.css (24 hours)
http://www.barbarakandersen.com/…f=wp-content/themes/enfold/css/print.css (24 hours)
http://www.barbarakandersen.com/…-content/themes/enfold/js/avia-compat.js (24 hours)
http://www.barbarakandersen.com/…t.js,wp-includes/js/comment-reply.min.js (24 hours)
http://www.barbarakandersen.com/…diaelement/skin-1/mediaelementplayer.css (24 hours)

I am using w3 total cache, but I’m not sure how to optimize it to help with these issues. Can you help me with this? My client is not happy about the loading of her site :( and I am not too skilled in this area. Is there any other plugin I should look at? thanks! Nancy

May 6, 2015 at 3:41 am #440078

Ismael
Moderator

Hey Munford!

Thank yo for using Enfold.

1.) Eliminate render-blocking JavaScript and CSS in above-the-fold content – Use the minify settings of the W3 Total Cache plugin to decrease the errors. You can’t expect to fully eliminate these errors because some of the scripts is required to load ahead of the content in order to render the page properly.

2.) Please refer to this link on how to leverage browser caching:

http://gtmetrix.com/leverage-browser-caching.html
http://www.reginaldchan.net/fix-leverage-browser-caching/

Be careful with the caching expiry, it is recommended that you do this after you finished the website. If you frequently modify a certain type of file, set the a shorter term of expiration. Minimum is 1 month.
Cheers!
Ismael

May 6, 2015 at 10:55 am #440237
Munford
Participant
Thanks for the help!
Here are the settings I have in WP total cache: http://imgur.com/KTxKehz – not sure if I am doing it right. getting this on the page speed test:
Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 1 blocking script resources and 5 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://www.barbarakandersen.com/…jPzdAz0U_PS8nNS9LOK9RPLMhN1k_NzCxJLAA.js
Optimize CSS Delivery of the following:
http://www.barbarakandersen.com/…zKKaoSGLxafySI5B6nzffho3UOfxVc1cLxAw.css
http://www.barbarakandersen.com/…00000/M9BPzUvLz0nRTc7IzEnRLy6pzEkFAA.css
http://www.barbarakandersen.com/…KdZPLi7WB4rk6pZkpOam6uZkpmeU6OVm5gEA.css
http://fonts.googleapis.com/…erriweather|Open+Sans:400,600|Droid+Sans
http://fonts.googleapis.com/css?family=Merriweather&ver=4.2.1

The website is finished – so I have edited the .htaccess file by adding this code to the top:
## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg “access plus 1 year”
ExpiresByType image/jpeg “access plus 1 year”
ExpiresByType image/gif “access plus 1 year”
ExpiresByType image/png “access plus 1 year”
ExpiresByType text/css “access plus 1 month”
ExpiresByType application/pdf “access plus 1 month”
ExpiresByType text/x-javascript “access plus 1 month”
ExpiresByType application/x-shockwave-flash “access plus 1 month”
ExpiresByType image/x-icon “access plus 1 year”
ExpiresDefault “access plus 2 days”
</IfModule>
## EXPIRES CACHING ##

This seemed to helped the speed, but on the page speed test I am still getting this:
Leverage browser caching
Setting an expiry date or a maximum age in the HTTP headers for static resources instructs the browser to load previously downloaded resources from local disk rather than over the network.
Leverage browser caching for the following cacheable resources:
http://www.google-analytics.com/analytics.js (2 hours)
http://www.barbarakandersen.com/…ygt0M8qLE0tqtTLTUzPy0zLTNYFi-rlZuYBAA.js (2 days)
http://www.barbarakandersen.com/…eVm5umYoCotL9BF5gOlk_NzwfqKUgtyKkFaAA.js (2 days)
http://www.barbarakandersen.com/…jPzdAz0U_PS8nNS9LOK9RPLMhN1k_NzCxJLAA.js (2 days)
http://www.barbarakandersen.com/…des/js/wp-emoji-release.min.js?ver=4.2.1 (2 days)

How can I specify the expiration on those files?

Not sure what to do about this though which is the top error- does that have to do with the speed on the server itself?:
Reduce server response time
In our test, your server responded in 1.6 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.

thanks for your continued help
Nancy
- This reply was modified 9 years, 7 months ago by Munford.
May 8, 2015 at 3:49 am #441343
Ismael
Moderator
Hey!

Try to include this inside the mod_expire module:
```
ExpiresByType text/x-javascript "access plus 1 month"  
ExpiresByType application/javascript "access plus 1 month"  
ExpiresByType application/x-javascript "access plus 1 month"
```
Refer to this link regarding the W3 Total Cache config: http://customizewp.com/eliminate-render-blocking-javascript-and-css-above-the-fold-content-in-wordpress-w3-total-cache/

Note that the minify settings might break the layout of the theme so you have to include/exclude some of the files. Play around with different combinations to get the right settings on your current installation.

Cheers!
Ismael
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.