Tôi đã chạy thử nghiệm tốc độ trên trang web của mình và một trong các đề xuất là giảm yêu cầu bên ngoài của tôi. Tôi đang sử dụng 3 Phông chữ web của Google, có hiệu lực 3 yêu cầu riêng biệt. Có thể kết hợp chúng thành 1 yêu cầu không?Có thể giảm Google Web Fonts xuống một yêu cầu không nếu tôi đang sử dụng nhiều phông chữ?
Phông chữ không (như nội dung hình ảnh, đối tượng JSON hoặc video) có các tài nguyên riêng biệt cần yêu cầu riêng lẻ không?
Bạn có thể tránh ba yêu cầu bằng cách nhúng các phông chữ vào data: URIs bên trong CSS - ít nhất là trong IE9 + và các trình duyệt hiện đại nhất.
lưu ý: họ cũng làm việc trong IE8, nhưng được giới hạn 32KB
Note2: rõ ràng, bạn sẽ không nhận được những lợi ích của CDN của Google, vì bạn sẽ phải phục vụ các phông chữ trong CSS của bạn. ..
Bạn có thể kết hợp nhiều phông chữ chỉ với một cuộc gọi bằng cách sử dụng | tính cách. Ví dụ:
<link href='//fonts.googleapis.com/css?family=Cantarell|Terminal+Dosis' rel='stylesheet' type='text/css'>
xem https://developers.google.com/webfonts/docs/getting_started –
Có bạn có thể tải nhiều phông chữ trong yêu cầu duy nhất như
<link rel='stylesheet' type='text/css' href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Lato:300,400,700,900'>
Tôi tưởng tượng những lợi ích của CDN của Google> hơn tải chúng trên máy chủ của tôi + 3 yêu cầu? –
Khó nói; CDN của Google gần như chắc chắn sẽ có băng thông cao hơn và độ trễ thấp hơn. Hơn nữa dữ liệu được mã hóa base64 chiếm nhiều không gian hơn. OTOH, nó sẽ yêu cầu tra cứu DNS bổ sung và 3 yêu cầu thay vì một (hoặc số không, nếu bạn đã có tệp CSS). Đo điểm chuẩn là cách duy nhất để biết. – CAFxX