File optimization strategies checklist

File optimization strategies checklist

Lesson Details:
April 24, 2020

Video Transcription: In this video let's cover file minification strategies that will help you reduce the sizes of your files and will help you speed up your website loading speeds this video is brought to you by Appy Pie’s Academy. and we're just gonna cover some good basic approaches that are common good practices the first one is to essentially minify compress and cache your files that goes for your JavaScript for your CSS whatever you can sometimes you cannot do that because it might be third-party libraries but if it's your own libraries that you're your own code you can always minify compress cache the only caveat to that is caching and compression sometimes in different servers servers server configurations it's done differently so I would strongly recommend contacting hosting support because you don't want to break some settings on your server and cause damage so you want to get support from your hosting provider I actually that's exactly how I set mine up and on mine for example I had something like CD CDN was available for free and so you can they can help you set that up and I didn't want to mess with that on my own because it's just a little bit it takes a little bit more server savvy and server configuration timing that most people just don't have even if you're technical you might not know the details of how to set all those things up and you're always at risk of breaking it so I strongly strongly recommend working with either a professional or your hosting support to help you with caching and command and server-side compression in enabling gzip and all these things also the other strategy that I really strongly suggest to you is what I would call reconsider trim preload and async it's the other strategy which is do you really need the code you should always reconsider like maybe you have some fancy CSS third-party library but it might give you a second or two second slowdown of your page rendering because you need to fetch that library so if you have some D fold style that you can have that is 80 or 90% of the pretty prettiness of the third party style maybe you don't want to sacrifice the speed so you settle for the 80 or 90% of the prettiness of design but you get you gain side side load speed and so it's a trade-off either way either you make your site more beautiful or you make it simpler and faster to load which either of those things will give you the tone benefits and it's just your decision sometimes you just cannot have both the way you can get to get closer to having both is by trimming your own CSS file and sometimes copying the third-party libraries internally to your server and then trimming things like that that you are actually not using so there's often some CSS code that you maybe change many many times and be a big part of your CSS file maybe unused but your your browser still has to parse it and if that takes time so if you trim things that can help you speed up your page load speed and there's the preload tag that I cover elsewhere in the course you can use that to start loading things faster as your page loads and of course there is a sink for different scripts that don't need to render immediately as the page load loads so these are all tactics little tactics that together really combine to speed up your site so if every time you have some files CSS files JavaScript files rich media files run through this checklist and ask yourself have I done all of this can I do something is there something here that I haven't done that I can do because these are all relatively low hanging fruit and they're all gonna help you speed up your page load.

Course content