{"id":4919,"date":"2022-02-13T19:31:54","date_gmt":"2022-02-13T19:31:54","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=4919"},"modified":"2022-04-11T22:02:19","modified_gmt":"2022-04-11T22:02:19","slug":"asynchronous-scripts","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/13\/asynchronous-scripts\/","title":{"rendered":"Asynchronous Scripts"},"content":{"rendered":"\n<p>There are many resources in your site and not whole resources in need&nbsp;<strong>all the time<\/strong>. By using this&nbsp;<strong>asynchronous settings<\/strong>, improve the performance and speed.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Asynchronous load<\/h4>\n\n\n\n<p>Some&nbsp;<strong>javascript libraries<\/strong>&nbsp;does not affect first paint. And you can increase page loading speed by loading them&nbsp;<strong>asynchronously<\/strong>&nbsp;and it will improve performance.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Split tasks<\/h4>\n\n\n\n<p><strong>Long time tasks<\/strong>&nbsp;may cause unintentional rendering suspension or affect to its performance. To make pages faster, please check&nbsp;<strong>split task option<\/strong>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Only necessary JS at loading<\/h4>\n\n\n\n<p>While page is loaded, there exists a lot of&nbsp;<strong>unnecessary javascripts<\/strong>&nbsp;running during initialization. If they works in idle time and only necessary ones runs while loading time, page speed will be faster.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Process after load event<\/h4>\n\n\n\n<p>This will accelerate page\u2019s\u00a0<strong>load time<\/strong>. But this may cause compatibility issue since page still not be ready. It will be in\u00a0<strong>ready state<\/strong>\u00a0after document or window load event is ready. To fix this problem, Please add event handlers to window\u2019s \u201calpha_complete\u201d event.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"537\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/performance3-1-1024x537.jpg\" alt=\"\" class=\"wp-image-5378\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/performance3-1-1024x537.jpg 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/performance3-1-768x403.jpg 768w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/performance3-1-780x408.jpg 780w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>There are many resources in your site and not whole resources in need&nbsp;all the time. By using this&nbsp;asynchronous settings, improve the performance and speed. Asynchronous load Some&nbsp;javascript libraries&nbsp;does not affect first paint. And you can increase page loading speed by loading them&nbsp;asynchronously&nbsp;and it will improve performance. Split tasks Long time tasks&nbsp;may cause unintentional rendering suspension [&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-4919","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\/4919","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=4919"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4919\/revisions"}],"predecessor-version":[{"id":5383,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4919\/revisions\/5383"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=4919"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=4919"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=4919"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}