á á . á¨ááŤá¨áá¸á á ááą á áá á¨áááá áááľá á áľááľá ááŤá ááᢠá¨CSS á áľá-ááááŁá áᣠáá áá˝ á áľá ááá áľ ááá á¨á፠áľá áááłáľá˘ áááá ááá á áľááľáá áĽáá°áŤáá, á¨ááŤá áá¤áąá áá˛áŤáá áĽááłáŤáá! á áŞá áááľááá˘
áá áἠáááá á¨ááá áá á áŁá á ááá áá°áá አááᢠá ááľáľ áááŤáá˝ á¨ááááŞáŤ áĽááááá˝á áĽáá˛áŤá¨ááá áá áłáš áľáĽáá ááľáĄ-
<link rel="prefetch" href="/am/style.css" as="style" />
<link rel="preload" href="/am/style.css" as="style" />
<link rel="preconnect" href="https://example.com" />
<link rel="dns-prefetch" href="https://example.com" />
<link rel="prerender" href="https://example.com/about.html" />
áá áĽáá°áá አáĽá ááź áĽáá°áá áááŁá¸á á á áአáĽáááá˝á˘
áááá ¡ ¡ ¡ ¡
áŤá
<link rel= "preload"> áĽáŽáááá á á°áťá ááĽááľ áĽáá˛áá áĽá áĽáá˛á¸áἠ(áĽáá° áľááŞááľ ááá á¨á
ἠáá
áŤá) áááá¨ááᢠááš á¨á°áŤá á¨áĽááľ á´áŽááśá˝ á áá áááá፠á˛áŤáľááá áá
á áá áá - áĽá áá°áąá ááá á ááááá.
á áłáš á¨á°áŤá á áá á¨ááĽá¨áą áá ááá á áŤá°ááá. áľááŞááśá˝ á áá°á°áá áŠáᣠá¨á ἠááá˝ á áá°á°áá áŠáᢠááĽáą á ááá á¨á°á¸áá áĽá á á°á á¨á áá áá˛áŤáá ááááá˘
á ááŁáĽ
<link rel="preload" href="/am/style.css" as="style" />
href áááá¨áľ áá°áááááľ ááá áá áááá˘
as á á áłáš ááľáĽ ááááľ á¨áá˝á ááááá ááá ááá áá˝áá:
styleáá ἠááá˝ áŁscriptááľááŞááśá˝ áŁfontáá áá¸-ááááá˝ áŁfetchá áá áá áá°áŤá ááĽáśá˝fetch()áááXMLHttpRequest,- áá áááá áááá¨áą .
áŁá
áŞáá áááá˝ á áľááá áá as - áá
á áłáš á áľááá á
áľá፠áĽáá˛á°áĽ áĽá ááá¨áśá˝á áĽáá˛áŤááá
áá¨áłáá˘
ááź áĽáá°áá áá
á á áἠáá ááľáĽ ááĽáą á ááŤáľáááá áľ áá á áľááľáá ááŤáá áá ááᢠáááłá:
- á¨ááŤá ááá áá°á á áŤááá á
áá¸-ááááá˝áĄ-
<!-- index.html --> <link rel="stylesheet" href="index.css" /> /* index.css */ @font-face { src: url('comic-sans.woff2') format('woff2'); }á ááŁáŞ
comic-sans.woff2ááŤá á¨áááá¨á áŤáá¨áą áĽá á¨á°á°áá°á á áá áĽáť ááá˘index.css. áá á áŤá á áá áá á á á áááľáááľáŁ á áá áá á áá¸-ááááá áá°á áĽáá ááá¨áľ áá˝ááá˘<link rel= "preload">:<link rel="preload" href="comic-sans.woff2" as="font" /> - á á ááŤá¨áĄ áá°á¨áľ á¨áĽááľáá á
áŚá˝ á¨áአá áááľ áááá˝ ááłá (áá˛áŤáá ááá
á¨áĽ) áĽá ááłá áŤááááĄ-
<style> /* Inlined critical styles */ </style> <script> /* Custom JS that starts downloading non-critical styles */ loadCSS('/app/non-critical.css'); </script>á áá á ááŤá¨áĽáŁ ááłá áŤááá á áŚá˝ ááŤáľááŞááľ á˛á°áŤ áĽáť ááŤá ááááŤáᣠáá á á¨á°á°áŤ á¨áĽááľ á°á¨ááśá˝ á áá áá¨á°áľ áá˝ááᢠᨠJS á á áááá á¨áá á á ááá
<link rel= "preload">áá°á áĽá ááá¨áľ ááááááĄ-<style> /* Inlined critical styles */ </style> <link rel="preload" href="/am/app/non-critical.css" as="style" /> <script> /* Custom JS that starts downloading non-critical styles */ loadCSS('/app/non-critical.css'); </script>
á áľá áááľá á¨áá á á áá á áá áá. áááá ááá á á°á¨áłáłá á¨áŤá áŁá˘áŤá á á áľááľ ááĽááľ á áá¨ááá, á á°ááŤáá, á áłáš áľáŤáá á áľááá áĽááłáŤá áľ áá¨áááá.
á¨á
áľá-áá ፠áá áááłáłáľ á¨áá áľá. á áá áá <link rel= "preload">ááš á¨á°áŤá á áá áá˛áŤáá ááĽáąá áŤááľáááááľá˘ á áá á¨áááᣠáááłá áááŁáŠ áá˝áŁ á¨á፠áá áá <link rel= "prefetch">.
ááááŽá˝á áááá¨áą
áá
á¨áááá áá፠ááᢠá¨ááá˝ áááŤáá˝ á á°áᨠá á áłáš áĽáá˛áá¸á (á¨áá°ááá á¨áá) á¨á
áľá-ááŤá áá á¨á°áŤáŤá. á áłáš á¨á°ááá¸áá ááá ááá¨áľ á áá áľá˘ <link rel="preload">. á ááá˝ áááłáá˝ á
áľá-ááŤáá á˝á áá áá˝ááᣠáááłá á áááł áááááľ áá áĽá¨á°áŤ á¨ááá˘
á
áľá፠á¨áá°áŁá¸á áááŽá˝ áĄáĄ. á áłážá˝ á ááááŞáŤ á áŁá á áľááá á¨áááľá ááĽáśá˝ áááŤá áá°ááŤáŠ ááĽáśá˝ (áľáłáá ᣠáľááŞááśá˝ ᣠá
áá¸-ááááὠᣠááá°) á¨á°ááŤáŠ á
áľááŤáá˝á áááľáŁáᢠá áá
á ááŁá á áłáš á áŁá
áŞá á
áľááŤáá áááľáá as. á Chrome á áłá˝ áá¨áľ áá˝ááᢠ.
á áľá ááá áľ
<link rel= "prefetch"> áá°áťá á¨á áľá°ááᣠ(áĽáá° áľááŞááľ ááá á¨á
ἠáá
áŤá) áĽáá˛áŤáááľ áĽá áĽáá˛á¸áἠáá áááᢠááŤá á áá
á°á á
áľá፠áľáááá áá áἠá áľááá á áá ááĽáśá˝ áá áŁáá á áááŁáᢠá áááĽáá áá˝ áá ááĽáą á áľááá á¨áá áĽá á áľááľáá áá¸á፠áááľá¨á á¨ááá áá
á áá ááá˘
áĽáá á, á áłáš á¨á°áŤá á áá á¨ááĽá¨áą áá ááá á áŤá°ááá. áľááŞááśá˝ á áá°á°áá áŠáᣠá¨á ἠááá˝ á áá°á°áá áŠáᢠááĽáą á ááá á¨á°á¸áá áĽá á á°á á¨á áá áá˛áŤáá ááááá˘
á ááŁáĽ
<link rel="prefetch" href="/am/style.css" as="style" />
href áááá¨áľ áá°áááááľ ááá áá áááá˘
as á á áłáš ááľáĽ ááááľ á¨áá˝á ááááá ááá ááá áá˝áá:
styleáá ἠááá˝ áŁscriptááľááŞááśá˝ áŁfontáá áá¸-ááááá˝ áŁfetchá áá áá áá°áŤá ááĽáśá˝fetch()áááXMLHttpRequest,- áá áááá áááá¨áą .
áŁá
áŞáá áááá˝ á áľááá áá as - áá
á áłáš á áľááá á
áľá፠áĽáá˛á°áĽ áĽá áááśá˝á áĽáá˛áŤááá
áá¨áłáá˘
ááź áĽáá°áá áá
áááŽá˝á á¨ááá˝ áážá˝ áááŤá, á¨áá áá˝ ááá á¨ááá áĽá á áľááľáá áááŤá á¨ááá á¨ááŤá áá˝ á á°á¨ááá áááá áᢠáááłá:
- á¨ááľáá áá áá°áĽá á áááľáŁ áĽá 40% á°á áááá˝ á¨áááť áášá ááááľ ááš áá°ááᢠá°á áá
<link rel= "prefetch">á¨áááľ áážá˝á áááľáŤáľ CSS áĽá JS áááá˝á á ááŤá ááᢠ- áŁá á ááľ áá˝ áá°áá áŞáŤ á áá ᣠáĽá á¨á°ááŤáŠ ááá˝ á¨á°ááŤáŠ ááŹáá˝á ááŤááᢠá ááľ á°á áá á ááľá áá˝ á˛áá áᣠá¨ááŤáááá¸á á¨ááá ááá˝ áĽá áá˝ á áľááľáá ááŤá áá˝ááá˘
áá áá፠á ááááá áá á á°á áááą á á°á á á áááł áĽá á áá ááá áá˝áá.. áĽáŽááááľ á áĽáááá áá á áľá ááĽá¨áľá á áá á°á á áľá፠áááľáŁáᣠáľááá áááá á áŤáľá¸áááᢠá¨á°á áá áľáŤááá áĽáá°ááá áĽáť áŤáľáłááą, áá á áááἠááŤáľáᣠáá˝áá.
áá áľá¸áłá áĽáŤááá˝ á áá°ááá˘. á áá áá <link rel= "prefetch">, á áĽááľ á°á¨ááśá˝ ááľáĽ ááĽáą á ááŤáľáááá áľ áá. á áá
áááł, áá áá <link rel= "preload">.
ááááŽá˝á áááá¨áą
á ááŤá áááŤ. á áłáš áá áá áááŞáŤ áĽáá˛á¨á°á á áááááᤠá˝á ááá áá˝ááᣠáááłá á ááá°á áááááľá˘
á Chrome ááľáĽ á
áľááŤ. á Chrome ááľáĽ <link rel= "prefetch"> áĽááá áá á¨ááá¸áá á áľááš á
áľá፠(á°ááá¨áľ ), áááľá áááá ááá á¨á°áŤá á áá.
á áľá-áááááľ
<link rel= "preconnect"> ááá°ááľ á¨áááááľ ááááá ááá á á˛ááá á áłáš á áľááľá á¨ááŤá áá áĽáá˛ááá áá áááá˘
áá°áťá á¨á á˛áľ á¨áśáľá°á ááá á፠áááááá ááĽáľ áŤáᣠáááááľ áááľá¨áľ á áá áľá˘ áááłáᣠááá áááśá˝á á¨áŤáᣠá¨á˛á˛á¤á á áá¸-ááá ááá˝ á¨á°á ááá á¨JSON ááá˝ á¨á¤áá á á áááá á¨á á¨áá˘
á á˛áľ áááááľ áááľá¨áľ áĽá áá áĽááľ ááś ááá°á¨ááśá˝ áááľáłáᢠá ááľ áá áá¨áááá, áá á ááá áá áááľáłá. á áľááľáá áááááľ á¨áá áŠáŁ áááá áááĽáŁá áĽá áááŽá˝á á¨áá á፠á ááĽááľ áŤáááąá˘
á ááŁáĽ
<link rel= "preconnect" href="https://api.my-app.com" />
href á¨á áá á áľáŤáťáá áááá°á á¨áááááľá á¨á፠áľá áŤááááłá. á á
áľá-á
áĽáŤ áááá˝ áá˝áá (https://domain.com) ááá áŤááą (//domain.com).
ááź áĽáá°áá áá
á á áᥠáááŤáľááá ááŤáá˝ á°á áá á ááľ á áľááá ááá¤áŁ áľááŞááľ ááá ááľá á¨á፠áááá¨áľáŁ ááá áá á¨ááĽá áľ áŠá áá¤áá áá á áłááááᢠáááłá:
- áááá¨áťá á¨á°áľá°ááá°á á áá ááá˘
my-app.comáĽá ᨠAJAX áĽáŤááá˝á áŤáááŁáapi.my-app.comáአáá ááá˝á á áľááľáá á áłááá¸áá ááááŤáąá áĽááą á á°áááá ááááľ á¨JS. áĽáá ááŤáá ááľáá ááááááľ áá፠áá áá á áŁá á°áᢠááᢠ- áááá¨áťá á¨á°áľá°ááá°á á áá ááá˘
my-app.comáĽá Google Fonts áá áááᢠáĽááą á áááľ á°á¨ááá˝ ááááłá: á ááááŞáŤ, ᨠCSS ááá á¨á፠ááááłáfonts.googleapis.com, á¨á፠áá ááá á áḠááááá˝á áá áááfonts.gstatic.com. á¨á¨áľááš áአá áá¸-ááááá˝ áĽáá°áᥠááá á áá˝ááfonts.gstatic.comᨠCSS áááá áĽáľááľáá áľá¨áľ áŤáľáááááłááŁáľááá á áľááľáá á¨ááááŞáŤ áááááľ ááľá¨á áĽáá˝áááá˘
á ááłááľ á¨áśáľá°á ááá áľááŞááľ ááá á ἠáááá á áá á áá፠áá áá á áľááľá á á°áá ᨠáááááľ ááááŤáľ.
á¨áá á á áá á áá áá. áááááľ áááľá¨áľ áĽá ááá¨áľ áá°áá ááá áá áá áááአááľ áľáŤ ááᢠáá áá áá፠á˘á á á¨4-6 ááŤáá˝ áá ááá˘
ááááŽá˝á áááá¨áą
á ááŤá áááŤ. á áłáš áá áá áááŞáŤ áĽáá˛á¨á°á á ááááá áĽá áá°áá áá˝ááᣠáááłá áĽá áááááśá˝ áá°á áĽáá á¨á°áá°á¨áą ááá á áá á ááŁáá˘
á¨áááááľ áá°áľ ááá áŤáŤáľáłá?. á¨áĽáŤááłááą áŁá˘áŤ áá ááááááľ á áłáš á¨áá¨á°ááľá ááľá¨á á áá áľ:
- á¨á˛ á¤á á¤áľ áĽáŤáľ. á¨á áááá á áá á áľáŤáťá áááá (
216.58.215.78áá°á áá°á á¨á፠áľá (google.com). - TCP áá¨áŁá áĽ. á¨á áááአáá á¨TCP áááááľ ááááá ááŹáśá˝á ááááᥠ(á°áá á â á áááá â á°áá á)á˘
- TLS áá¨áŁá ἠ(á¤á˝á˛á˛áá¤áľ áŁá˘áŤáá˝ áĽáť). á°á áááą á¨á°á á á á¨TLS ááá áá ááááá áááľ áá á¨ááŹáľ áááἠ(á°áá á â á áááá â á°áá á â á áááá â á°áá á)á˘
ááłá°á˘áŤáĄ HTTP/3 á¨áá¨áŁá ἠáá´á áŤáťá˝áá áĽá áŤááĽáááᣠáá á ááá á áŁá áŠá ááá˘
dns-prefetch
<link rel= "dns-prefetch"> á á
áᥠá¨áą áá á¨áááá á¨áá áĽá á¨ááááŞáŤáá áááááľ áááá á á¨ááá á áłášá áááŤá Რá¤á á¤áľ áĽáŤáľ á áľááľá áĽáá˛áŤá¨ááá áá áááá˘
áá°áťá á¨á á˛áą á¨áśáľá°á ááá á፠áááááá ááĽááľ á¨ááŤáᣠá¨áá á¨ááŤáá á áá á áľáŤáť ááá°á á áá áľá˘ áááłáᣠGoogle FontsᣠReact fonts from CDN ááá á¨JSON ááá˝ á¨á¤áá á á áááá áá á¨á á˘
ááĽáŤááłááą á á˛áľ ááŤáŁ á¨á˛ á¤á á¤áľ áááἠáĽáŤáľ á á áĽááá á¨20-120 áá´ á áŤáŁá˘ áááľáłáᢠáá á¨á°á°á á á፠á¨ááááŞáŤáá ááá ááŤá áĽáť áá á¨áááŤáᣠáá á ááá áááá¨áľá áŤáľá°ááááᢠá¨á˛ á¤á á¤áľ áĽáŤáľá á áľááľáá á¨á áŤá, ááá áĽáááĽáŁáá áĽá ááĽáąá á ááĽááľ áĽááááá.
á ááŁáĽ
<link rel= "dns-prefetch" href="https://api.my-app.com" />
href á¨á áá á áľáŤáťáá ááááááľ á¨áááááľá á¨á፠áľá áŤáłáŤáᢠá á
áľá-á
áĽáŤ áááá˝ áá˝áá (https://domain.com) ááá áŤááą (//domain.com).
ááź áĽáá°áá áá
á á áᥠáááŤáľááá ááŤáá˝ á°á áá á áłáš á áľááľá á¨ááŤáááá ááááá˝ á¨á፠áááá¨áľá˘ áááłá:
- áááá¨áťá á¨á°áľá°ááá°á á áá ááá˘
my-app.comáĽá ᨠAJAX áĽáŤááá˝á áŤáááŁáapi.my-app.comáአáá ááá˝á á áľááľáá á áłááá¸áá ááááŤáąá áĽááą á á°áááá ááááľ á¨JS. áĽáá ááŤáá ááľáá ááááááľ áá፠áá áá á áŁá á°áᢠááᢠ- áááá¨áťá á¨á°áľá°ááá°á á áá ááá˘
my-app.comᣠáĽá ááá áááśá˝á áá áááᢠáĽááą á áááľ á°á¨ááá˝ ááááłá: á ááááŞáŤ, ᨠCSS ááá á¨á፠ááááłáfonts.googleapis.com, á¨á፠áá ááá á áḠááááá˝á áá áááfonts.gstatic.com. á¨á¨áľááš áአá áá¸-ááááá˝ áĽáá°áᥠááá á áá˝ááfonts.gstatic.comᨠCSS áááá áĽáľááľáá áľá¨áľ áŤáľáááááłááŁáľááá á áľááľáá áĽáť áá á¨ááááŞáŤ áááááľ ááľá¨á á¨ááá˝ááá˘
á ááłááľ á¨áśáľá°á ááá áľááŞááľ ááá á ἠáááá á áá á áá፠áá áá á áľááľá á á°áá ᨠáááááľ ááááŤáľ.
áĽáŁáŤá˝á á°ááłáłá áŁá áŞáŤáľá áἠáá á
<link rel= "dns-prefetch"/>и<link rel= "preconnect">. áĽááá áá áĽááąá áá ááľ á፠áá ááá˝á áľááá á¨ááááĄ-<link rel= "preconnect">á áľááľá áŤáŤáľáłá<link rel= "dns-prefetch"/>áĽá áĽá á°á¨ááŞ. áá á áááľ ááłáŽá˝ áá¨ááἠáá˝áá-
- á¨áአá áłážá˝á áá°áá ááááá?.
<link rel= "dns-prefetch" />á¨á°á°áá .<link rel= "preconnect">á Chrome áĽá Firefox ááľáĽ áá°áá°á áá áá°ááá, ááá áá á 11.1 áĽá áá° Safari áĽáť áłááá . áĽááá á á áłážá˝ áá°áá á¨ááá áá áá<link rel= "dns-prefetch" />áĽáá° á¨áá áŁá á፠á ááŤá á<link rel= "preconnect">.- áááááśá˝á á¨4-6 á áá ááŤáá˝á ááá á ááááá. áááŤ
<link rel= "preconnect">áááááľ áááľá¨áľ áĽá ááá¨áľ ááľ áľáŤ áľááá á¨4-6 á áá á áá ááŤáá˝ áá áá á ááá¨ááá˘<link rel= "dns-prefetch" />á ááľá°á ááĽáśá˝á áá ááá, áľááá á áľááá á¨áá áá ááá áľ.
ááááŽá˝á áááá¨áą
á ááŤá áááŤ. á áłáš áá áá áááŞáŤ áĽáá˛á¨á°á á ááá°áľáᣠáľááá á¨á˛ á¤á á¤áľ áĽáŤáľ ááŤá¨ááá áá˝ááᣠáááłá á ááš áá áĽá áĽáá°áá áŤá áááŤáá˝ áŤá ááá á áá á ááŁáá˘
Რá¤á á¤áľ áááľá áá?. á áááá¨áĄ áá áŤáá áĽáŤááłááą á áááá áአá¨áá á¨á áá á áľáŤáť á áá ᣠáĽáąá áááľáá 216.58.215.78. á¨áŁá˘áŤá áľá áĽááá áá á á áłáš á¨á áľáŤáť á áá ááľáĽ áááŁá (áááłá ᣠgoogle.com), áĽá Რá¤á á¤áľ (á¨á፠áľá áľáááľ) á ááááŽá˝ á¨á áááአá áá á áľáŤáť áá ááŁáŁáá (216.58.215.78).
á¨á áá á áľáŤáťá áááá°á á áłáš á¨á˛á¤áá¤áľ á áááá áá á¨á á áá áľá˘ áá° á á˛áľ á¨áśáľá°á ááá á፠á˛ááá 20-120 áá´ áááľáłáá˘
Რá¤á á¤áľ á°á°áĽááᣠááá áĽááłá á áŁá á áľá°ááá áŁááááá˘. á ááłááľ á¨áľááá° ááááá˝ áĽá á áłážá˝ á¨á˛ á¤á á¤áľ áá ááá˝á áá¸ááŤáĄ áá á á°á°ááá áá ááá˝ áá áá áááĽáŁáᣠááá áá áá¸áἠá áá áá°ááá á ááťááᢠá ááááľ áá áĽá áá á áá°áŤáᢠChrome á¨á˛ á¤á á¤áľ áá¸á፠á ááᣠáá á¨ááá¨á áá ááľ á°áá áĽáť ááᢠáááśááľ á¨á˛ á¤á á¤áľ ááážá˝á áá ááľáľ áááľ áŤá¨ááťáá˘
á áľá ááá áľ
<link rel= "prerender"> á áłáš áŠá áá¤áá áĽáá˛áŤáááľ áĽá á áááłá áľá ááľáĽ áĽáá˛áŤáłá¨á áá áááᢠá°á ááá á ááá áá á á
á˛áŤá°áá, ááš áá˛áŤáá ááłá¨áľ á áá áľ. á°á ááá á¨á°áá°á áá˝ áĽáá°ááá á áĽááá á á¨áá áĽá ááłáŤáá ááá á á¨ááá áá
á áá ááá˘
á¨áá
áá፠áአáá¤áłáááľ (ááá ááááŤáľ) á˘áááᣠá 2019 <link rel= "prerender"> á áá á áłážá˝ ááľáĽ á á°áἠá áá°áááᢠá°á¨á᪠ááááŽá˝á áááá¨áąá˘ .
á ááŁáĽ
<link rel="prerender" href="https://my-app.com/pricing" />
href á¨á áľá°ááᣠááľáŤáľ ááááá áá°áááááľ áŠá áá¤á áá áááá˘
ááź áĽáá°áá áá
á°á ááá áá° á ááľ á¨á°áá°á áá˝ áĽáá°áááľ áĽááá á á¨áá. áá° áá˝ á 70% ááĽááá˝ áá° áá˝ B á¨áááąá áľ âááťâ áŤáá
<link rel= "prerender"> á áá˝ A áá áá˝ á˘á á ááĽááľ áááłá¨áľ áá¨áłáá˘
á¨áá á á áá á áá áá. á
áľá ááá
áľ á áá°ááá፠áááľ áĽá á ááľáłááľ á¨ááľ áĽá
á á áŁá ááľ ááᢠá áá áá <link rel= "prerender"> á¨á ááľ á áá áá˝.
ááááŽá˝á áááá¨áą
á ááŤá áááŤ. á áłáš áá áá áááŞáŤ áĽáá˛á¨á°á á ááá°áľá áĽá áááłá á áááł áááááľ ááá á á áŤááá áá áá á°á¨ áľááľáł á˛áá á˝á ááá áá˝ááá˘
áá á°á¨ áľááľáłá áááľááἠChrome áá áľáŤ á áá°áŤáá . áá áááľ Chrome áášá áĽá áááá ááĽáśášá áááá, ááá áá á፠áľááŞááľá á áŤá°áŤá ááá á áá°áŤá.
áá¨ááááľ áĽá áłá᪠áá á áá፠á áášá á áá°áááᢠá áłážá˝ áá áá áááŞáŤ áĽáá˛á¨á°á áľááááá°áą áá áááá ááááŤáá á ááĽáľáᢠáá á ááá áŤáłááá. áá¨ááááľ áá°áŁáľ áááłáľ áááľ ááᢠáłá᪠á¨áá áááŁáá˝ á áᢠ.
áá áááŤ
á°á áááĄ
<link rel= "preload">- á áĽááľ á°á¨ááśá˝ ááľáĽ ááĽáľ á˛ááá<link rel= "prefetch">- á áááĽáá áá˝ áá ááĽáąá á˛ááá<link rel= "preconnect">- á á áᥠáááá፠áĽáá°ááŤáľáááá á˛áŤááᣠáá áá áŠá áá¤ááá áĽáľáŤáá á ááááá˘<link rel= "dns-prefetch">- á á°ááłáłá ᣠá á áἠáá áááá፠áĽáá°ááŤáľáááááľ á˛áŤáá ᣠáá áá áŠá áá¤áá áá á áááá (áá áŽá á áłážá˝)<link rel= "prerender">- á°á áááá˝ áá° á ááľ áá˝ áĽáá°áááą áĽááá á á¨áá áĽá ááłáŤáá ááá á ááááá
ááá: hab.com