CSS: Font subsetting

0:00W tej krótkiej lekcji opowiem ci czym jest hangar i czym jest Fort Sam Sting.

0:06Generalnie ma to

0:08powiązanie z tą wydajnością której

0:10wcześniej już mówiłem i członkami czyli generalnie ładują czcionki.

0:16Często zdarza się tak że niektóre znaki

0:18nie są zupełnie wykorzystane ponieważ na danej stronie np.

0:21nie ma żadnego słowa które zawiera on

0:24czy żadnego słowa który zawiera inną literę może np.

0:28nie zawierać też znaków takich jak Krzyk NIK czy tego typu podobne.

0:33W związku z czym nie wszystkie znaki w danym found filmu są wykorzystywane.

0:38Na tej jednej indywidualnej stronie i to co możemy zrobić jako już naprawdę

0:43grube działo optymalizacji jest front Thing czyli pozbywanie się

0:49z danego front Phila elementów które i tak nie zostaną użyte.

0:54Jest to najlepiej.

0:56Widoczne właśnie np. na front.

0:58Jeżeli cały plik front ładuje do przeglądarki i korzystamy np.

1:04tylko z jednej ikonki to możemy użyć

1:07Wengera aby sprawdzić której ikonki używamy i później wygenerować sobie nowy

1:12front Fail który będzie zawierał tylko tę jedną ikonkę.

1:15W związku z czym jeżeli cały nasz front film waży około 50 bajtów

1:20a my weźmiemy tylko jedną jego składową czyli jeden znak

1:25to możemy tak naprawdę zmniejszyć nasz cel o ponad 90 proc.

1:32więc jeżeli już zoptymalizować nasz HTML

1:35CSS nasze skrypty używamy aby pozbyć się nieużywanych klas

1:41czujemy nasze style robimy linki kompresji jemy całą naszą treść no to

1:47front sam Thing jest jeszcze takim dodatkowym poziomem optymalizacji który

1:51możemy zrobić po prostu pozbywając się elementów z danego Phila.

1:55Dla tej jednej witryny

1:57co jest ważne tutaj ja tego też nie robię na lekcji po prostu bo jest to zbyt

2:02duże narzędzie i troszkę skomplikowane zwłaszcza w konfiguracji więc ja

2:06tutaj po prostu link do Get HB jak z tego gry Wengera korzystać.

2:10Natomiast istotne jest to że jeżeli na naszej stronie nie broniło się

2:15no to z tego front Phila zostanie usunięte ale nie możemy tego Phila używać do żadnej

2:21innej strony wtedy bo jeżeli załatwimy tego front Phila na stronie

2:25gdzie faktycznie on się wyświetla no to będziemy mieli pojedynczą latarkę

2:29która jest innej czcionki w związku z czym trzeba być też ostrożnym co do

2:36Sportingu ponieważ często zdarza się tak że na stronie głównej naszego portalu nie

2:42będziemy używać większych Nika ale na przykład na kontakcie już ten krzyk

2:46NIK będzie w związku z czym nie ma sensu dzielić sobie konta na dwa mniejsze

2:52aby później osobno ładować no bo jeżeli nawet skurczy się front File o jeden

2:57wykrzykiwał waży te dwa kilo mniej to jeżeli musimy na drugiej stronie

3:03załadować kolejny front file to suma tych dwóch filii będzie większa

3:08niż to gdybyśmy po prostu plik wrzucili bez żadnych zmian czyli.

3:1430 kilo bajtów plus 30 bajtów to będzie 60.

3:19A jeśli musielibyśmy całego

3:22found Phila tak jak on był nam dane czyli normalnego np.

3:26robota

3:28no to waga mogłaby wynosić 50 bajtów więc jesteśmy tak naprawdę 10 kilo bajtów do

3:32tyłu w kontekście całego Józef czerni w kontekście pojedynczego hołdu.

3:38Niekoniecznie natomiast jak wyszukiwarki

3:41internetowe sprawdzają treść i robią rating no to oczywiście jest to

3:47temat dla SEO i ten temat też nigdy nie będzie do końca jasne ponieważ

3:52Google nigdy nie zdradzi nam swoich technik jak ocenia strony internetowe do

3:57takiego stopnia aby ktoś mógł mieć po prostu w cudzysłowie monopol.

4:01Na stronie głównej Google'a więc gdy hangar jest to narzędzie które.

4:07Ma w swoich tendencjach Pythona.

4:10Wydaje mi się że ma jeszcze jakiś inny język i faktycznie trzeba go sobie

4:14skonfigurować w związku z czym ja tego robić nie będę.

4:17Zostawiam was z dokumentacją.

4:20Dodatkowo jeżeli ktoś jest

4:22znany w pokera no to możecie też sobie wyszukać dr Węgier.

4:26Jest to kontener który ja stworzyłem który

4:30pozwala wam nie instalować Pythona lokalnie tylko odwoływać się do kontenera

4:35jako do narzędzia i dostawać przepracowane chwile.