![]() ![]() ![]() Wait : Client waits for the server to respond to the request.Send : Client sends the HTTP request to the web server.Connect : Client establishes TCP connection (verify ssl) with the IP address of.DNS Lookup : The client tries to resolve the domain name for the request.Here’s a breakdown of some of the steps involved when making an HTTP request which should help you understand the problem. It goes without saying that Google’s servers are fast, but no matter how you spin it, to load fonts into your site your browser will have to make a separate HTTP Request to “fetch” these fonts from Google’s servers before your website site looks as it should. If you use either the or import method your website will make a request to the Google servers to download font files or CSS.Ī similar “easy” approach is using gatsby-plugin-google-fonts, but the same issues mentioned above still apply. ![]() Seems silly right? We’ve been able to add custom fonts to websites since approximately 1998 when CSS2 introduced the rule.īut as is the way with modern website development the “easy” approach might not be the “best” approach. There’s many things that can trip us up along the stoney path of web development and one that I see a lot is, Fonts. This is just a quick post to help you on your way with optimum web performance. ![]()
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |