Community Forums › Forums › Archived Forums › Design Tips and Tricks › Increase Genesis Loading Speed
Tagged: genesis, webpage speed, wordpress header scripts
- This topic has 1 reply, 2 voices, and was last updated 8 years ago by carasmo.
-
AuthorPosts
-
March 27, 2016 at 10:52 pm #182350SureshMember
Hey Community!
Hope you'll are doing great!
I've always wanted to be a part of the community, and Genesis is too awesome! No alternative ! With every product, you need tweaking and so does Genesis when it comes to reaching a better page speed score according to Page Insights.
I've been recently trying to increase my webpage speed and found some ways which I thought of sharing here. May be someone will get the help they need 🙂
1. Genesis places navigational javascript in header. It blocks HTML. So, remove it and place it in the footer section. Go to Genesis In Left Hand Side within WordPress > Footer > Place the code
2. We generally use Google fonts. This also has an impact. Copy your font variables, go to Google fonts and select your specifics. Use javascript and place this javascript in the footer section again.If you're using a good number of them, copy and paste all JavaScript in a separate folder, and load it from your subdomain to increase speed 🙂
Note: I request you try this on your wamp server first as I'm not responsible if you've changed or tweaked it incorrectly. I'm not sure if that affects updates. But, I always follow this pattern immediately after updating the theme.
Happy tweaking !
You’re A Great Human Being – I’m Happy To Learn From You & Will Always Respect Your Inputs !
March 28, 2016 at 1:47 pm #182395carasmoParticipantThis works very well to increase speed:
Use http://betterwp.net/wordpress-plugins/bwp-minify/ to combine and compress js and CSS into two http requests (see the settings). Under Advanced Settings you can choose what scripts you want in in the footer and what is in the header. Works with all properly coded themes and plugins.
For caching: WP Rocket and all others don't work as well as BWP Minify, but WP Rocket does the best job out of all I've tried (MANY) for caching. Plus it will pre-cache so you don't re-build cache over time like all the rest. You can use it with WP Rocket (premium plugin) as long as you don't turn on their settings of the same function as BWP Minify.
Then use GZip and Expires Caching in your .htaccess BEFORE the
# BEGIN WordPress
Your .htacces file BEFORE the WordPress specific content.
## ------- UNSET PRAGMA ------ Header unset Pragma FileETag None Header unset ETag ## ------- EXPIRES CACHING ------ <IfModule mod_expires.c> ExpiresActive On ExpiresByType image/jpg "access 1 year" ExpiresByType image/jpeg "access 1 year" ExpiresByType image/gif "access 1 year" ExpiresByType image/png "access 1 year" ExpiresByType text/css "access 1 month" ExpiresByType text/html "access 1 month" ExpiresByType application/pdf "access 1 month" ExpiresByType text/x-javascript "access 1 month" ExpiresByType application/x-shockwave-flash "access 1 month" ExpiresByType image/x-icon "access 1 year" ExpiresDefault "access 1 month" </IfModule> ## EXPIRES CACHING ## ## ------- GZIP ------ ## compress text, html, javascript, css, xml: AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/js AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript AddType x-font/otf .otf AddType x-font/ttf .ttf AddType x-font/eot .eot AddType x-font/woff .woff AddType image/x-icon .ico AddType image/png .png ## ----------- end don't touch the #BEGIN WordPress Area -------------
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.