Post by account_disabled on Mar 13, 2024 0:09:59 GMT -5
The to separate above the fold JavaScript and CSS from the rest of the code. perfectscore.jpg If you start with your generic Wordpress install you often get a score in the s and s. And this is where the problem comes in. Optimization often is left to the end of a big project when you can just as easily start at the very top and do your very best to stay there along the way. The numbers I gathered above are from my default BootstrapWordpress install but it still scores the same without Wordpress and with simply Bootstrap. So lets break down what the above configurations are doing.
Prioritize critical CSS This filter is pretty simple in explanation but Anhui Mobile Phone Number List does some heavy lifting on the back end. It finds all CSS rules necessary for the initial render and they are placed inline within the page. styling everything in the main menu and header that is above the fold on page load. PSM identifies all of this and will inline it within the HTML in the cached version of your page. That way page load isnt slowed down because its waiting for all the different style sheets to be downloaded first.
Defer JavaScript This works with Bootstrap alone but must be tested when adding your own custom JavaScript or from a lazy Wordpress plugin writer. Basically it tries to pause the JavaScript execution until the page loads. You can see an example of how this works on the modpagespeed before and after example. Notice on the after example all the text and images show up first. When the page is done loading text generated by JavaScript finally shows up. Again this works great on a clean default Bootstrap install but some consideration should be taken when using this filter. Especially if there are certain elements of JavaScript that need to be executed ASAP. This filter has also
Prioritize critical CSS This filter is pretty simple in explanation but Anhui Mobile Phone Number List does some heavy lifting on the back end. It finds all CSS rules necessary for the initial render and they are placed inline within the page. styling everything in the main menu and header that is above the fold on page load. PSM identifies all of this and will inline it within the HTML in the cached version of your page. That way page load isnt slowed down because its waiting for all the different style sheets to be downloaded first.
Defer JavaScript This works with Bootstrap alone but must be tested when adding your own custom JavaScript or from a lazy Wordpress plugin writer. Basically it tries to pause the JavaScript execution until the page loads. You can see an example of how this works on the modpagespeed before and after example. Notice on the after example all the text and images show up first. When the page is done loading text generated by JavaScript finally shows up. Again this works great on a clean default Bootstrap install but some consideration should be taken when using this filter. Especially if there are certain elements of JavaScript that need to be executed ASAP. This filter has also