Bootstrap 4 Optimization

时间：2020-01-26 作者：Faruk rıza

我安装了指向我的主题的所有引导链接。我很少使用bootstrap；一般用于电网系统。如何了解必须安装或不安装哪个链接？我也想知道我的安装是好还是有更好的方法？谢谢

标题。php：

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

<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>
因为我的页面速度很低。

任何人也可以向stackexchange添加bootstrap 4标记，因为它经常使用。只有推特引导？

1 个回复
SO网友:Tahazzot

你只是犯了个大错。使用本指南。

标题。php

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
调用js文件时也犯了一个错误。首先需要jQuery，然后是popper。js然后引导，最大的错误是在头文件中调用所有脚本，这就是为什么加载页面时需要花费时间来加载所有脚本的原因。

页脚。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>
如果在页眉中使用脚本没有大问题，那么不要在页眉中使用脚本。这会降低你的页面速度！

标签： css   javascript   wp-enqueue-script   wp-enqueue-style   twitter-bootstrap   小码农  

相关推荐

子主题样式.css版本控制

这件事让我头痛不已。我有一个儿童主题，并对style.css 文件这些更改没有显示在页面的重新加载中，因为该文件的样式表声明中没有提及版本。我发现了style.css 作为主题的基础加载，并且style.css 应该会出现，但没有。我尝试了在网上找到的注销、出列和重新排队选项，但仍然没有成功。我已经通过排队等待另一个css文件来解决这个问题，我已经根据文件的修改日期为其添加了版本控制，但我很好奇其他人是否已经看到这个问题并有了适当的解决方案。