3 Step to increase Website Speed ( Quick Boostup )

(Last Updated On: June 22, 2018)

“3 Step to increase Website Speed”

Today i’m going to show you

How i Increased Website Speed

in less than 30 Minute

How did i Increased these Website Speed ?

“3 Step Guide” 

“and in thise Guide  i’m going to show you exactly how i did it , step by step Process

Let’s Do Thise !

3 Step to increase Website Speed (Quick Boostup)

Many people create a website, they customize it well, but when the visitor comes on their website then the speed slow of the website remains And then the visitor does not stop much time on their website, and if the website does not fast, then the visitor will close your website before opening, which leads to a loss.

  • Is your website slow ?
  • Do not visit any visitors on your website ?

If any of you are facing the problem above, then today’s article is for you.beacase in thise article i will show you the exact  3 Step to increase Website Speed “

Step 1 :- ( Hosting )

Whatever your hosting or server should have a good response time , Hosting matter too much to increase speed of website, You may have seen that lots of websites load fast Because the hosting of those websites is fast The real reason for website speed is hosting Other website optimisation also affect speed But 50% of the part is hosting the website in Speed Up.

So you have to purchase premim fast hosting Whose uptime should be 99.9%.So I suggest you a hosting And the name of that fast hosting company is Digital Ocean If you use the hosting of Digital Ocean, your website will never go offline

They gives you free hosting for 2 months. You can check that hosting in those two months. If you like hosting, then pay 2 months later, if it gets useless, then change the hosting.But I personally use the digital Ocean hosting and And I will recommend you this

Step 2 :- ( Optimise Images )

Having more images in the website does not load your website fast,I give you an example “If you uploaded 4-5 images to your post and we assume 1 image = 200kb, then the size of the 5 image is 1MB.And if your page size is 1MB then your website will load slowly

What you have to do to solve problem of image’s ?

Process : –  (1) Open photoshop and drag the image in photoshop now click on file-save for web option select the location where you want to save that image and finally click on save now your image size is reduced from 200kb to 70-80kb

(2) Now you have a compressed image that you have exported from Photoshop,Now you have to open the tinypng.com website and drag the image that you exported from Photoshop to tinypng.com, the image will be compressed in 1-2 seconds and now you have to download that compressed image and upload in your website

(3) You now have a compressed image, which  size of 20-30kb Now you have to make the finals step. You have to install a plugin named imagify in your website What will happen to this plugin whenever you upload an image, it will automatically compress it further.And if you follow this step then your image size will be 10-12kb and the quality of the image will not be loss

Step 3 :- ( Website Optimisation )

I personally use a plugin to optimize the website And the name of that plugin is WPROCKET Its setting is also very simple, So let me tell you how to do that plugin’s setting ( 3 Step to increase Website Speed ( Quick Boostup )

The Dashboard gives you information about your license and when it expires In the Dashboard you can Remove All Cached Files,Start Cache Preloading,andPurge OPcache Content (purges the OPcahce which prevents issues when you update the WP Rocket plugin).

  1.  you have to activate Enable caching for mobile devices  it’s make your website mobile friendly Also select Separate cache files for mobile devices. Because WP Rocket’s mobile caching works safest with both options enabled. When in doubt, keep both
  2. Enable caching for logged in WordPress users you can use that option if have ecommerce or membership website
  3. Cache lifespan Here you can give time, how many hours later your cache should be removed ( 10 hours )

click on save setting and preview your website if you see any broken issue then immedetly deactivate setting

Minifying files reduce file sizes and can improve loading time. Minification removes spaces and comments from static files, enables browsers and search engines to faster process HTML, CSS, and JavaScript files.

Combining files will concatenate files into smaller groups in order to ensure theme/plugin compatibility and better performance. However forcing concatenation into just 1 single file is not recommended, because browsers are faster downloading up to 6 smaller files in parallel than 1-2 large files.

Combining CSS and JS into fewer files is considered a best practice under HTTP/1, that’s not necessarily the case with HTTP/2. If your site runs on HTTP/2, here are the things you should consider when configuring WP Rocket for HTTP/2.

1. Minify HTML files will remove whitespace and comments to reduce the size of the web pages on your site.

2. Combine Google Fonts files will reduce the number of HTTP requests (especially if you are using multiple fonts).

3. Remove query strings from static resources can improve the performance grade on GT Metrix. This setting removes the version query string from static files (e.g. style.css?ver=1.0) and encodes it into the file name instead (e.g. style-1-0.css).

4. Minify CSS files will remove whitespace and comments to reduce stylesheet file sizes.

5. Combine CSS files merges all your files into just one file, which will reduce the number of HTTP requests. Not recommended if your site uses HTTP/2.

Important: This could break things! If you notice any errors on your website after having activated this setting, just deactivate it again, and your site will be back to normal.

6. Optimize CSS delivery eliminates render-blocking CSS on your website for faster perceived load time. This means that your page will start to load without CSS styles and this is something Google PageSpeed Insights takes into consideration when ‘scoring’ page speed.

Critical path CSS means that your page will start loading without all its CSS styles. That means it could look a little strange for a few moments while loading.

This is called the FOUC (flash of unstyled content). To avoid this, you must use what is called Critical Path CSS. This means that the CSS for the content at the top of your page must be placed directly in the HTML to avoid the FOUC while the page loads.

To generate the critical path CSS you can use this Critical Path CSS Generator tool.

7. Minify JavaScript files remove whitespace and comments to reduce the size of JS files.

8. Combine JavaScript files combine your site’s JavaScripts info fewer files, reducing HTTP requests. Not recommended if your site uses HTTP/2.

Important: This could break things! If you notice any errors on your website after having activated this setting, just deactivate it again, and your site will be back to normal.

9. Load JavaScript deferred eliminates render-blocking JS on your site and can improve load time. This is something Google PageSpeed Insights takes into consideration when ‘scoring’ page speed.

10. Safe Mode for JQuery ensures support for inline jQuery references from themes and plugins by loading jQuery at the top of the document as a render-blocking script.

1. Lazy load images mean that images will be loaded only as they enter

2. Lazy load iframes and videos mean that iframes and videos will be loaded only as they enter

3. Replace YouTube iframe with preview image can significantly improve your loading time if you have a lot of YouTube videos on a page.

4. Disable Emoji should be disabled because the default emoji of visitors’ browser should be used instead of loading emoji from WordPress.org. Disabling emoji caching reduces the number of HTTP requests which can improve load times.

5. WordPress embeds should be disabled because it prevents others from embedding content from your site, it also prevents you from embedding content from other sites, and removes JavaScript requests related to WordPress Embeds

CDN Setting :- I do not use cdn so i’m skip this step

now you have done wprocket setting ” i hope yo enjoyed 3 Step to increase Website Speed ( Quick Boostup ) ”

Download Wp Rocket :

for download wprocket click on below button and put your email id and click on send me the plugin after that we send you a confirmation email in next 5 sec please confirm your email after you confirm your email we send you that plugin in next 2-3 hour’s if you want that plugin urjent then again open thise post click on below button and put your registerd email id ( Email that you just registered ) and click on send me the plugin thise time your plugin start downloading

Click To Access WPROCKET

Summary
3 Step to increase Website Speed ( Quick Boostup )
Article Name
3 Step to increase Website Speed ( Quick Boostup )
Description
In thise article i will show you the exact step by step guide to approved your adsense account.
Author
Publisher Name
A1blogging
Publisher Logo

2 Comments

  1. Nice post
    U r working a lot

Leave a Comment

Your email address will not be published. Required fields are marked *

* Checkbox GDPR is required

*

I agree