{"id":4911,"date":"2022-02-13T19:29:29","date_gmt":"2022-02-13T19:29:29","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=4911"},"modified":"2022-05-05T23:10:43","modified_gmt":"2022-05-05T23:10:43","slug":"serve-fonts","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/13\/serve-fonts\/","title":{"rendered":"Serve Fonts"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">You might not load all fonts at first time because&nbsp;<strong>first loading time<\/strong>&nbsp;is one of the important performance metric. So if you want to improve site&nbsp;<strong>performance<\/strong>, it will be good help for you.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Preload Webfonts<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">This improves&nbsp;<strong>page load time<\/strong>&nbsp;as the browser caches preloaded resources so they are available immediately when needed. By using this option, you can increase page speed about&nbsp;<strong>1 ~ 4 percent<\/strong>&nbsp;in&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\">Google PageSpeed Insights<\/a>&nbsp;for both of mobile and desktop.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also input&nbsp;<strong>other resources<\/strong>&nbsp;that will be pre loaded.<\/p>\n\n\n\n<p class=\"alert alert-success wp-block-paragraph\">Example: https:\/\/d-themes.com\/wordpress\/udesign\/wp-content\/themes\/udesign-child\/fonts\/custom.woff2.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Font Face Rendering<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Choosing \u201cSwap\u201d for font-display will ensure text remains visible during&nbsp;<strong>webfont load<\/strong>&nbsp;and this will improve page speed score in&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\">Google PageSpeed Insights<\/a>&nbsp;for both of mobile and desktop.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"706\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/performance2-1-1024x706.jpg\" alt=\"\" class=\"wp-image-5377\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/performance2-1-1024x706.jpg 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/performance2-1-768x530.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>You might not load all fonts at first time because&nbsp;first loading time&nbsp;is one of the important performance metric. So if you want to improve site&nbsp;performance, it will be good help for you. Preload Webfonts This improves&nbsp;page load time&nbsp;as the browser caches preloaded resources so they are available immediately when needed. By using this option, you [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[35],"tags":[],"class_list":["post-4911","post","type-post","status-publish","format-standard","hentry","category-performance"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4911","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/comments?post=4911"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4911\/revisions"}],"predecessor-version":[{"id":7699,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4911\/revisions\/7699"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=4911"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=4911"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=4911"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}