Javascript 使用PHP在HTML中回显css和js的内容

为了减少http请求，可以使用php内联css和js吗？ 例如：

---

这在我看来是一个非常糟糕的做法。另外，我不认为您在这里会有任何性能提升，更像是相反

---

您应该更加关注何时真正需要加载js和css。缩小它也会有帮助。

对我来说，这看起来是一个非常糟糕的做法。另外，我不认为您在这里会有任何性能提升，更像是相反

---

您应该更加关注何时真正需要加载js和css。缩小它也会有帮助。

我先回答你问题的后半部分，然后应用前半部分

“使用php内联css和js可以吗”-可以。在某些情况下，最好将CSS和JS添加到文档的内部样式表中

然而，你的方法需要做很多改进。一个快速的方法是使用

文件\u获取\u内容

如下：

echo '<style type="text/css">'.file_get_contents('/path-to-your/style.css').'</style>';

echo'。文件获取内容（'/path-to-your/style.css'）；

我建议抓取文件内容并直接将其添加到文档中的唯一情况是为CMS系统（如Wordpress或Joomla等）编写插件的情况

有时候，你的插件可能只需要使用5-10行CSS和/或JS，强迫你的用户在http请求中添加另一个样式表，只需很少的代码，这是一种不好的形式。在这些情况下，我建议加载内部样式表/脚本

---

但是按照问题前半部分的要求，这样做“减少http请求”不是一个好主意。如果你真的想减少HTTP请求，那么你应该认真考虑合并样式表和脚本文件。有几个大文件比有很多小文件要好。

我先回答你问题的后半部分，然后应用前半部分

“使用php内联css和js可以吗”-可以。在某些情况下，最好将CSS和JS添加到文档的内部样式表中

然而，你的方法需要做很多改进。一个快速的方法是使用

文件\u获取\u内容

如下：

echo '<style type="text/css">'.file_get_contents('/path-to-your/style.css').'</style>';

echo'。文件获取内容（'/path-to-your/style.css'）；

我建议抓取文件内容并直接将其添加到文档中的唯一情况是为CMS系统（如Wordpress或Joomla等）编写插件的情况

有时候，你的插件可能只需要使用5-10行CSS和/或JS，强迫你的用户在http请求中添加另一个样式表，只需很少的代码，这是一种不好的形式。在这些情况下，我建议加载内部样式表/脚本

---

但是按照问题前半部分的要求，这样做“减少http请求”不是一个好主意。如果你真的想减少HTTP请求，那么你应该认真考虑合并样式表和脚本文件。拥有几个大文件比拥有很多小文件要好。

将JS或CSS等资源打印到文件中以更快地加载它们对我来说绝对是一种不好的做法。现代浏览器最终会在用户访问第一页时缓存它们

---

根据我的说法，你可以尝试缩小你的资源文件以更快地加载它们，如果你想的话，还可以改进缓存，但是没有必要这样做，因为现在所有的现代浏览器都能很好地处理缓存。

将JS或CSS等资源打印到文件中以更快地加载它们对我来说绝对是一种不好的做法。现代浏览器最终会在用户访问第一页时缓存它们

---

根据我的说法，你可以尝试缩小你的资源文件以更快地加载它们，如果你愿意的话，还可以改进缓存，但是没有必要这样做，因为现在所有的现代浏览器都能很好地处理缓存。

以下是我如何尽可能快地加载CSS并同时利用浏览器缓存的方法：

我为初次来访者检查或设置一块饼干；如果是第一次访问，我加载CSS内联+预取实际链接（注意，我使用预取，因为现代浏览器广泛支持它，而不是预加载）。这样，该访问者将在下次访问或下一页时从缓存中获取预取的CSS

if(isset($_COOKIE['v'])) $CSS='<link href="default.css" rel="stylesheet">';
else {
$CSS='<style>'.file_get_contents('default.css').'</style><link rel="prefetch" href="default.css">';setcookie('v','1',time()+31556926,'/','example.com',1,1);
}

if（isset（$\u COOKIE['v']）$CSS=''；
否则{
$CSS=''.file_get_contents（'default.CSS'）”；setcookie（'v'，'1'，time（）+31556926'，/'，'example.com'，1,1）；
}

以下是我如何尽可能快地加载CSS并同时利用浏览器缓存的方法：

我为初次来访者检查或设置一块饼干；如果是第一次访问，我加载CSS内联+预取实际链接（注意，我使用预取，因为现代浏览器广泛支持它，而不是预加载）。这样，该访问者将在下次访问或下一页时从缓存中获取预取的CSS

if(isset($_COOKIE['v'])) $CSS='<link href="default.css" rel="stylesheet">';
else {
$CSS='<style>'.file_get_contents('default.css').'</style><link rel="prefetch" href="default.css">';setcookie('v','1',time()+31556926,'/','example.com',1,1);
}

if（isset（$\u COOKIE['v']）$CSS=''；
否则{
$CSS=''.file_get_contents（'default.CSS'）”；setcookie（'v'，'1'，time（）+31556926'，/'，'example.com'，1,1）；
}

我想你也可以这么做（不过还是放下

回音吧）。。。但从长远来看，这不会特别有益。浏览器会将
.css
或
.js
文件缓存在访问者点击的第一个页面上，然后将其用于后续的每一个页面-您在这里所做的将意味着您的所有js/css都需要加载到每一个页面上；i、 e.1减少整个站点的http请求（每个资源），但代价是增加每个页面上的文件大小。我想你可以这样做（尽管去掉
echo
）。。。但从长远来看，这不会特别有益。浏览器会将
.css
或
.js
文件缓存在访问者点击的第一个页面上，然后在随后的每一个页面上使用该文件-您需要什么