Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
litespeed_wiki:cache:lscwp:configuration:tuning [2018/03/29 20:09] Lisa Clarke Adjusted title |
litespeed_wiki:cache:lscwp:configuration:tuning [2018/11/26 15:15] Lisa Clarke [Load Google Fonts Asynchronously] Updated for v2.7.3 |
||
---|---|---|---|
Line 42: | Line 42: | ||
You may not wish to enable asynchronous loading of //all// of your CSS, but you do want it for just the Google Fonts. If enabled, this option will allow you to load Google Fonts asynchronously without also loading the other CSS that way. Additionally, this option adds a preconnect to Google so that the fonts may be downloaded more quickly. | You may not wish to enable asynchronous loading of //all// of your CSS, but you do want it for just the Google Fonts. If enabled, this option will allow you to load Google Fonts asynchronously without also loading the other CSS that way. Additionally, this option adds a preconnect to Google so that the fonts may be downloaded more quickly. | ||
+ | As of v2.7.3, this option has been improved, and now results in even faster page load times. [[litespeed_wiki:cache:lscwp:configuration:tuning:google-fonts|Learn more.]] | ||
===== Remove Google Fonts ===== | ===== Remove Google Fonts ===== | ||
//off// | //off// | ||
Line 50: | Line 51: | ||
//empty string// | //empty string// | ||
- | When **Load CSS Asynchronously** is enabled in the **Optimize** tab, you may wish to single out a few definitions that must be loaded first in order to properly style above-the-fold content. Enter those rules here in plain CSS, just as they appear in your stylesheet. | + | When **Load CSS Asynchronously** is enabled in the **Optimize** tab, critical CSS is generated automatically. You may wish to single out a few additional definitions that must be loaded first in order to properly style above-the-fold content. Enter those rules here in plain CSS, just as they appear in your stylesheet. They will be appended to the generated CSS. |
===== JS Deferred Excludes ===== | ===== JS Deferred Excludes ===== |