WordPress Website speed up 90% by wp rocket autoptimize async js plugins

How to Generate an API key for Google Maps for free - by minhazul asif

Today we will see how to increase a wp website speed completely !

Video playlist: https://www.youtube.com/playlist?list=PLMqgQUPEEDtuV1Res86bgQU77IlwG-YQ3

Read The Blog Of Google Page Speed: https://developers.google.com/speed/?hl=en-US&utm_source=PSI&utm_medium=incoming-link&utm_campaign=PSI

PRECAUTIONS:::
1. complete all the tasks of website? (IF YES, THEN PROCEED)
2. do you take back up of the wp website (IF YES, THEN PROCEED) _ Using ALL IN ONE WP MIGRATION
3. do you take befores after screenshot of gtmetrix and google page speed checker (IF YES, THEN PROCEED)
4/ take backup of .htaccess

Analyze your site’s speed :::
https://gtmetrix.com/
https://developers.google.com/speed/pagespeed/insights/
https://tools.pingdom.com/
https://www.webpagetest.org

Video : 01

Video : 02

Video : 03

Video : 04

 

** Get WP Rocket Licensed Version: WP ROCKET: https://mega.nz/#!jOZDBYpI!wO9lSnMAwAarrISrQ7apJczfhKQKTcD8mTo7uwAHbrk

** WP Rocket configuration
wp rocket > settings > BASIC > LazyLoad:
“>> Tick -> Enable for images
>> Tick -> 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://

Imoji cache: Enable(by default)
Use default emoji of visitor’s 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 – if broken – remove tick) becasue this enable may cause – broken sites

Combine files:
Google Fonts – Enable
CSS – Enable

Remove query strings:
Enable -> Remove query strings from static resources (must – see what is the state of the website – if broken – remove tick)-becasue this enable may cause – broken sites

risk(render block) – enable
risk(js) – enable

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

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

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

– Settings > Autoptimize > HTML, CSS & JS
– Optimize HTML Code – Tick
– Optimize CSS Code – Tick
>> Save Changes > Save changes and empty cache
– Settings > Autoptimize > extra
– Google Fonts > 5 no. Combine and load fonts asynchronously with webfont.js
– Remove query strings from static resources -> Tick (MUST SEE SITE STATUS – if broken – romove tick)
– Settings > Autoptimize > images
– Optimize images -> TICK
– Image Optimization quality -> Lossy (MUST SEE SITE STATUS – if broken – choose GLOSSY or LOSS LESS)
– at top > aauto optimize > delete cache
risk(js) – enable
use only when speed is not sufficient

  • Async JavaScript – By By Frank Goossens (futtta) – Free Plugin configuration
  • get plugin: https://wordpress.org/plugins/async-javascript/

– settings > Async JavaScript > Wizard
– enable – async js
– Go https://gtmetrix.com/api/
– Login gtmetrix -> get api and using – user name and api – it will give you a test score.
– Step 4 ->> Proceed -> is your site is ok : YES > Apply Settings
– Async JavaScript > Settings
“- TICK – Enable Async JavaScript?
– TICK – Also enable Async JavaScript for logged in users?
– TICK – Also enable Async JavaScript on cart/ checkout pages? ”
– Tick -> Enable Autoptimize Support:
– Tick -> jQuery Method: DEFER/ asynnc – which is better ? apply that one
– Save Changes

Leave a Reply

Your email address will not be published.

Recent Post

Related Post

ইকমার্স প্লাটফর্ম এর জন্য কেন শপিফাই বেছে নিবেন?

শপিফাই হচ্ছে একটি Self হোস্টেড ই-কমার্স ওয়েবসাইট বিল্ডার যেটা ব্যবহার করে আপনি খুব সহজে আপনার ই-কমার্স ব্যবসা শুরু করতে পারবেন অথবা ক্লায়েন্টদের জন্য অনলাইন শপ

Read More »
ওয়েবসাইট ডিফেসমেন্ট কি? হ্যাকাররা কীভাবে ওয়েবসাইটগুলিকে ডিফেস করে? কিভাবে নিজেকে ওয়েবসাইট ডিফেসমেন্ট থেকে রক্ষা করবেন?
Ethical Hacking

ওয়েবসাইট ডিফেসমেন্ট কি? হ্যাকাররা কীভাবে ওয়েবসাইটগুলিকে ডিফেস করে? কিভাবে নিজেকে ওয়েবসাইট ডিফেসমেন্ট থেকে রক্ষা করবেন?

ওয়েবসাইট ডিফেসমেন্ট কি? ওয়েব ডিফেসমেন্ট হল একটি আক্রমণ যেখানে ওয়েবসাইট এর বিভিন্ন Vulnerability অথবা Web Shell আপ লোডের মাধ্যমে একটি ওয়েবসাইটে প্রবেশ করে এবং সাইটের

Read More »
ওয়েব শেল কি? ওয়েব শেল(Web Shell) Attack কি? ওয়েব শেল কিভাবে কাজ করে? জনপ্রিয় কিছু ওয়েব শেল ও ওয়েব শেল অ্যাটাক থেকে কিভাবে সুরক্ষিত থাকা যায়?
Ethical Hacking

ওয়েব শেল কি? ওয়েব শেল(Web Shell) Attack কি? ওয়েব শেল কিভাবে কাজ করে? জনপ্রিয় কিছু ওয়েব শেল ও ওয়েব শেল অ্যাটাক থেকে কিভাবে সুরক্ষিত থাকা যায়?

ওয়েব শেল কি?   একটি ওয়েব শেল হল একটি ম্যালিসিয়াস স্ক্রিপ্ট যা জনপ্রিয় ওয়েব অ্যাপ্লিকেশন ভাষায় লেখা হয় – PHP, JSP, বা ASP, এবং এগুলো

Read More »