10 Dec 2016
WordPress Performance Tuning and Optimization
There are a number of ways to optimize your WordPress site. In this post, I'm going to share some of the methods and tools I use to optimize WordPress.
Scale and compress images
Images are an important factor when it comes to page speed because they're usually the biggest files.
Edit your images so that they match the size needed for your page. WordPress already creates multiple sizes but they may need some tweaking to fit certain dimensions. If you are displaying a 400X200 pixel image from a 2560X1440 upload, a lot of unnecessary bytes will need to transfer for the image to show.
Before uploading an image, compress it through a compression site such as TinyPNG, or use a WordPress plugin such as WP Smush that provides a simple interface for optimizing all of your uploaded images.
Compress and Combine Files
W3 Total Cache plugin
From the General Settings > Minify section, check the Enable box. If the mode is set to Auto, Each file type (HTML, CSS, JS) you check from the Minify tab will be compressed. If certain parts of the website break from compressing, select Manual from the General Settings and include each file URL you want minified from the Minify tab.
In W3 Total Cache General Settings, enable Page Cache and Browser Cache to improve responsive time, and enable HTTP (gzip) compression under General from the Browser Cache tab settings. This reduces text-based file download time. W3 Total Cache offers a multitude of settings, but I find the minification and browser cache settings to be the most useful.
</body> tag, the page will load visibly before running the scripts, improving user experience.
To make sure scripts load at the bottom in WordPress, edit the enqueued scripts in the functions.php file. Set true within your wp_register_script functions.
Save the file and refresh you website source code (Ctrl+U) to check and make sure the script is now at the bottom.
Further optimization for performance
Use a content delivery network to reduce page load time.
Disable Emojis if you don't use them. Within your functions.php file, add the following lines.
Remove unused plugins
Switch to a better host such as Bluehost, Site5 or HostGator.