{"id":1208,"date":"2021-02-10T22:02:52","date_gmt":"2021-02-10T16:32:52","guid":{"rendered":"https:\/\/myfreeonlinetools.com\/blog\/?p=1208"},"modified":"2021-02-10T22:07:29","modified_gmt":"2021-02-10T16:37:29","slug":"how-to-add-bootstrap-css-and-jquery-after-page-load","status":"publish","type":"post","link":"https:\/\/myfreeonlinetools.com\/blog\/how-to-add-bootstrap-css-and-jquery-after-page-load\/","title":{"rendered":"How to add bootstrap CSS and JQuery after page load"},"content":{"rendered":"<h2>Add Bootstrap library files after window load<\/h2>\n<p>Need to load jQuery and CSS bootstrap file after load page for optimize page speed and reduce the load time of page add both files after page open in the window. After loading files in the window will helps to reduce the loading time and increase page speed as well.<\/p>\n<p>&nbsp;<\/p>\n<pre>&lt;script type=\"text\/javascript\"&gt;\r\n\r\njQuery(document).ready(function(){\r\njQuery('head').append('&lt;link type=\"text\/css\" href=\"css\/style.css?ver=1.1\" \r\nrel=\"stylesheet\"&gt;&lt;link rel=\"stylesheet\" \r\nhref=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/3.4.1\/css\/bootstrap.min.css\" \r\ntype=\"text\/css\" \/&gt;&lt;link type=\"text\/css\" href=\"css\/popup.css\" rel=\"stylesheet\" \/&gt;');\r\n$.getScript('https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/3.4.1\/js\/bootstrap.min.js');\r\n$.getScript('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery-cookie\/1.4.1\/jquery.cookie.min.js');\r\n$.getScript('javascript\/script.js');\r\n});\r\n\r\n&lt;\/script&gt;<\/pre>\n<p>above code also help to load other stylesheet and javascript files after the page comes in window.\u00a0 For adds, files append child in the head or get script function.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Add Bootstrap library files after window load Need to load jQuery and CSS bootstrap file after load page for optimize page speed and reduce the load time of page add [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[32,28],"tags":[],"class_list":["post-1208","post","type-post","status-publish","format-standard","hentry","category-bootstrap","category-jquery-code"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to add bootstrap CSS and JQuery after page load - MyFreeOnlineTools<\/title>\n<meta name=\"description\" content=\"some times need to add bootstrap, jquery or css file after window load so can use jquery to add thous files. MyFreeOnlineTools\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/myfreeonlinetools.com\/blog\/how-to-add-bootstrap-css-and-jquery-after-page-load\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add bootstrap CSS and JQuery after page load - MyFreeOnlineTools\" \/>\n<meta property=\"og:description\" content=\"some times need to add bootstrap, jquery or css file after window load so can use jquery to add thous files. MyFreeOnlineTools\" \/>\n<meta property=\"og:url\" content=\"https:\/\/myfreeonlinetools.com\/blog\/how-to-add-bootstrap-css-and-jquery-after-page-load\/\" \/>\n<meta property=\"og:site_name\" content=\"MyFreeOnlineTools\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/LearnSchoolOnline\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-10T16:32:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-02-10T16:37:29+00:00\" \/>\n<meta name=\"author\" content=\"myfreeonlinetools\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"myfreeonlinetools\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/how-to-add-bootstrap-css-and-jquery-after-page-load\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/how-to-add-bootstrap-css-and-jquery-after-page-load\/\"},\"author\":{\"name\":\"myfreeonlinetools\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/b1eb72e57c554e3b33cfeec477efcc3c\"},\"headline\":\"How to add bootstrap CSS and JQuery after page load\",\"datePublished\":\"2021-02-10T16:32:52+00:00\",\"dateModified\":\"2021-02-10T16:37:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/how-to-add-bootstrap-css-and-jquery-after-page-load\/\"},\"wordCount\":99,\"publisher\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#organization\"},\"articleSection\":[\"Bootstrap\",\"jQuery Code\"],\"inLanguage\":\"en\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/how-to-add-bootstrap-css-and-jquery-after-page-load\/\",\"url\":\"https:\/\/myfreeonlinetools.com\/blog\/how-to-add-bootstrap-css-and-jquery-after-page-load\/\",\"name\":\"How to add bootstrap CSS and JQuery after page load - MyFreeOnlineTools\",\"isPartOf\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#website\"},\"datePublished\":\"2021-02-10T16:32:52+00:00\",\"dateModified\":\"2021-02-10T16:37:29+00:00\",\"description\":\"some times need to add bootstrap, jquery or css file after window load so can use jquery to add thous files. MyFreeOnlineTools\",\"breadcrumb\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/how-to-add-bootstrap-css-and-jquery-after-page-load\/#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/myfreeonlinetools.com\/blog\/how-to-add-bootstrap-css-and-jquery-after-page-load\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/how-to-add-bootstrap-css-and-jquery-after-page-load\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/myfreeonlinetools.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to add bootstrap CSS and JQuery after page load\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#website\",\"url\":\"https:\/\/myfreeonlinetools.com\/blog\/\",\"name\":\"MyFreeOnlineTools\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/myfreeonlinetools.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#organization\",\"name\":\"MyFreeOnlineTools\",\"url\":\"https:\/\/myfreeonlinetools.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2019\/11\/myfreeonlinetools-blue.png\",\"contentUrl\":\"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2019\/11\/myfreeonlinetools-blue.png\",\"width\":387,\"height\":79,\"caption\":\"MyFreeOnlineTools\"},\"image\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/b1eb72e57c554e3b33cfeec477efcc3c\",\"name\":\"myfreeonlinetools\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b870b17c6c7e3b75d7fe0b8bebfc9cf5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b870b17c6c7e3b75d7fe0b8bebfc9cf5?s=96&d=mm&r=g\",\"caption\":\"myfreeonlinetools\"},\"description\":\"Live in Delhi, Working in Gurgaon as Web Designer and Graphic Designer. Developed and Design myfreeonlinetools for online free tools. Also having youtube channel Name with LearnSchoolOnline. Traveling, watching movies, coding are the hobbies.\",\"sameAs\":[\"https:\/\/myfreeonlinetools.com\/\",\"https:\/\/www.facebook.com\/LearnSchoolOnline\/\",\"https:\/\/www.youtube.com\/learnschoolonline\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to add bootstrap CSS and JQuery after page load - MyFreeOnlineTools","description":"some times need to add bootstrap, jquery or css file after window load so can use jquery to add thous files. MyFreeOnlineTools","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/myfreeonlinetools.com\/blog\/how-to-add-bootstrap-css-and-jquery-after-page-load\/","og_locale":"en_US","og_type":"article","og_title":"How to add bootstrap CSS and JQuery after page load - MyFreeOnlineTools","og_description":"some times need to add bootstrap, jquery or css file after window load so can use jquery to add thous files. MyFreeOnlineTools","og_url":"https:\/\/myfreeonlinetools.com\/blog\/how-to-add-bootstrap-css-and-jquery-after-page-load\/","og_site_name":"MyFreeOnlineTools","article_author":"https:\/\/www.facebook.com\/LearnSchoolOnline\/","article_published_time":"2021-02-10T16:32:52+00:00","article_modified_time":"2021-02-10T16:37:29+00:00","author":"myfreeonlinetools","twitter_card":"summary_large_image","twitter_misc":{"Written by":"myfreeonlinetools","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/myfreeonlinetools.com\/blog\/how-to-add-bootstrap-css-and-jquery-after-page-load\/#article","isPartOf":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/how-to-add-bootstrap-css-and-jquery-after-page-load\/"},"author":{"name":"myfreeonlinetools","@id":"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/b1eb72e57c554e3b33cfeec477efcc3c"},"headline":"How to add bootstrap CSS and JQuery after page load","datePublished":"2021-02-10T16:32:52+00:00","dateModified":"2021-02-10T16:37:29+00:00","mainEntityOfPage":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/how-to-add-bootstrap-css-and-jquery-after-page-load\/"},"wordCount":99,"publisher":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/#organization"},"articleSection":["Bootstrap","jQuery Code"],"inLanguage":"en"},{"@type":"WebPage","@id":"https:\/\/myfreeonlinetools.com\/blog\/how-to-add-bootstrap-css-and-jquery-after-page-load\/","url":"https:\/\/myfreeonlinetools.com\/blog\/how-to-add-bootstrap-css-and-jquery-after-page-load\/","name":"How to add bootstrap CSS and JQuery after page load - MyFreeOnlineTools","isPartOf":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/#website"},"datePublished":"2021-02-10T16:32:52+00:00","dateModified":"2021-02-10T16:37:29+00:00","description":"some times need to add bootstrap, jquery or css file after window load so can use jquery to add thous files. MyFreeOnlineTools","breadcrumb":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/how-to-add-bootstrap-css-and-jquery-after-page-load\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/myfreeonlinetools.com\/blog\/how-to-add-bootstrap-css-and-jquery-after-page-load\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/myfreeonlinetools.com\/blog\/how-to-add-bootstrap-css-and-jquery-after-page-load\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/myfreeonlinetools.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to add bootstrap CSS and JQuery after page load"}]},{"@type":"WebSite","@id":"https:\/\/myfreeonlinetools.com\/blog\/#website","url":"https:\/\/myfreeonlinetools.com\/blog\/","name":"MyFreeOnlineTools","description":"","publisher":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/myfreeonlinetools.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en"},{"@type":"Organization","@id":"https:\/\/myfreeonlinetools.com\/blog\/#organization","name":"MyFreeOnlineTools","url":"https:\/\/myfreeonlinetools.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2019\/11\/myfreeonlinetools-blue.png","contentUrl":"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2019\/11\/myfreeonlinetools-blue.png","width":387,"height":79,"caption":"MyFreeOnlineTools"},"image":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/b1eb72e57c554e3b33cfeec477efcc3c","name":"myfreeonlinetools","image":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b870b17c6c7e3b75d7fe0b8bebfc9cf5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b870b17c6c7e3b75d7fe0b8bebfc9cf5?s=96&d=mm&r=g","caption":"myfreeonlinetools"},"description":"Live in Delhi, Working in Gurgaon as Web Designer and Graphic Designer. Developed and Design myfreeonlinetools for online free tools. Also having youtube channel Name with LearnSchoolOnline. Traveling, watching movies, coding are the hobbies.","sameAs":["https:\/\/myfreeonlinetools.com\/","https:\/\/www.facebook.com\/LearnSchoolOnline\/","https:\/\/www.youtube.com\/learnschoolonline"]}]}},"_links":{"self":[{"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/posts\/1208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/comments?post=1208"}],"version-history":[{"count":0,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/posts\/1208\/revisions"}],"wp:attachment":[{"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/media?parent=1208"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/categories?post=1208"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/tags?post=1208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}