1 Востаннє редагувалося karmeljuk (03.10.2017 16:44:43)

Тема: Попереднє завантаження контенту в HTML

На днях натрапив на таку цікаву статтю щодо rel="preload". Суть в тому, що є можливість вказувати коли і як підвантажувати контент в хедері сторінки і таким чином ми значно пришвидчуємо завантаження нашого сайту. Також ходять чутки, що надалі Гугл буде дуже ретельно аналізувати даний фактор і давати вельми багато плюсів у пошуковому рейтингу таким сайтам

Якщо кому ліньки глянути статтю - то ось приклад розмітки

<head>
  <meta charset="utf-8">
  <title>JS and CSS preload example</title>

  <link rel="preload" href="style.css" as="style">
  <link rel="preload" href="main.js" as="script">

  <link rel="stylesheet" href="style.css">
</head>

<body>
  <h1>bouncing balls</h1>
  <canvas></canvas>

  <script src="main.js"></script>
</body>

Даний атрибут підтримується практично у всіх сучасних браузерах, окрім Сафарі. Але навіть у випадку Сафарі даний атрибут негативних чином не вплине на сторінку, а просто буде пропускатися браузером (виправте, якщо я помиляюся)

Власне, питання: хто вже використовував дані атрибути, хто помітив від них якогось покращення заванитаження сторінки ?

Був собі цебер, та переполуцебрився на полуцебренята
Неймовірний блог про мандри http://bosano.ga

2

Re: Попереднє завантаження контенту в HTML

Теж чув, але ще не використовував. Також цікаво..