Skip to content

Instantly share code, notes, and snippets.

@Nelex

Nelex/Отложенная загрузка шрифта в гугле.md

Last active July 20, 2020 19:09
Show Gist options
  • Save Nelex/ab5500017353d984ef271a32a5d7e0c8 to your computer and use it in GitHub Desktop.
Save Nelex/ab5500017353d984ef271a32a5d7e0c8 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. Nelex renamed this gist Jul 20, 2020. 1 changed file with 0 additions and 0 deletions.
    0 Отложенная загрузка шрифта в гугле → Отложенная загрузка шрифта в гугле.md
    View file
    File renamed without changes.
  2. Nelex revised this gist Jul 20, 2020. No changes.
  3. Nelex created this gist Jul 20, 2020.
    21 changes: 21 additions & 0 deletions Отложенная загрузка шрифта в гугле
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,21 @@
    Подсмотрел в теме метроника, но мне не попадалась. Вместо строки:
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,800&amp;subset=latin,cyrillic" rel="stylesheet" type="text/css" />

    Применил код:
    <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.16/webfont.js"></script>
    <script>
    WebFont.load({
    google: {
    "families": ["Open Sans:400,800"]
    },
    active: function() {
    sessionStorage.fonts = true;
    }
    });
    </script>

    и получил 10 дополнительных балов на google page speed.
    На примере этой статьи: https://100.ks.ua/bj/show/bmw-e38-stoit-li-pokupat-chto-ya-mogu-o-ney-skazat-i-raznica-rest-dorest
    До, было 31 бал, после стало 39-40.

    Вдруг кто не знал и мне заметка на память. Странно что не заметил этой техники раньше.