Removing whitespace and code commenting is what’s called “minification.” A slight uptick in speed and savings of 50-100 milliseconds is what you can expect to see when minifying CSS, JS, and HTML files.
Load Asynchronously Or Remove CSS
Optimize the page for speed by loading content asynchronously or removing unnecessary CSS slowing download times on the website, particularly anything that blocks from rendering above-the-fold elements. Suppose the critical path CSS is auto-generated for faster load times. In that case, a fall-back file must be provided when a browser loads a web page while the critical CSS is still generating or when the content delivery network (CDN) cache is manually flushed or automatically flushed on a schedule.
Critical CSS usually loads following the title tag.
<title>SEO Audit Expert</title><style id="critical-css">critical style here</style>
Loading with “src,” Render-blocking scripts prolong load time and affect the Core Web Vitals scoring and is achieved by waiting for other assets to load. Loading with “src,” Render-blocking scripts extend load time and affect the Core Web Vitals scoring and is achieved by waiting for other assets to load.
Remove render-blocking JS on the website by adding the “defer” tag in each JS script tag. The JS file will be excluded from loading, and there’s an option to exclude any JS files to be deferred.
All deferred scripts will display at the end of the source code immediately preceding the close body and close HTML tags. Here is an example of JS that is deferred:
<script src='https://seoaudit.expert/wp-includes/js/hoverIntent.min.js?ver=1.10.1' id='hoverIntent-js' defer></script>
If this problem occurs, there’s a possible conflict with a deferred JS, and the delay configuration needs to be turned off.
Relative Vs. Absolute Paths
When combining files, don’t use absolute path, only relative.