I am so happy that you decided to do website optimization for speed which is really necessary to take up blogging professionally.
WHY IS IT SO IMPORTANT TO DO A WEBSITE SPEED OPTIMIZATION
Google says website load time should be ideally <200 ms and it is one of the ranking factors in search engines.
A question to yourself. What are you blogging for? Is it for personal pleasure as dairy keeping or is it professionally? If it is for your personal pleasure then you should not even bother about page speed and read the next.
But if you are doing it professionally then how many visitors can you retain with a slow website? In-fact your site will not even be ranked in search engines and you will be losing all your organic visitors.
For SEO, website speed is one of the most important factors as slower the website, lower is the crawl rate by search engines and hence fewer and poorer indexing of your posts.
WHAT IS PAGE SPEED?
Page speed relates to the individual posts and pages. Faster pages are a win-win situation, both for ranking your pages and as well as for conversion. It also helps to have a comfortable user experience and hence lowers bounce rates.
HOW CAN YOU INCREASE YOUR WEBSITE SPEED?
There are some-what 50 factors which can affect to speed up wordpress site. Listing few of many which affects the most.
Improve Server Response Time
Server time is affected by the traffic received, the DNS lookups of each pages, the hosting company you are associated with. If you are dealing with a very slow server time then best is to change your hosting to a good hosting solution which will make your routing faster.
Ideal server response time should be under 200 ms. To improve the server response time accelerate your time to first byte.
Leverage Browsing cache
Browsers stores the static files as html, CSS, jS, favicon, graphic images and others.
So when we visit the same site it loads faster as the static files are already cached in our browsers. The same happens when a visitor re-visits our site.
But till what time should the browser cache the files? That we can instruct by adding expires headers which gives a time limit for browsers to store the static files. If we do not change our site design frequently then an year time of expiration is good to leverage the browsing cache score.
Reduce the number of files
More the number of files requested is equal to more load time.
Suppose you are in a coffee shop and ordered for a coffee. Your friend ordered for a grilled sandwich, a chocolate milk shake and a burger. So naturally the later order will take time to serve. Same as in case of number of files requested. Browser sends separate HTTP requests to server to load each file you asked for.
So more the number of HTTP requests, more is the time to load the page. You can reduce the number of HTTP requests by cutting down CSS style sheets, removing unnecessary java-scripts as they take most of the time to load rendering to slow websites.
The more animated your webpage is, the more time it will take to load.
Why do you think the top websites have clean style-sheets?
Optimize Images and Enable compression
Compressing images will save your bytes and in turn reduce the page size. When page size reduces it naturally becomes light. And you know lighter things are easy to carry fast. So reducing page sizes will speed up wordpress website.
You can optimize your png, jpeg images both online or using wordpress image optimizer plugins. It will be easier to use a plugin for image optimization as a blog needs several images to be optimized in every post.
You can also use gzip compression to reduce the byte size more. You can install ‘Check and Enable GZip compression’ which will save bandwidth and therefore increase the loading speed of the website.
Autoptimize is another powerful wordpress plugin which will minify the HTML code as well as concatenates the scripts and styles. It automatically moves CSS styles in headers and JS in the footer (which is a recommended practice). It also adds expires headers and caches them.
Use a CDN
A content delivery network will provide fast delivery of static files as CSS, JS and images. When you use a CDN you do not need to serve the static content from a cookie less domain as your static files are already cached.
A CDN speeds up the website by routing the HTTP requests through a separate server thus helping your browser to deal with more HTTP requests at a given time.
Okay enough of explanations of terminologies.