Przeprowadziłem test prędkości na mojej stronie internetowej i jedną z sugestii było zmniejszenie moich żądań zewnętrznych. Używam 3 czcionek Google Web, w rezultacie 3 oddzielnych żądań. Czy można je połączyć w jedno żądanie?Czy mogę zmniejszyć czcionki internetowe Google do jednego żądania, jeśli używam wielu czcionek?
Odpowiedz
Czy oddzielne zasoby, które wymagają indywidualnych wniosków, nie są czcionkami (takimi jak zasoby obrazu, obiekty JSON lub pliki wideo)?
Możesz uniknąć tych trzech żądań poprzez osadzanie czcionek w data: URIs w CSS - przynajmniej w IE9 + i najnowocześniejszych przeglądarkach.
uwaga: oni również pracować w IE8, ale są ograniczone do 32KB
Uwaga2: oczywiście, nie będzie czerpać korzyści z Google CDN, ponieważ będziesz musiał służyć czcionek wewnątrz CSS. ..
Możesz łączyć kilka czcionek za pomocą tylko jednego połączenia za pomocą | postać. Przykład:
<link href='//fonts.googleapis.com/css?family=Cantarell|Terminal+Dosis' rel='stylesheet' type='text/css'>
zobacz https://developers.google.com/webfonts/docs/getting_started –
Tak można załadować wiele czcionek w jednym żądaniu jak
<link rel='stylesheet' type='text/css' href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Lato:300,400,700,900'>
sobie wyobrazić korzyści z Google CDN jest> niż umieszczając je na moim serwerze + 3 wnioski? –
Trudno powiedzieć; Google CDN prawie na pewno będzie miał większą przepustowość i mniejsze opóźnienia. Ponadto dane zakodowane w Base64 zajmują więcej miejsca. OTOH, będzie wymagać dodatkowego wyszukiwania DNS i 3 żądań zamiast jednego (lub zero, jeśli masz już plik CSS). Benchmarking to jedyny sposób na poznanie. – CAFxX