WORDPRESS FOR BEGINNERS – Extra: Speed up wordpress website

Speed up wordpress website

There is a fairly common concern of the webmasters that the processing speed of the website. But if you’re using WordPress, it does not matter, in this article I will guide you how to speed up WordPress blog full from basic to advanced to reduce the maximum load for the server and save the page load time for users. This is a very important factor for you to improve pageviews, reducing Bounce rates on the blog.

Using caching – Cache

To acceleration WordPress website can not not mention this step because it will help you lose up to 70% of the burden for the host as well as page load time. And if you’re using the Best WordPress hosting as Hostgator, StableHost, it is even recommended cache because it will help you save more resources.
In WordPress, 2 cache plugins supports creating the best there are:
WP Super Cache – Cache Plugins create simple but very good, suitable for those who use conventional hosting.
W3 Total Cache – Free Plugins cache create the most professional of all time, suitable for WordPress websites running on separate server environment (VPS / Dedicated Server)
Of course, you should only use 1 of 2 plugins.

Using Minify

Minify help included CSS and JS files separately on your website that users can load the entire contents with a single query, and large file will be cache on the user’s browser will access them faster at the second visit.
2 plugins you can use the following:
WP Minify
Better Minify WordPress
When using Minify, please note that your website may load slower than normal in the first load, and not any theme can also use Minify because in some cases, the website will be broken frame error when using minify.

Reduce the size of CSS file

Typically, each CSS file often contains many non-critical components such as notes, space, code duplication, redundancy symbols, … etc. This caused obstacle to the speed of the website, so please relieve all CSS files in your website by the following:
Access CleanCSS.Com
Copy the contents of the CSS file in the website input CSS box, or enter the URL for the CSS file in the box CSS URL form.
In the section Layout Code you should set the following:

Then click Process CSS and you will receive a new CSS code, which is attached to it will tell you how much percentage has been reduced compared to its former size. Now, you just need to copy the new CSS file into your copy to replace it.
Just do the same for the other CSS file. If theme has fails, you copy the new CSS file put into compression and select Compression (code layout) is Standard.

Compression / reducing size image

If your WordPress website have many images, you can not skip this step for image compression to load faster. You can choose 2 way to compression: directly on the computer or using plugins.
.About compression directly on the machine, you can use the software FILEminimizer Picture.
.You can use WP Smush.It, ewww Image Optimizer plugins. After installation, when you upload photos, it automatically compressed for you. Or you can use Bulk Optimize in Media to compress all images on the host.

Gzip File Compression

Gzip compression will reduce the maximum response time by reducing the load capacity of the HTTP protocol. It can compress the static elements on websites such as CSS, JavaScript, HTML, but in theory and one of the cases, it can work with XML and JSON. Other components such as images, documents PDF..vv.co may not need to use gzip for compression because itself was available.

Apache server

If you use the normal host, it is host Apache Webserver kind, so you will need to insert the following to the .htaccess file in the root directory of the website.
# BEGIN GZIP
< ifmodule mod_deflate.c >
AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript
< /ifmodule >
# END GZIP

Nginx server

If your server is nginx webserver, insert the following into the domain configuration file of the Nginx .
server {
gzip on;
gzip_types text/html text/css application/x-javascript text/plain text/xml image/x-icon;
}

Using Browse Caching

Imagine , when you visit a website, any browser to download all the required components of a website to be able to analyze and display it. And each time the browser access all need to do this, take some time.
So, the solution Browse Caching means that it will create a buffer of a website and store it in the machine, since the visit after the browser will cache the data in the executable without reload again.

Apache server

Apache will assume this function with 2 and mod_headers mod_expires module.
To activate it, you insert the code following in your .htaccess file
# BEGIN Expire headers
< ifmodule mod_deflate.c >
ExpiresActive On
ExpiresDefault “access plus 5 seconds”
ExpiresByType image/x-icon “access plus 2592000 seconds”
ExpiresByType image/jpeg “access plus 2592000 seconds”
ExpiresByType image/png “access plus 2592000 seconds”
ExpiresByType image/gif “access plus 2592000 seconds”
ExpiresByType application/x-shockwave-flash “access plus 2592000 seconds”
ExpiresByType text/css “access plus 604800 seconds”
ExpiresByType text/javascript “access plus 216000 seconds”
ExpiresByType application/javascript “access plus 216000 seconds”
ExpiresByType application/x-javascript “access plus 216000 seconds”
ExpiresByType text/html “access plus 600 seconds”
ExpiresByType application/xhtml+xml “access plus 600 seconds”
< /ifmodule >
# END Expire headers
# BEGIN Cache-Control Headers
< ifmodule mod_deflate.c >
<filesMatch “\.(ico|jpe?g|png|gif|swf)$”>
Header set Cache-Control “public”
<filesMatch >
<filesMatch “\.(css)$”>
Header set Cache-Control “public”
<filesMatch >
<filesMatch “\.(js)$”>
Header set Cache-Control “private”
<filesMatch >
<filesMatch “\.(x?html?|php)$”>
Header set Cache-Control “private, must-revalidate”
<filesMatch >
< /ifmodule >
# END Cache-Control Headers

Nginx server

Insert the code following in the domain configuration file.
location ~* .(ogg|ogv|svg|svgz|eot|otf|woff|mp4|ttf|css|rss|atom|js|jpg|jpeg|gif|png|ico|zip|tgz|gz|rar|bz2|doc|xls|exe|ppt|tar|mid|midi|wav|bmp|rtf)$ {
expires max; log_not_found off; access_log off;
}

Save space MySQL Database

You also know that WordPress has added features to automatically save the draft articles every given time. This can be very handy for you, but it make the size of your database to bulge if you do not clean it regularly. If you are lazy to clean it, turn off it .
Declaring this code in the file wp-config.php

define('WP_POST_REVISIONS', false );

Optimize database

For a long time, your database will generate a number of garbage elements stored in that after each command executed from the server. So, you should to clean it after a certain time. I usually clean database every week. You can use the following plugin to cleanup the database:
WP Optimize plugins
Optimize DB Yoast plugins
In addition, there is a note that when you install any plugin on, it will automatically generate a data column in the table wp_options, but when you remove, the column data remains the same. After removing the plugins, use the WP Options Editor plugins to delete the data columns are no longer used.

Using CDN – Content Devilery Network

If your WordPress website has many pictures, video, … use the CDN as a way to improve speed and reduce server load. Some CDN providers today’s best paid are:
Amazon CloudFront
MaxCDN
But usually the CDN services are priced slightly expensive, suitable for use on WordPress website medium scale upwards. If you want to use a CDN for free, install CloudFlare on your WordPress website, immediately CDN is free.

Using Async techniques for JavaScript

Async is a technical asynchronous, ie the JavaScript file will not load when the browser is opened, it will only start when the other components was loaded. To apply techniques Async in website, you can use CloudFlare to custom, or you see through the plugins support Async for WordPress.

Epilogue

This is some ways to speed up WordPress blog becomes optimal. You can test your WordPress website speed at:
LoadImpact ( Free)
GTMetrix ( Free)
PingDoom Tool (Free)
Hopefully with tutorial, you will be able to speed up your WordPress website better.