Realicé una prueba de velocidad en mi sitio web y una de las sugerencias fue reducir mis solicitudes externas. Estoy usando 3 Google Web Fonts, en efecto 3 solicitudes separadas. ¿Es posible combinar estos en 1 solicitud?¿Es posible reducir Google Web Fonts a una solicitud si utilizo varias fuentes?
¿No son las Fuentes (como activos de imágenes, objetos JSON o videos) recursos separados que necesitan solicitudes individuales?
Puede evitar las tres solicitudes incrustando las fuentes en data: URIs dentro del CSS, al menos en IE9 + y en la mayoría de los navegadores modernos.
nota: también trabajar en IE8, pero están limitados a 32 KB
Nota 2: obviamente, no obtendrá los beneficios de la CDN de Google, ya que tendrá que servir a las fuentes dentro de la CSS. ..
Puede combinar varias fuentes con una sola llamada utilizando | personaje. Ejemplo:
<link href='//fonts.googleapis.com/css?family=Cantarell|Terminal+Dosis' rel='stylesheet' type='text/css'>
ver https://developers.google.com/webfonts/docs/getting_started –
Sí se puede cargar múltiples fuentes en una sola solicitud como
<link rel='stylesheet' type='text/css' href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Lato:300,400,700,900'>
Imagino los beneficios de la CDN de Google son> de cargarlos en mi servidor + 3 las solicitudes? –
Difícil de decir; El CDN de Google seguramente tendrá mayor ancho de banda y menor latencia. Además, los datos codificados en base64 ocupan más espacio. OTOH, requerirá una búsqueda DNS adicional y 3 solicitudes en lugar de una (o cero, si ya tiene un archivo CSS). Benchmarking es la única forma de saberlo. – CAFxX