Vn-Z.vn ngày 28 tháng 09 năm 2023, Cloudflare vừa giới thiệu nền tảng phông chữ Cloudflare Fonts, được cho là có "tốc độ gọi các yếu tố nhanh hơn" , "đảm bảo bảo mật cao hơn" so với nền tảng Google Fonts. Dự kiến nền tảng này sẽ ra mắt vào tháng 10 năm nay.
Google Fonts là nền tảng phông chữ mã nguồn mở do Google phát triển, cung cấp một lượng lớn các yếu tố chữ viết cho các nhà thiết kế và nhà phát triển để sử dụng trên các trang web. Nhà phát triển có thể thêm các liên kết phông chữ liên quan vào trang HTML và sau đó sử dụng CSS để chỉ định các yếu tố nào sẽ sử dụng phông chữ đã được chỉ định.
Hiện tại, Google Fonts cung cấp 1.562 phông chữ và là nền tảng phông chữ trang web phổ biến nhất trên toàn cầu, chiếm gần 90% thị phần. Sau đó là Adobe Fonts, với 12% thị phần.
Trong khi đó, Cloudflare gần đây mới giới thiệu Cloudflare Fonts với mục tiêu thách thức vị trí của Google Fonts. Cloudflare cho rằng người dùng không cần tải phông chữ từ máy chủ của bên thứ ba được cung cấp bởi Google, điều này giúp "tăng cường quyền riêng tư của người dùng". Bên cạnh đó, thời gian DNS và TLS trên nền tảng Cloudflare Fonts được cho là ngắn hơn so với Google, do đó, các trang web sử dụng các yếu tố phông chữ từ Cloudflare Fonts sẽ có thời gian phản hồi ngắn hơn.
Theo các bài kiểm tra của Cloudflare, khi sử dụng nền tảng Google Fonts, thời gian phản hồi của trang web (First Contentful Paint) là 0,9 giây. Tuy nhiên, sau khi kích hoạt nền tảng Cloudflare Fonts, thời gian phản hồi của trang web đã được cải thiện lên 0,3 giây.
Cloudflare cho biết, khi người dùng tải phông chữ từ Google Fonts, quá trình này liên quan đến HTML và CSS. Trình duyệt cần thực hiện "DNS lookup" (tra cứu DNS), "establishing connection" (thiết lập kết nối), "HTTPS TLS handshake" (quá trình bắt tay TLS qua HTTPS), và yêu cầu tài nguyên tương ứng, tổng cộng có 8 lần trao đổi. Trong khi đó, Cloudflare Fonts đã giảm số lần trao đổi này xuống còn một lần, từ đó cải thiện tốc độ phản hồi của trang web.
Vn-Z.vn team tổng hợp tham khảo nguồn Cloudflare
Google Fonts là nền tảng phông chữ mã nguồn mở do Google phát triển, cung cấp một lượng lớn các yếu tố chữ viết cho các nhà thiết kế và nhà phát triển để sử dụng trên các trang web. Nhà phát triển có thể thêm các liên kết phông chữ liên quan vào trang HTML và sau đó sử dụng CSS để chỉ định các yếu tố nào sẽ sử dụng phông chữ đã được chỉ định.
Hiện tại, Google Fonts cung cấp 1.562 phông chữ và là nền tảng phông chữ trang web phổ biến nhất trên toàn cầu, chiếm gần 90% thị phần. Sau đó là Adobe Fonts, với 12% thị phần.
Trong khi đó, Cloudflare gần đây mới giới thiệu Cloudflare Fonts với mục tiêu thách thức vị trí của Google Fonts. Cloudflare cho rằng người dùng không cần tải phông chữ từ máy chủ của bên thứ ba được cung cấp bởi Google, điều này giúp "tăng cường quyền riêng tư của người dùng". Bên cạnh đó, thời gian DNS và TLS trên nền tảng Cloudflare Fonts được cho là ngắn hơn so với Google, do đó, các trang web sử dụng các yếu tố phông chữ từ Cloudflare Fonts sẽ có thời gian phản hồi ngắn hơn.
This separation results in a minimum of four round trips to the third-party servers for each resource request. These round trips are DNS lookup, socket connection establishment, TLS negotiation (for HTTPS), and the final round trip for the actual resource request. Ultimately, getting a font from Google servers to a browser requires eight round trips.
Users can see this. If they are using Google Fonts they can open their network tab and filter for these Google domains.
You can visually see the impact of the extra DNS request and TLS connection that these requests add to your website experience. For example on my WordPress site that natively uses Google Fonts as part of the theme adds an extra ~150ms.
Theo các bài kiểm tra của Cloudflare, khi sử dụng nền tảng Google Fonts, thời gian phản hồi của trang web (First Contentful Paint) là 0,9 giây. Tuy nhiên, sau khi kích hoạt nền tảng Cloudflare Fonts, thời gian phản hồi của trang web đã được cải thiện lên 0,3 giây.
Cloudflare cho biết, khi người dùng tải phông chữ từ Google Fonts, quá trình này liên quan đến HTML và CSS. Trình duyệt cần thực hiện "DNS lookup" (tra cứu DNS), "establishing connection" (thiết lập kết nối), "HTTPS TLS handshake" (quá trình bắt tay TLS qua HTTPS), và yêu cầu tài nguyên tương ứng, tổng cộng có 8 lần trao đổi. Trong khi đó, Cloudflare Fonts đã giảm số lần trao đổi này xuống còn một lần, từ đó cải thiện tốc độ phản hồi của trang web.
Vn-Z.vn team tổng hợp tham khảo nguồn Cloudflare
