WEBSITE OPTIMIZATION WORKFLOW

Complete Guide for Website Speed Optimization

 

Task 1: Optimizing Speed and Performance of Website (1 hour)

On Google, search for page speed insight or you can type below URL

URL: https://developers.google.com/speed/pagespeed/insights/. Add your website URL in the box (enter a web page URL box) and click on analyze. After analysis, you will get a report, about the performance of your website which includes:

  • Image optimization
  • Minifying HTML
  • Minifying CSS
  • Minifying JS
  • Server response time

And they will provide optimized contents as well.

             OR

On Google, search for GTmetrix or you can type below URL https://gtmetrix.com/

Add your website URL in the box (enter a web page URL box) and click on analyze. After analysis, you will get a report, about the performance of your website which includes:

  • Image optimization
  • Minifying HTML
  • Minifying CSS
  • Minifying JS
  • Server response time

And they will provide optimized contents as well.

Task 2: For Website Speed Optimization, We need to Install (Recommended) (1 hour)

  • WP fastest cache ( caching plugin)
  • Autoptimize (HTML, CSS, and image optimization)(not for JS optimization)
  • Smush ( image optimization – good to have not mandatory depends on the number of images)
  • CloudFlare CDN 

Task 3: How to Configure Above Plugins?

Smush: 30 min

  • Login to WordPress website dashboard ex: if your website URL is com
  • Admin dashboard URL will be com/wp-admin.
  • Enter username and password and log in to the dashboard
  • Check for the left sidebar, you will find a plugin option, click on the plugin – Ex: Smush
  • A plugin with this name will appear, click on install to activate
  • Now go to the left sidebar you will find Smush plugin name, click on that!
  • Now you will get an option to Smush images click on that. It will optimize the images.

WP-Fastest Cache: 30 min

  • Login to wordpress website dashboard ex: if your website URL is com
  • Admin dashboard URL will be com/wp-admin.
  • Enter username and password and log in to the dashboard
  • Check for the left sidebar, you will find a plugin option, click on the plugin – Ex: WP-Fastest Cache
  • A plugin with this name will appear, click on install to activate
  • You will be prompted to this window
  • Now go to the left sidebar you will find WP-Fastest Cache plugin name, click on that!
  • Checkmark all the options one by one and save changes
  • Note: Don’t check on combine JS – it may break your site.
  • Now click on delete cache tab and delete cache
  • After doing all these steps check your performance and

Try- https://developers.google.com/speed/pagespeed/insights/ for performance

CloudFlare CDN: 1 hour

To setup CloudFlare, the first thing you need to do is to sign up for an account.

  • Visit the CloudFlare website and click on the Signup link.  https://www.cloudflare.com/
  • Adding Domain Name to CloudFlare– Enter your website domain name and click on Scan DNS Records button to proceed.
  • Check DNS records for your domain name in CloudFlare & press continue. Note: Do not enable CloudFlare for cPanelmail, FTP or any other system reserved sub-domains as it can result in various DNS issues.
  • Point your domain name to CloudFlare name servers & press continue. Follow this link to change domain name servers- https://www.hostinger.com/tutorials/dns/how-to-change-domain-nameservers/
  • Install and Configure the CloudFlare plugin on WordPress
  • After installation is finished then navigate to plugins section and click on the Installed Plugins Find the CloudFlare plugin and click on the Settings button.
  • You will be prompted by the CloudFlare login page where you will need to enter your email address and API key.
  • Click on Get your API Key from here
  • A window will pop up which will open your CloudFlareaccount where you will be able to find your API Key under API KEY
  • After obtaining your API Key, enter your email address and API Key inside your website and click on SAVE API Credentials
  • Go to the CloudFlaresettings page, click on the Apply button under Apply Default Settings You can also use default CloudFlare settings.

Recommended: Enable Automatic Cache by clicking on the Apply button in the Automatic Cache section. Enabling Automatic Cache purge will clear the entire CloudFlare cache when your website is updated.

Autoptimize: 30 min

  • Login to wordpress website dashboard ex: if your website URL is com
  • Admin dashboard URL will be com/wp-admin.
  • Enter username and password and log in to the dashboard
  • Check for the left sidebar, you will find a plugin option, click on the plugin – Ex: Autoptimize
  • A plugin with this name will appear, click on install to activate
  • You will be prompted to this window
  • Now go to the left sidebar you will find Autoptimize plugin name, click on that!
  • Checkmark all the options one by one and save changes
  • Now click on delete cache tab and delete cache
  • After doing all these steps check your performance and

Task 4: For Website Security (Recommended) (1 hour)

  • For Website security, we should have a security plugin on our website. Plugin name: Wordfence.
  • This plugin will scan our entire website files and will show if any files are infected.

Task 5: For Website Backup (Recommended) (2 hours)

Losing data is scary so we should set an automated backup. There is a plugin which will do our job, Plugin name: Updraft plus or AWS (automated backup). For more info go to this link: https://boostrust.com/store/aws-automation-backup-workflow/

Smush: 30 min

  • Login to wordpress website dashboard ex: if your website URL is com
  • Admin dashboard URL will be com/wp-admin.
  • Enter username and password and log in to the dashboard
  • Check for the left sidebar, you will find a plugin option, click on the plugin – Ex: Smush
  • A plugin with this name will appear, click on install to activate
  • Now go to the left sidebar you will find Smush plugin name, click on that!
  • Now you will get an option to Smush images click on that. It will optimize the images.

WP-Fastest Cache: 30 min

  • Login to wordpress website dashboard ex: if your website URL is com
  • Admin dashboard URL will be com/wp-admin.
  • Enter username and password and log in to the dashboard
  • Check for the left sidebar, you will find a plugin option, click on the plugin – Ex: WP-Fastest Cache
  • A plugin with this name will appear, click on install to activate
  • You will be prompted to this window
  • Now go to the left sidebar you will find WP-Fastest Cache plugin name, click on that!
  • Checkmark all the options one by one and save changes
  • Note: Don’t check on combine JS – it may break your site.
  • Now click on delete cache tab and delete cache
  • After doing all these steps check your performance and

Try- https://developers.google.com/speed/pagespeed/insights/ for performance

CloudFlare CDN: 1 hour

To setup CloudFlare, the first thing you need to do is to sign up for an account.

  • Visit the CloudFlare website and click on the Signup link.  https://www.cloudflare.com/
  • Adding Domain Name to CloudFlare– Enter your website domain name and click on Scan DNS Records button to proceed.
  • Check DNS records for your domain name in CloudFlare & press continue. Note: Do not enable CloudFlare for cPanelmail, FTP or any other system reserved sub-domains as it can result in various DNS issues.
  • Point your domain name to CloudFlare name servers & press continue. Follow this link to change domain name servers- https://www.hostinger.com/tutorials/dns/how-to-change-domain-nameservers/
  • Install and Configure the CloudFlare plugin on WordPress
  • After installation is finished then navigate to plugins section and click on the Installed Plugins Find the CloudFlare plugin and click on the Settings button.
  • You will be prompted by the CloudFlare login page where you will need to enter your email address and API key.
  • Click on Get your API Key from here
  • A window will pop up which will open your CloudFlareaccount where you will be able to find your API Key under API KEY
  • After obtaining your API Key, enter your email address and API Key inside your website and click on SAVE API Credentials
  • Go to the CloudFlaresettings page, click on the Apply button under Apply Default Settings You can also use default CloudFlare settings.

Recommended: Enable Automatic Cache by clicking on the Apply button in Automatic Cache section. Enabling Automatic Cache purge will clear the entire CloudFlare cache when your website is updated.

Autoptimize: 30 min

  • Login to wordpress website dashboard ex: if your website URL is com
  • Admin dashboard URL will be com/wp-admin.
  • Enter username and password and log in to the dashboard
  • Check for the left sidebar, you will find a plugin option, click on the plugin – Ex: Autoptimize
  • A plugin with this name will appear, click on install to activate
  • You will be prompted to this window
  • Now go to the left sidebar you will find Autoptimize plugin name, click on that!
  • Checkmark all the options one by one and save changes
  • Now click on delete cache tab and delete cache
  • After doing all these steps check your performance and

Task 4: For Website Security (Recommended) (1 hour)

  • For Website security, we should have a security plugin on our website. Plugin name: Wordfence.
  • This plugin will scan our entire website files and will show if any files are infected.

Task 5: For Website Backup (Recommended) (2 hour)

Losing data is scary so we should set an automated backup. There is a plugin which will do our job, Plugin name: Updraft plus or AWS (automated backup). For more info go to this link: https://boostrust.com/store/aws-automation-backup-workflow/