Site speed boost in 5 minutes
I’m seeing a dramatic overall speed increase from the server across all my live demo websites.
Here's the PingDom test results after optimizations:
My “PageSpeed” and “ySlow” scores have all bumped up as well. They were already pretty good, but I’m constantly trying to optimize for speed and every little bit helps. Especially as more and more users connect to the web over mobile.
IMPORTANT: This tip involves editing the htaccess file. Editing the htaccess file takes some care. Make sure you create a backup copy of your site (or at least your htaccess file) before making any changes. Also, immediately test your site after making changes. If you have active plugins, its a good idea to disable them before making htaccess changes in order to avoid conflicts or potential server errors. |
For example, to address pagespeed/ySlow nags on “gZip Compression, “Expires headers” and “eTags“, I’ve added the following to the top of my htaccess files on all my demo sites:
AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xhtml+xml AddOutputFilterByType DEFLATE application/x-javascript application/javascript text/javascript text/css <FilesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$"> ExpiresActive On ExpiresDefault "access plus 1 year" </FilesMatch> Header unset ETag FileETag None
How to Enable GZIP Compression on your webserver via cpanel
Login to cPanel account for the user account which GZIP compression wants to be turned on. Then click on Optimize Website under Software / Services.
User will be presented with options to compress all content or compress the specified MIME types, with a text box to specify file types to compress is selected (default is text/html text/plain text/xml). Choose either one setting to enable GZIP compression on all websites hosted by the particular account. Click on Update Settings when done.
As you can see from the screenshot above, I’ve chosen these mime types to compress on my server at clickbump.com
text/html text/plain text/xml text/javascript text/css
Tip: Possible MIME types include text/html, text/plain, text/xml, text/css, text/javascript, application/javascript, application/xhtml+xml, application/xml, application/rss+xml, application/atom_xml, application/x-javascript, application/x-httpd-php, application/x-httpd-fastphp, application/x-httpd-eruby, and image/svg+xml.
In conclusion
These are some quick tips that you can implement that should dramatically increase your overall server speed and performance. Once you have these in place, you can look to your site's theme or template for further optimizations. Here are 3 that you should consider first:
1) Optimize your site's images with a tool like this > PunyPNG - PNG Compression and Image Optimization - Gracepoint After Five
2) Combine your css scripts into a single file and minify them to remove white space, line breaks and comments
3) Move your scripts to the footer of your theme, just before the closing body tag
*NEW* Learn ClickBump! | Get ClickBump Theme WSO | Get ClickBump SEO!
Live Demos: "Perfect Silo" | Killer "Landing Page" | Mashable Skin
Watch ClickBump Smoke Thesis/Genesis
*NEW* Learn ClickBump! | Get ClickBump Theme WSO | Get ClickBump SEO!
Live Demos: "Perfect Silo" | Killer "Landing Page" | Mashable Skin
Watch ClickBump Smoke Thesis/Genesis
*NEW* Learn ClickBump! | Get ClickBump Theme WSO | Get ClickBump SEO!
Live Demos: "Perfect Silo" | Killer "Landing Page" | Mashable Skin
Watch ClickBump Smoke Thesis/Genesis
*NEW* Learn ClickBump! | Get ClickBump Theme WSO | Get ClickBump SEO!
Live Demos: "Perfect Silo" | Killer "Landing Page" | Mashable Skin
Watch ClickBump Smoke Thesis/Genesis