With the launch of Google’s AMP project, the debate over web page loading time seems to have acquired a new ground altogether. Everyone seems to be in a maddening frenzy to optimize their site and reduce page load time.
1. Use a caching plugin
If you were using WordPress, one of the quickest and easiest ways to increase your page loading speed is to install a caching plugin like WP Total Cache or WP Super Cache. Of course, if you are using WP Engine, you can skip this point as they have caching built-in.
Both of the plugins mentioned above are free to download. Despite their name, caching plugins do quite a lot beyond browser caching, although that is their primary function. Using WordPress and looking to improve page speed quickly, it’s often easier to just install a plugin.
2. Add expire Header
If you want to set Expire Headers for all of your image,js and css file you have to open and edit your .htaccess file and the following rule:
FilesMatch sets the file extensions that are affected by the ExpiresActive rule while the ExpiresDefault sets the cache time, when that time expires then your website visitor browser will request once more the files.
ExpiresDefault is access time (A) plus 30 days (2592000 seconds), so using the same rule you can set your own ExpiresDefault time(just be careful to calculate in seconds).
If you want to set a separate Expire Headers rule for each of your file types then you can use the following snippet on your .htaccess.
ExpiresByType image/png A2592000
ExpiresByType image/gif A2592000
ExpiresByType image/jpg A2592000
ExpiresByType image/jpeg A2592000
ExpiresByType text/css A2592000
3. Compress your images
If you’re using WordPress, install the WP Smush.it plugin to automatically compress your images. This will reduce the size of your images without losing any visual quality.
Even you can use compressed images before you upload it. There are many online site available to compressed your images.
4. Minify your CSS and JS files
There are several ways to minify your files mainly you can do with online. For instance follow this online tool minifier.org
5. Put CSS at the top and JS at the bottom
6. Delete unwanted or unused plugins
With WordPress sites, plugins are usually the biggest culprit for slowing the site down. If there are any plugins that you’re no longer using or aren’t essential, delete them.
7. Use CSS Sprites
A sprite is one big image that contains all of your images. They look similar to those sticker sets you used to get with one hundred stickers on a single sheet. Using CSS you can ‘hide’ everything in the image except for a section between a set of co-ordinates.
The fastest way to use CSS sprites is to use SpriteMe or Instant Sprice, which is a tool that enables you to easily turn all of your images into a CSS sprite.
8. Replace PHP with static HTML where possible
PHP is great for making your site efficient and reducing the need to enter the same information multiple times. However, calling information through PHP uses up server resource and should be replaced with static HTML where it doesn’t save any time