Autoptimize Tutorial 2021 🔥 Best JS CSS HTML Minify WordPress Plugin 💯

in this video we will see how to optimize the static resources of our website we are going to use a plugin called autoptimize which will minify our html css and javascript files the free version of autoptimize has a complete feature set for optimizing your wordpress site let's go to our website as usual go to plugins and then click add new search to auto-optimize [Music] remember the spelling here is only one common o we need to install this plugin [Music] do [Music] [Music] [Music] once installed click activate [Music] once you have activated this plugin now we can go to settings and then optimize to set this plugin first [Music] let's enable the optimize javascript code it will optimize all your javascript codes from your site after enabling that by default aggregate js files will be marked automatically [Music] then click also aggregate inline js and leave the other options untouched because most of the cases are not so effective if we get any errors then we will touch them our javascript optimization is complete for now then go to css options check optimize css code it will open other options too just check that the first four boxes are marked [Music] html options mark html optimization cdn options if you are using cdn for your website put the cdn url here if using cloudflare you don't need to do anything scroll down in the miscellaneous option you have first four option will be enabled by default but the last option about optimizing the shop card or checkout will be disabled if you are running an ecommerce website then it is important to market let me check this site has a cart or not [Music] yes this site has [Music] market save changes and purge the cash so let's check our site is running well or something is broken [Music] [Music] everything is fine let's jump to the images menu before touching this option please make sure that you are not using a different image optimization plugin if you are already using optimally or a magify or another then just ignore it but right now i don't have any image optimization plugin installed so i click optimize images some more options will be opened select image optimization quality you can choose as your choice [Music] enable webp image load by default lazy load will be marked [Music] press save changes [Music] then go to criticalcss this is for premium users if you are not a pro user just leave it then move to extras [Music] google font optimization is very much important i prefer to select the third option because the last one may give you a bad experience on mobile devices then follow my other steps too remove emojis remove query strings and save changes so our optimization is done [Music] let's check the speed meters what is our loading time page size and request numbers [Music] so our analysis is complete if we compare this we see our page size was 1.40 megabyte and total page request was 53 and now it is 350 kilobytes and only 23 requests let's have a look at google page speed insight the previous page speed score was 59 and now it is 87 and desktop it gives a very much well result too if you like my videos please subscribe and visit my playlist to get in touch

Channel: WP Wiki - Optimize Wordpress

Views: 8,888

Keywords: autoptimize, autoptimize plugin, autoptimize wordpress, autoptimize settings, autoptimize wordpress plugin, autoptimize cache, wp autoptimize, autoptimize plugin wordpress, autoptimize lazy load, autoptimize plugin settings, autoptimize settings 2020, autoptimize cloudflare, autoptimize css, autoptimize gzip, autoptimize elementor, autoptimize cdn, autoptimize auto clear cache, autoptimize and wp rocket, autoptimize settings wordpress, autoptimize woocommerce, best settings

Id: Cet5AWxOKhg

Length: 7min 40sec (460 seconds)

Published: Sun Mar 28 2021