CodemanBD

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 Comment

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