Bootstrap 4 Optimization

You just make a big mistake.
use this guideline.

header.php

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

You also made a mistake calling js file. Frist needs jQuery then popper.js then bootstrap
and the big mistake is you call all of them in the header file, that’s why when the page is loaded it takes time to load all the scripts.

footer.php

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

If you don’t have a big issue to use scripts in the header then don’t use them to the header. It will slow down your page speed!

Related Posts:

  1. How to combine multiple CSS files and concatenate JavaScripts if WordPress recommends enqueuing them?
  2. Relative path instead of absolute for wp_enqueue_script
  3. How to insert html/css/javascript code to wordpress plugin
  4. enqueing Javascript and CSS
  5. Could the WP script/style loader be used to concatenate and gzip scripts and styles in the front-end?
  6. wp_enqueue_scripts, wp_register_scripts, wp_print_scripts: i’m confused
  7. Use wp_enqueue_scripts, not wp_print_styles?
  8. Load custom css after bootstrap
  9. Custom Admin CSS styles to style media uploader?
  10. Enqueueing a script and a style sheet not working
  11. How to integrate my HTML and javascript into my child theme
  12. Child theme stylesheet not always overriding “index”
  13. Custom Plugin – CSS works, JS doesn’t
  14. How can I force Dynamic CSS via ACF values to update on page load?
  15. functions.php – inject inline css from file
  16. Load custom CSS before admin CSS
  17. Theme JS is available but theme CSS isn’t
  18. Including CSS files in HEAD based on page content
  19. Dequeue styles with query doesn’t work
  20. Bootstrap Integtration
  21. Enqueue CSS and Script only if needeed
  22. plugin not loading my css and js
  23. Custom theme – Bootstrap CSS not loading via wp_enqueue_style or otherwise
  24. What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
  25. Does bootstrap have builtin padding and margin classes?
  26. Bootstrap Dropdown menu is not working
  27. How to set up fixed width for ?
  28. How to change btn color in Bootstrap
  29. Bootstrap Dropdown menu is not working
  30. Bootstrap Dropdown menu is not working
  31. Flushing footer to bottom of the page, twitter bootstrap
  32. How can I make Bootstrap columns all the same height?
  33. Set bootstrap modal body height by percentage
  34. Bootstrap align navbar items to the right
  35. Responsive Canvas in Bootstrap column?
  36. Bootstrap Collapse not Collapsing
  37. How can I get a list of all enqueued scripts and styles?
  38. How to load scripts/styles specific for a page
  39. WordPress Admin Bar Overlapping Twitter Bootstrap Navigation [closed]
  40. Inbuilt style for jquery-ui-datepicker
  41. Why is style.css not being enqueued?
  42. How to conditionally enqueue a stylesheet only for a certain page(s)?
  43. Why I can’t add a CSS style in this WordPress theme?
  44. How can I dequeue a Plugin Stylesheet?
  45. How to solve ‘Eliminate render-blocking JavaScript and CSS in above-the-fold’ content for multiple files?
  46. How Can I Use A Child Theme Effectively When Parent’s CSS Is Located in a ‘CSS folder’?
  47. Disable child theme css on certain pages
  48. Style.css in child theme is loaded before Bootstrap
  49. When enqueing a stylesheet, is it possible to remove the type attribute? [duplicate]
  50. Move all the JS files to the bottom|footer, the right way
  51. Enqueue style for Password Reset page
  52. Collapsible button inside a ul list does work in jsfiddle but not in WP
  53. Handling URLs in WordPress application
  54. Override load-styles.php with admin screen css
  55. CSS file not registering through add_action
  56. getting url in wp_enqueue_style
  57. Can “ and “ tags be used in the HTML editor?
  58. JavaScript added as link/stylesheet
  59. Use wp_add_inline_style to add code to before wp_head?
  60. Adding external stylesheet after ALL other styles
  61. Eliminate render-blocking JavaScript and CSS in above-the-fold content
  62. How to enqueue a random css style?
  63. Layout using Bootstrap not aligning correctly
  64. Bootstrap in theme
  65. create bootstrap columns inside editor group block
  66. why this media query is not working / not loading when I put it in child theme?
  67. How do I make header.php use different css for different pages?
  68. Load CSS in footer, like your can with JS?
  69. Implementing a simple slider in code?
  70. Google yolo one tab signup plugin avilable in wordpress? [closed]
  71. CSS – Initial HTML Margin Issue On WordPress Site
  72. Cannot set property ‘className’ of null at setThemeFromCookie
  73. wp_enqueue_scripts and CSS
  74. Conditionally enqueue a stylesheet based off of a javascript click event
  75. Append style tag in head while shortcode runs
  76. CSS getting injected into index from somewhere after theme/custom CSS is loaded, overriding all of my CSS [closed]
  77. How to integrate Bootstrap Grid System in WordPress
  78. ACF Pro with SlickJS [closed]
  79. Show/Hide Div for Login Mask
  80. prevent HTML output if custom field is empty [closed]
  81. is there a way to get all queued scripts/styles into a template without `get_header()`?
  82. Combine CSS Files without plugin
  83. WordPress Rest Api access the header and extract stylesheets URL
  84. How to make a function to play only on the home page?
  85. How to enqueue stylesheets in child-theme functions.php?
  86. Unable to use Datepicker in a table when inserting a row
  87. Why can I not deregister my style and script on custom post type?
  88. How to properly hide the div of an inline collapsible button?
  89. Set different css stylesheet for specific pages [duplicate]
  90. My Child Theme CSS Isn’t Working
  91. Web Developer Console: “Slow network is detected.” with fonts
  92. Bootstrap with separate js File
  93. The placeholder text doesnt disappear
  94. What can cause JavaScript and CSS files to be minified?
  95. Parent style messing up with Bootstrap [closed]
  96. Interactive maps in wordpress
  97. How to make this splash page responsive
  98. How do I add JS and CSS to WP (Flatsome)
  99. “Plate” theme broken after update
  100. How enqueue CSS out of theme folder?