ꯑꯣꯞꯇꯤꯃꯥꯏꯖ ꯇꯧꯕꯥ꯫
ꯅꯍꯥꯛꯀꯤ ꯄ꯭ꯔꯣꯖꯦꯛꯇꯁꯤꯡ ꯑꯗꯨ ꯂꯦꯡꯗꯅꯥ, ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯑꯣꯏꯕꯥ, ꯑꯃꯁꯨꯡ ꯃꯦꯟꯇꯦꯅꯦꯕꯜ ꯑꯣꯏꯅꯥ ꯊꯝꯃꯨ ꯃꯔꯝ ꯑꯗꯨꯅꯥ ꯅꯍꯥꯛꯅꯥ ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯐꯕꯥ ꯑꯦꯛꯁꯄꯔꯤꯌꯦꯟꯁ ꯑꯗꯨ ꯄꯤꯕꯥ ꯉꯃꯒꯅꯤ ꯑꯃꯁꯨꯡ ꯍꯦꯟꯅꯥ ꯃꯔꯨꯑꯣꯏꯕꯥ ꯊꯕꯀꯁꯤꯡꯗꯥ ꯃꯤꯠꯌꯦꯡ ꯊꯝꯕꯥ ꯉꯃꯒꯅꯤ꯫
ꯂꯤꯟ ꯁꯥꯁ ꯏꯝꯄꯣꯔꯠ ꯇꯧꯏ꯫
ꯅꯍꯥꯛꯀꯤ ꯑꯦꯁꯦꯠ ꯄꯥꯏꯄꯂꯥꯏꯅꯗꯥ ꯁꯥꯁ ꯁꯤꯖꯤꯟꯅꯔꯀꯄꯥ ꯃꯇꯃꯗꯥ, @import
ꯅꯍꯥꯛꯅꯥ ꯃꯊꯧ ꯇꯥꯔꯤꯕꯥ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡ ꯑꯗꯨ ꯈꯛꯇꯃꯛ ing ꯇꯧꯗꯨꯅꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯑꯗꯨ ꯑꯣꯞꯇꯤꯃꯥꯏꯖ ꯇꯧꯕꯥ ꯁꯣꯌꯗꯅꯥ ꯇꯧꯕꯤꯌꯨ꯫ ꯑꯗꯣꯃꯒꯤ ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯆꯥꯎꯕꯥ ꯑꯣꯞꯇꯤꯃꯥꯏꯖꯦꯁꯅꯁꯤꯡ ꯑꯁꯤ Layout & Components
ꯑꯩꯈꯣꯌꯒꯤ bootstrap.scss
.
// Configuration
@import "functions";
@import "variables";
@import "maps";
@import "mixins";
@import "utilities";
// Layout & components
@import "root";
@import "reboot";
@import "type";
@import "images";
@import "containers";
@import "grid";
@import "tables";
@import "forms";
@import "buttons";
@import "transitions";
@import "dropdown";
@import "button-group";
@import "nav";
@import "navbar";
@import "card";
@import "accordion";
@import "breadcrumb";
@import "pagination";
@import "badge";
@import "alert";
@import "progress";
@import "list-group";
@import "close";
@import "toasts";
@import "modal";
@import "tooltip";
@import "popover";
@import "carousel";
@import "spinners";
@import "offcanvas";
@import "placeholders";
// Helpers
@import "helpers";
// Utilities
@import "utilities/api";
ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯀꯝꯄꯣꯅꯦꯟꯇ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯗ꯭ꯔꯕꯗꯤ, ꯃꯗꯨ ꯀꯃꯦꯟꯇ ꯇꯧꯕꯤꯌꯨ ꯅꯠꯔꯒꯥ ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯃꯨꯠꯊꯠꯄꯤꯌꯨ꯫ ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯀꯦꯔꯣꯁꯤꯜ ꯁꯤꯖꯤꯟꯅꯗ꯭ꯔꯕꯗꯤ, ꯅꯍꯥꯛꯀꯤ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ CSSꯗꯥ ꯐꯥꯏꯜ ꯁꯥꯏꯖ ꯈꯔꯥ ꯁꯦꯚ ꯇꯧꯅꯕꯥ ꯏꯝꯄꯣꯔꯠ ꯑꯗꯨ ꯂꯧꯊꯣꯀꯎ. ꯁꯥꯁ ꯏꯝꯄꯣꯔꯠ ꯄꯨꯝꯅꯃꯛꯇꯥ ꯗꯤꯄꯦꯟꯗꯦꯟꯁ ꯈꯔꯗꯤ ꯂꯩ ꯍꯥꯌꯕꯁꯤ ꯅꯤꯡꯁꯤꯡꯕꯤꯌꯨ ꯃꯗꯨꯅꯥ ꯐꯥꯏꯜ ꯑꯃꯥ ꯂꯧꯊꯣꯀꯄꯗꯥ ꯍꯦꯟꯅꯥ ꯑꯋꯥꯕꯥ ꯑꯣꯏꯍꯅꯕꯥ ꯌꯥꯏ꯫
ꯂꯦꯟ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯇꯧꯕꯥ꯫
bootstrap.js
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯑꯁꯤꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯄ꯭ꯔꯥꯏꯃꯥꯔꯤ ꯗꯤꯁ꯭ꯠ ꯐꯥꯏꯂꯁꯤꯡ ( ꯑꯃꯁꯨꯡ ) ꯗꯥ ꯂꯩꯕꯥ ꯀꯝꯄꯣꯅꯦꯟꯇ ꯈꯨꯗꯤꯡꯃꯛ ꯌꯥꯑꯣꯏ , ꯑꯃꯁꯨꯡ ꯑꯩꯈꯣꯌꯒꯤ ꯕꯟꯗꯜ ꯐꯥꯏꯂꯁꯤꯡ ( ꯑꯃꯁꯨꯡ ) bootstrap.min.js
ꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯄ꯭ꯔꯥꯏꯃꯥꯔꯤ ꯗꯤꯄꯦꯟꯗꯦꯟꯁ (ꯄꯣꯄꯔ) ꯐꯥꯑꯣꯕꯥ ꯌꯥꯑꯣꯔꯤ꯫ ꯅꯍꯥꯛꯅꯥ ꯁꯥꯁꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯀꯁ꯭ꯇꯃꯁ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ, ꯃꯔꯤ ꯂꯩꯅꯕꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯑꯗꯨ ꯁꯣꯌꯗꯅꯥ ꯂꯧꯊꯣꯀꯎ.bootstrap.bundle.js
bootstrap.bundle.min.js
ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, ꯅꯍꯥꯛꯅꯥ ꯋꯦꯕꯄꯦꯛ, ꯄꯥꯔꯁꯦꯜ, ꯅꯠꯠꯔꯒꯥ ꯋꯥꯏꯇꯦꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯀꯤ ꯏꯁꯥꯒꯤ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯕꯟꯗꯂꯔ ꯁꯤꯖꯤꯟꯅꯔꯤ ꯍꯥꯌꯅꯥ ꯂꯧꯔꯕꯗꯤ, ꯅꯍꯥꯛꯅꯥ ꯁꯤꯖꯤꯟꯅꯅꯕꯥ ꯊꯧꯔꯥꯡ ꯇꯧꯔꯤꯕꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯑꯗꯨ ꯈꯛꯇꯃꯛ ꯏꯝꯄꯣꯔꯠ ꯇꯧꯒꯅꯤ꯫ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯈꯨꯗꯝ ꯑꯁꯤꯗꯥ, ꯑꯩꯈꯣꯌꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯃꯣꯗꯦꯜ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯑꯁꯤ ꯀꯔꯝꯅꯥ ꯈꯛꯇꯃꯛ ꯌꯥꯑꯣꯍꯅꯒꯗꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯎꯠꯂꯤ:
// Import just what we need
// import 'bootstrap/js/dist/alert';
// import 'bootstrap/js/dist/button';
// import 'bootstrap/js/dist/carousel';
// import 'bootstrap/js/dist/collapse';
// import 'bootstrap/js/dist/dropdown';
import 'bootstrap/js/dist/modal';
// import 'bootstrap/js/dist/offcanvas';
// import 'bootstrap/js/dist/popover';
// import 'bootstrap/js/dist/scrollspy';
// import 'bootstrap/js/dist/tab';
// import 'bootstrap/js/dist/toast';
// import 'bootstrap/js/dist/tooltip';
ꯃꯁꯤꯒꯤ ꯃꯑꯣꯡ ꯑꯁꯤꯅꯥ, ꯅꯍꯥꯛꯅꯥ ꯕꯇꯟ, ꯀꯦꯔꯣꯁꯤꯜ, ꯑꯃꯁꯨꯡ ꯇꯨꯂꯇꯤꯄꯒꯨꯝꯕꯥ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯁꯤꯖꯤꯟꯅꯅꯕꯥ ꯋꯥꯁꯀꯈꯤꯕꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯑꯃꯠꯇꯥ ꯌꯥꯑꯣꯔꯣꯏ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯅꯁꯤꯡ, ꯇꯨꯂꯇꯤꯄꯁꯤꯡ ꯅꯠꯠꯔꯒꯥ ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯏꯝꯄꯣꯔꯠ ꯇꯧꯔꯕꯗꯤ, ꯅꯍꯥꯛꯀꯤ package.json
ꯐꯥꯏꯂꯗꯥ ꯄꯣꯄꯔ ꯗꯤꯄꯦꯟꯗꯦꯟꯁ ꯑꯗꯨ ꯁꯣꯌꯗꯅꯥ ꯂꯤꯁ꯭ꯠ ꯇꯧꯕꯤꯌꯨ.
ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯕꯥ ꯑꯦꯛꯁꯄꯣꯔꯇꯁꯤꯡ꯫
bootstrap/js/dist
ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯥ ꯐꯥꯏꯂꯁꯤꯡ ꯑꯁꯤ ꯗꯤꯐꯣꯜꯇ ꯑꯦꯛꯁꯄꯣꯔꯠ ꯇꯧꯏ , ꯃꯔꯝ ꯑꯗꯨꯅꯥ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯃꯈꯣꯌꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯑꯃꯕꯨ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯄꯥꯝꯂꯕꯗꯤ ꯅꯍꯥꯛꯅꯥ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯑꯁꯤ ꯇꯧꯒꯗꯕꯅꯤ:
import Modal from 'bootstrap/js/dist/modal'
const modal = new Modal(document.getElementById('myModal'))
ꯑꯣꯇꯣꯞꯔꯤꯐꯤꯛꯁꯔ .ꯕ꯭ꯔꯥꯎꯖꯔꯁꯤꯡꯂꯤꯁ꯭ꯠꯔꯁꯤ
ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯑꯀꯛꯅꯕꯥ CSS ꯄ꯭ꯔꯣꯄꯔꯇꯤꯁꯤꯡꯗꯥ ꯕ꯭ꯔꯥꯎꯖꯔ ꯄ꯭ꯔꯤꯐꯤꯛꯁꯁꯤꯡ ꯑꯣꯇꯣꯃꯦꯇꯦꯗ ꯑꯣꯏꯅꯥ ꯍꯥꯄꯆꯤꯟꯅꯕꯥ ꯑꯣꯇꯣꯞꯔꯤꯐꯤꯛꯁꯔꯗꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏ꯫ ꯄ꯭ꯔꯤꯐꯤꯛꯁꯁꯤꯡ ꯑꯁꯤ ꯑꯩꯈꯣꯌꯒꯤ .browserslistrc
ꯐꯥꯏꯂꯅꯥ ꯗꯤꯛꯇꯦꯠ ꯇꯧꯏ, ꯃꯁꯤ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯔꯦꯄꯣꯒꯤ ꯔꯨꯠꯇꯥ ꯐꯪꯏ꯫ ꯕ꯭ꯔꯥꯎꯖꯔꯁꯤꯡꯒꯤ ꯂꯤꯁ꯭ꯠ ꯑꯁꯤ ꯀꯁ꯭ꯇꯃꯁ ꯇꯧꯕꯥ ꯑꯃꯁꯨꯡ ꯁꯥꯁ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯕꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ CSS ꯑꯗꯨꯗꯒꯤ CSS ꯈꯔꯗꯤ ꯑꯣꯇꯣꯃꯦꯇꯦꯗ ꯑꯣꯏꯅꯥ ꯂꯧꯊꯣꯛꯀꯅꯤ, ꯀꯔꯤꯒꯨꯝꯕꯥ ꯕ꯭ꯔꯥꯎꯖꯔ ꯅꯠꯠꯔꯒꯥ ꯚꯔꯁꯟ ꯑꯗꯨꯒꯤ ꯑꯈꯟꯅꯕꯥ ꯚꯦꯟꯗꯔ ꯄ꯭ꯔꯤꯐꯤꯛꯁꯁꯤꯡ ꯂꯩꯔꯕꯗꯤ꯫
ꯁꯤꯖꯤꯟꯅꯗꯕꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ
ꯁꯦꯛꯁꯟ ꯑꯁꯤꯒꯥ ꯃꯔꯤ ꯂꯩꯅꯕꯥ ꯃꯇꯦꯡ ꯄꯥꯝꯂꯕꯗꯤ, ꯆꯥꯅꯕꯤꯗꯨꯅꯥ ꯄꯤ.ꯑꯥꯔ. ꯊꯥꯒꯠꯆꯔꯤ!
ꯑꯩꯈꯣꯌꯅꯥ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯥ ꯂꯣꯌꯅꯅꯥ PurgeCSS ꯁꯤꯖꯤꯟꯅꯕꯒꯤ ꯃꯃꯥꯡꯗꯥ ꯁꯦꯃꯈꯤꯕꯥ ꯈꯨꯗꯝ ꯑꯃꯥ ꯂꯩꯠꯔꯕꯁꯨ , ꯀꯝꯝꯌꯨꯅꯤꯇꯤꯅꯥ ꯏꯕꯥ ꯃꯇꯦꯡ ꯑꯣꯏꯕꯥ ꯑꯥꯔꯇꯤꯀꯜ ꯑꯃꯁꯨꯡ ꯋꯥꯀꯠ ꯈꯔꯥ ꯂꯩ꯫ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯑꯣꯄꯁꯟ ꯈꯔꯗꯤ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤ:
- https://medium.com/dwarves-foundation/ꯄꯨꯔꯒꯦꯛꯁ-88395a2c5772 ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯇꯒꯤ-ꯁꯤꯖꯤꯟꯅꯗꯕꯥ-css-ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ-ꯂꯧꯊꯣꯀꯎ꯫
- https://lukelowrey.com/ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ-ꯅꯠꯠꯔꯒꯥ-ꯑꯇꯣꯞꯄꯥ-ꯐ꯭ꯔꯦꯃꯋꯥꯔꯀꯁꯤꯡꯗꯒꯤ-ꯑꯇꯣꯞꯄꯥ-ꯃꯊꯧ ꯇꯥꯕꯥ-ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.
ꯑꯔꯣꯏꯕꯗꯥ, ꯁꯤꯖꯤꯟꯅꯗꯕꯥ CSSꯒꯤ ꯃꯇꯥꯡꯗꯥ CSS ꯇ꯭ꯔꯤꯀꯁꯤꯡꯒꯤ ꯑꯥꯔꯇꯤꯀꯜ ꯑꯁꯤꯅꯥ PurgeCSS ꯑꯃꯁꯨꯡ ꯑꯇꯩ ꯃꯁꯤꯒꯥ ꯃꯥꯟꯅꯕꯥ ꯈꯨꯠꯂꯥꯌꯁꯤꯡ ꯀꯔꯝꯅꯥ ꯁꯤꯖꯤꯟꯅꯒꯗꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯎꯠꯂꯤ꯫
ꯃꯤꯅꯤꯐꯥꯏ ꯇꯧꯕꯥ ꯑꯃꯁꯨꯡ ꯖꯤ.ꯖꯤ.ꯑꯥꯏ.ꯄꯤ
ꯌꯥꯔꯤꯕꯃꯈꯩ, ꯅꯍꯥꯛꯀꯤ ꯚꯤꯖꯤꯇꯔꯁꯤꯡꯗꯥ ꯅꯍꯥꯛꯅꯥ ꯄꯤꯔꯤꯕꯥ ꯀꯣꯗ ꯄꯨꯝꯅꯃꯛ ꯁꯣꯌꯗꯅꯥ ꯀꯝꯞꯔꯦꯁꯟ ꯇꯧꯕꯤꯌꯨ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ Bootstrap dist ꯐꯥꯏꯂꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯔꯕꯗꯤ, ꯃꯤꯅꯤꯐꯥꯏꯗ ꯚꯔꯁꯅꯁꯤꯡ ( .min.css
ꯑꯃꯁꯨꯡ .min.js
ꯑꯦꯛꯁꯇꯦꯟꯁꯅꯁꯤꯡꯅꯥ ꯇꯥꯀꯄꯥ) ꯑꯗꯨꯗꯥ ꯂꯦꯞꯅꯕꯥ ꯍꯣꯠꯅꯧ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯏꯁꯥꯒꯤ ꯕꯤꯜꯗ ꯁꯤꯁ꯭ꯇꯦꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯁꯣꯔꯁꯇꯒꯤ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯁꯦꯃꯒꯠꯂꯕꯗꯤ, HTML, CSS, ꯑꯃꯁꯨꯡ JSꯒꯤꯗꯃꯛ ꯅꯍꯥꯛꯀꯤ ꯏꯁꯥꯒꯤ ꯃꯤꯅꯤꯐꯥꯏꯌꯔꯁꯤꯡ ꯁꯣꯌꯗꯅꯥ ꯏꯃꯞꯂꯤꯃꯦꯟꯇ ꯇꯧꯕꯤꯌꯨ꯫
ꯅꯟ-ꯕ꯭ꯂꯣꯀꯤꯡ ꯐꯥꯏꯂꯁꯤꯡ꯫
ꯀꯝꯞꯔꯦꯁꯟ ꯃꯤꯅꯤꯐꯥꯏ ꯇꯧꯕꯥ ꯑꯃꯁꯨꯡ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯑꯁꯤ ꯃꯇꯤꯛ ꯆꯥꯕꯥ ꯑꯣꯏꯔꯕꯁꯨ, ꯅꯍꯥꯛꯀꯤ ꯐꯥꯏꯂꯁꯤꯡ ꯑꯗꯨ ꯅꯟ-ꯕ꯭ꯂꯣꯛ ꯇꯧꯕꯥ ꯍꯥꯌꯕꯁꯤꯁꯨ ꯅꯍꯥꯛꯀꯤ ꯁꯥꯏꯠ ꯑꯗꯨ ꯌꯥꯝꯅꯥ ꯐꯖꯅꯥ ꯑꯣꯞꯇꯤꯃꯥꯏꯖ ꯇꯧꯕꯥ ꯑꯃꯁꯨꯡ ꯌꯥꯝꯅꯥ ꯊꯨꯅꯥ ꯑꯣꯏꯍꯅꯕꯒꯤ ꯑꯆꯧꯕꯥ ꯈꯣꯡꯊꯥꯡ ꯑꯃꯅꯤ꯫
ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯒꯨꯒꯜ ꯀ꯭ꯔꯣꯃꯗꯥ ꯂꯥꯏꯇꯍꯥꯎꯁ ꯄ꯭ꯂꯒꯏꯟ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯔꯕꯗꯤ, ꯅꯍꯥꯛꯅꯥ FCP ꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯊꯨꯒꯥꯏꯔꯀꯄꯥ ꯌꯥꯏ꯫ ꯑꯍꯥꯅꯕꯥ ꯀꯟꯇꯦꯟꯇꯐꯨꯜ ꯄꯦꯟꯇ ꯃꯦꯠꯔꯤꯛ ꯑꯁꯤꯅꯥ ꯄꯦꯖ ꯑꯗꯨ ꯂꯣꯗ ꯇꯧꯕꯥ ꯍꯧꯔꯀꯄꯗꯒꯤ ꯄꯦꯖ ꯑꯗꯨꯒꯤ ꯀꯟꯇꯦꯟꯇꯀꯤ ꯁꯔꯨꯛ ꯑꯃꯍꯦꯛꯇꯕꯨ ꯁ꯭ꯛꯔꯤꯟꯗꯥ ꯔꯦꯟꯗꯔ ꯇꯧꯕꯥ ꯃꯇꯝ ꯑꯗꯨ ꯂꯦꯄꯊꯣꯀꯏ꯫
ꯅꯍꯥꯛꯅꯥ ꯅꯟ-ꯀ꯭ꯔꯤꯇꯤꯀꯦꯜ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯅꯠꯠꯔꯒꯥ CSS ꯊꯦꯡꯊꯍꯟꯗꯨꯅꯥ FCP ꯐꯒꯠꯍꯅꯕꯥ ꯌꯥꯏ꯫ ꯃꯗꯨꯒꯤ ꯑꯔꯊ ꯀꯔꯤꯅꯣ? ꯌꯥꯝꯅꯥ ꯂꯥꯏꯅꯥ, ꯅꯍꯥꯛꯀꯤ ꯄꯦꯖꯒꯤ ꯑꯍꯥꯅꯕꯥ ꯄꯦꯟꯇ ꯑꯗꯨꯗꯥ ꯌꯥꯑꯣꯕꯒꯤ ꯃꯊꯧ ꯇꯥꯗꯕꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯅꯠꯔꯒꯥ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯠꯁꯤꯡ ꯑꯗꯨ async
ꯅꯠꯔꯒꯥ defer
ꯑꯦꯠꯔꯤꯕ꯭ꯌꯨꯠꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯃꯥꯔꯛ ꯇꯧꯒꯗꯕꯅꯤ꯫
ꯃꯁꯤꯅꯥ ꯃꯔꯨꯑꯣꯏꯕꯥ ꯔꯤꯁꯣꯔꯁꯁꯤꯡ ꯑꯗꯨ ꯇꯨꯡꯗꯥ ꯂꯣꯗ ꯇꯧꯕꯥ ꯑꯃꯁꯨꯡ ꯑꯍꯥꯅꯕꯥ ꯄꯦꯟꯇ ꯑꯗꯨ ꯕ꯭ꯂꯣꯛ ꯇꯧꯕꯥ ꯉꯃꯍꯟꯗꯦ꯫ ꯑꯃꯔꯣꯃꯗꯥ, ꯃꯔꯨꯑꯣꯏꯕꯥ ꯔꯤꯁꯣꯔꯁꯁꯤꯡ ꯑꯁꯤ ꯏꯅꯂꯥꯏꯟ ꯁ꯭ꯛꯔꯤꯞꯇ ꯅꯠꯔꯒꯥ ꯁ꯭ꯇꯥꯏꯜ ꯑꯣꯏꯅꯥ ꯌꯥꯑꯣꯍꯅꯕꯥ ꯌꯥꯏ꯫
ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯃꯁꯤꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯍꯦꯟꯅꯥ ꯈꯉꯅꯤꯡꯂꯕꯗꯤ, ꯃꯁꯤꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯍꯥꯟꯅꯗꯒꯤ ꯑꯆꯧꯕꯥ ꯑꯥꯔꯇꯤꯀꯜ ꯀꯌꯥ ꯑꯃꯥ ꯂꯩꯔꯦ:
ꯃꯇꯝ ꯄꯨꯝꯅꯃꯛꯇꯥ HTTPS ꯁꯤꯖꯤꯟꯅꯧ꯫
ꯅꯍꯥꯛꯀꯤ ꯋꯦꯕꯁꯥꯏꯠ ꯑꯁꯤ ꯄꯨꯊꯣꯀꯄꯗꯥ HTTPS ꯀꯅꯦꯛꯁꯅꯁꯤꯡꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯈꯛꯇꯃꯛ ꯐꯪꯒꯗꯕꯅꯤ꯫ HTTPSꯅꯥ ꯁꯥꯏꯠ ꯄꯨꯝꯅꯃꯛꯀꯤ ꯁꯦꯛꯌꯨꯔꯤꯇꯤ, ꯄ꯭ꯔꯥꯏꯚꯦꯁꯤ, ꯑꯃꯁꯨꯡ ꯑꯦꯕꯦꯂꯤꯕꯤꯂꯤꯇꯤ ꯐꯒꯠꯍꯜꯂꯤ, ꯑꯃꯁꯨꯡ ꯅꯟ-ꯁꯦꯟꯁꯤꯇꯤꯚ ꯋꯦꯕ ꯇ꯭ꯔꯥꯐꯤꯛ ꯍꯥꯌꯕꯥ ꯋꯥꯐꯝ ꯑꯃꯠꯇꯥ ꯂꯩꯇꯦ . HTTPSꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯁꯦꯕꯥ ꯇꯧꯅꯕꯥ ꯅꯍꯥꯛꯀꯤ ꯋꯦꯕꯁꯥꯏꯠ ꯀꯅꯐꯤꯒꯔ ꯇꯧꯅꯕꯒꯤ ꯈꯣꯡꯊꯥꯡꯁꯤꯡ ꯑꯁꯤ ꯅꯍꯥꯛꯀꯤ ꯑꯥꯔꯀꯤꯇꯦꯀꯆꯔ ꯑꯃꯁꯨꯡ ꯋꯦꯕ ꯍꯣꯁ꯭ꯇꯤꯡ ꯄ꯭ꯔꯣꯚꯥꯏꯗꯔꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯌꯥꯝꯅꯥ ꯈꯦꯠꯅꯩ, ꯑꯃꯁꯨꯡ ꯃꯔꯝ ꯑꯁꯤꯅꯥ ꯗꯣꯀꯁꯤꯡ ꯑꯁꯤꯒꯤ ꯁ꯭ꯀꯣꯄꯀꯤ ꯃꯄꯥꯟꯗꯥ ꯂꯩ꯫
HTTPSꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯁꯔꯚꯤꯁ ꯇꯧꯔꯤꯕꯥ ꯁꯥꯏꯠꯁꯤꯡꯅꯥ HTTPS ꯀꯅꯦꯛꯁꯅꯁꯤꯡꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯠ, ꯁ꯭ꯛꯔꯤꯞꯇ, ꯑꯃꯁꯨꯡ ꯑꯇꯩ ꯑꯦꯁꯦꯠ ꯄꯨꯝꯅꯃꯛ ꯑꯦꯛꯁꯦꯁ ꯇꯧꯒꯗꯕꯅꯤ꯫ ꯅꯠꯔꯕꯗꯤ, ꯅꯍꯥꯛꯅꯥ ꯌꯨꯖꯔꯁꯤꯡꯗꯥ ꯃꯤꯛꯁ ꯑꯦꯛꯇꯤꯕ ꯀꯟꯇꯦꯟꯇ ꯊꯥꯔꯛꯀꯅꯤ , ꯃꯁꯤꯅꯥ ꯁꯥꯏꯠ ꯑꯃꯕꯨ ꯗꯤꯄꯦꯟꯗꯦꯟꯁ ꯑꯃꯥ ꯍꯣꯡꯗꯣꯛꯇꯨꯅꯥ ꯁꯣꯀꯍꯅꯕꯥ ꯌꯥꯕꯥ ꯄꯣꯇꯦꯟꯁꯤꯑꯦꯜ ꯚꯂꯅꯦꯔꯦꯕꯤꯂꯤꯇꯤꯁꯤꯡ ꯊꯣꯀꯍꯜꯂꯒꯅꯤ꯫ ꯃꯁꯤꯅꯥ ꯁꯦꯛꯌꯨꯔꯤꯇꯤꯒꯤ ꯏꯁꯨꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯌꯨꯖꯔꯁꯤꯡꯗꯥ ꯎꯠꯄꯥ ꯏꯟ-ꯕ꯭ꯔꯥꯎꯖꯔ ꯋꯥꯔꯅꯤꯡꯁꯤꯡ ꯊꯣꯀꯍꯅꯕꯥ ꯌꯥꯏ꯫ ꯅꯍꯥꯛꯅꯥ CDN ꯑꯃꯗꯒꯤ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯐꯪꯂꯕꯁꯨ ꯅꯠꯠꯔꯒꯥ ꯃꯁꯥꯅꯥ ꯁꯦꯕꯥ ꯇꯧꯔꯕꯁꯨ, ꯅꯍꯥꯛꯅꯥ ꯃꯁꯤ HTTPS ꯀꯅꯦꯛꯁꯅꯁꯤꯡꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯈꯛꯇꯃꯛ ꯑꯦꯛꯁꯦꯁ ꯇꯧꯕꯥ ꯁꯣꯌꯗꯅꯥ ꯇꯧꯕꯤꯌꯨ꯫