A lot of the time you desperately want to improve the performance of your site, but you just don't have the time or budget to do so. Here are a couple of quick things you might have missed. Fixing these takes no time at all and can have incredible results.
You have render blocking scripts
Render blocking scripts are any scripts that stop your page being loaded as quickly as possible. Typically when an HTML page is parsed and a script is found, the page stops being loaded while it fetches and then executes the script it just found. This can add unnecessary load times and affect your first meaningful paint.
First Meaningful Paint is the time when page's primary content appeared on the screen. This is now Google’s primary metric for user-perceived loading experience.
The best way to address this issue is with the async and defer script attributes. Using an async attribute will download the file while the HTML continues to parse and then pauses the HTML on execution. Defer will also download the file while the HTML parses, but it will also wait until the parser has completed before executing. Defer scripts will still execute in the order they appeared in the document too. There is a great article by Growing With The Web which goes into this in more detail.
You are loading too many offscreen images
Offscreen images are any images that are not in view when the user first lands on the page. This includes images below the fold, as well as things like other slides in an image carousel. On long pages or ones that feature a big image gallery, you may find that loading all the images in on page load is having a pretty massive impact on your page load.
You might say, “But I need all these images on my page”, and that’s fine, you don’t need to remove any images from your site to improve its load time. You just don’t need them all yet. The most important thing a developer can do when working to improve their page speed is decide what should be on the page on the initial load. There is no point loading all 20 images in your pretty image gallery when only one of them is going to visible until the user starts interacting with the page.