wordpress website speed optimization

Learning a way to speed up WordPress is a vital ability for any web site owner.

Why?

Because page loading speed influences everything from traffic to bounce rate to conversions, user satisfaction and, ultimately, profits.

Unlike alternative “X best WordPress caching plugin” lists or generic “X tips to rushing up WordPress” tutorials, this text may be a comprehensive guide to WordPress performance optimisation.
We tried to hide everything from why speed is very important, what slows down your WordPress web site, and unjust steps that you simply will go for improve your WordPress speed instantly.

Slow Speed ends up in Lost guests

Here square measure some statistics regarding page load time and user behavior:1. Between 2000 and 2016, the common human span has born from twelve to only eight seconds
2. 47% of shoppers expect an online page to load among 2 seconds or less
3. 40% abandon a web site that takes over 3 seconds to load
4. 79% of shoppers United Nations agency square measure discontented with a website’s performance square measure less possible to come back
5. One second delay reduces conversions by seven-membered, page views by Martinmas and client satisfaction by Sixteen Personality Factor Questionnaire

To make it straightforward, we’ve created a table of contents to assist you navigate through our final guide to rushing up your WordPress web site.

WordPress Performance optimisation Best Practices

Keep Your WordPress web site Updated
Optimize Background Processes
Use Excerpts on Homepage and Archives
Split Comments into Pages
Use a Content Delivery Network (CDN)
Don’t transfer Audio/Video Files on to WordPress
Use a subject Optimized For Speed
Use quicker Plugins

While speed isn’t (yet) formally a ranking issue, it positively factors into your search position.

How so?

A slow-loading web site will increase your bounce rate. meaning the speed of users United Nations agency just about leave instantly once landing thereon. during this case, they simply don’t trouble projected around till your page is finished loading and hit the rear button instead.

If that happens, the large G can observe and downvote you since they take into account this behavior an indication of a low-quality web site.

Analyze your site’s speed :::
———————————————
1. https://gtmetrix.com/
> for gTmetrix // sign up and use api // to get best result

2. https://developers.google.com/speed/pagespeed/insights/

3. LightHouse Chrome Extenson: https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk/related?hl=en

4. Pingdom: https://tools.pingdom.com/

5. WaterFall Catcher: https://www.webpagetest.org

Clause: 01 // For all site – at first use – w3 Total Cache // free version
=================================================

1. w3 TOTAL CACHE
//work on cache, CSS & JS, HTML & XML Files
1. performance> general settings::
I. page cache –> enable …> save all changes
II. database cache –> enable …> save all changes
II. object cache –> enable …> save all changes
IV. miscellaneous –> disable gogle page speed dashboard widget > save

2. performance> browser cache::
—————————————-
FOR General::::: >> tick first 6 points
v Set the Last-Modified header
v Set expires header
v Set cache control header
v Set entity tag(Etag)
v SetW3 Total Cache header
v Enable HTT(gzip) compression

3. performance> page cache ( check – first 6 points – given tick) – of not – then tick first 6 points > save

5. At wp dashboard(Top) > performance> purge modules > page cache all
6. At wp dashboard(Top) > performance> purge all caches > ALL SET

7. performance> user agents group >
I. group name > tablet > enable > theme: show active theme >
I. group name > mobile > enable > theme: show active theme > save setting and purge

Clause: 02// WP ROCKET > Settings > LazzY Load
==========================================

2. WP ROCKET

from dashboard top > WP ROCKET > Settings > Lazzt Load
BASIC > LazyLoad:
“>> Tick -> Enable for images
>> Tick -> Enable LazyLoad for iframes and videos Enable for iframes and videos”

Mobile cache:
Enable -> caching for mobile devices
Enable -> Separate cache files for mobile devices

UserCache
Enable -> Enable caching for logged-in WordPress users

SSL cache:
Enable -> Enable caching for pages with https://

Emoji cache: Enable (By default)
Use default emoji of visitors’ browser instead of loading emoji from WordPress.org

Embedded: 
>> Disable WordPress Embeds

Cache lifespan: >>
Cache lifespan: 10 hours

WP ROCKET > Settings > Static Files

Minify files >>
HTML
CSS (must – see what is the state of the website – after caching of CSS)

Combine files:
Google Fonts – Enable
CSS – Enable

Remove query strings:
Enable -> Remove query strings from static resources

Render-blocking CSS/JS:
Enable -> Load CSS files asynchronously

WP ROCKET > Settings > PRELOAD
Sitemap preloading:
Enable -> Activate sitemap-based cache preloading
Preload bot -> Enable -> Automatic

Clear cache – finally by WP ROCKET 
wp dashoard > at top > wp rocket > clear cache
wp dashoard > at top > wp rocket > purge opcache/ preload cache
MUST DELETE – W3 TOTAL CACHE – IF IT IS INSTALLED 

LightHouse Chrome Extensions
=============================
get lighthouse:
https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk?hl=en

What is LightHouse Chrome Extensions: 
————————————————————
Lighthouse is a third party of Google page speed checker and this third party has a Chrome extension which is known as Lighthouse Chrome extension.
extension can check the speed of a website from browser and contract the issues of the website for bad speed
and those issues can be fixed easily by some free plugins.

Autoptimize – By By Frank Goossens (futtta) – Free Plugin 
===================================================
get plugin: https://wordpress.org/plugins/autoptimize/

How to use 
===========
– Settings > Autoptimize > main
– Optimize HTML Code – Tick
– Optimize JS Code – Tick
– Optimize CSS Code – Tick
>> Save Shanges > Save changes and empty cache
– Settings > Autoptimize > extra
– Google Fonts > Combine and load fonts asynchronously with webfont.js
– Remove query strings from static resources -> Tick
– Settings > Autoptimize > images
– Optimize images -> on the fly and serve them from a CDN. -> TICK
– Image Optimization quality -> Lossy

If you want to hire me: click here for getting your site speedy : 

bit.ly/minhazul_speedup