diff options
| author | Mark Otto <[email protected]> | 2021-09-13 22:20:49 -0600 |
|---|---|---|
| committer | GitHub <[email protected]> | 2021-09-13 22:20:49 -0600 |
| commit | 30bddc702f36a7a1b04771546f71033044d65b7a (patch) | |
| tree | 710fd90333caba16634162125155fee7c7c8b93d /site/content/docs/5.1/customize/optimize.md | |
| parent | 8dbe58a54a117a9ad86b7d98ac9a2d3fb2851b3f (diff) | |
| parent | 55a352d02304cb0012194c33b8b50f9426b53f94 (diff) | |
| download | bootstrap-css-vars-btn.tar.xz bootstrap-css-vars-btn.zip | |
Merge branch 'main' into css-vars-btncss-vars-btn
Diffstat (limited to 'site/content/docs/5.1/customize/optimize.md')
| -rw-r--r-- | site/content/docs/5.1/customize/optimize.md | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/site/content/docs/5.1/customize/optimize.md b/site/content/docs/5.1/customize/optimize.md index 29b152154..fc61728ce 100644 --- a/site/content/docs/5.1/customize/optimize.md +++ b/site/content/docs/5.1/customize/optimize.md @@ -71,9 +71,9 @@ Lastly, this [CSS Tricks article on unused CSS](https://css-tricks.com/how-do-yo Whenever possible, be sure to compress all the code you serve to your visitors. If you're using Bootstrap dist files, try to stick to the minified versions (indicated by the `.min.css` and `.min.js` extensions). If you're building Bootstrap from the source with your own build system, be sure to implement your own minifiers for HTML, CSS, and JS. -## Nonblocking files +## Non-blocking files -While minifying and using compression might seem like enough, making your files nonblocking ones is also a big step in making your site well-optimized and fast enough. +While minifying and using compression might seem like enough, making your files non-blocking ones is also a big step in making your site well-optimized and fast enough. If you are using a [Lighthouse](https://developers.google.com/web/tools/lighthouse/) plugin in Google Chrome, you may have stumbled over FCP. [The First Contentful Paint](https://web.dev/fcp/) metric measures the time from when the page starts loading to when any part of the page's content is rendered on the screen. |
