服务器 Gind.cn
  1. 服务器 Gind.cn
  3. 在HTML中包含CSS和JS会提高页面加载时间和/或服务器性能？
Intereting Posts
Apache多个IP和VirtualHosts 为什么当我在PowerShell中使用tracert，它不会返回完整的响应？ Bitlockernetworking解锁证书 如何让用户能够查看Server 2008上的计划任务历史logging？ “\”在ksh输出中丢失 MySQL复制与“相同的价值赢”冲突解决更新 安装SQL Server 2008时出错 （ssh）将私钥从一台PC复制到另一台 如何更改mod_rewrite以避免{REQUEST_FILENAME}以获得255个字符的URL限制？ 将Exchangeconfiguration为忽略某些邮箱的阅读回执请求 LAMP服务器与HA和NFS的AWS OpenVPN路由到LAN在服务器后面 将Ubuntuconfiguration为tomcat的Web服务器 获取记事本++的ProgID，以便与Windows 10中的DefaultAppAssociations.xml配合使用 nginx：如何在nginx中添加新的site / server_name？

在HTML中包含CSS和JS会提高页面加载时间和/或服务器性能？

这两个HTML片段中的哪一个performance更好？

在HTML中包含CSS和JS 

<html> <head> <style> <?php include("someStyle.css"); ?> </style> <script> <?php include("someScript.js"); ?> </script> </head>

或者链接CSS和JS： 

 <html> <head> <title>Family Tree</title> <script src="someScript.js"></script> <link href="someStyle.css" rel='stylesheet' type='text/css' /> </head>

我能想到的逻辑是

  1. 服务器收到更less的命中（+服务器）
  2. 并行传输被减less（ – 浏览器）
  3. 如果使用，DEFLATE性能得到改善。 （+服务器）

我会注意到大型服务器负载的改进/降级？

使用单独的JavaScript和CSS文件可以获得更好的性能，因为它们不会经常更改，因此可以更积极地进行caching，而HTML通常是dynamic的，无法caching。 如果内嵌JavaScript和CSS，则无法caching它们，这意味着需要下载更多的数据和更长的页面生成时间。 您可能想要对这些单独的文件执行以下操作：

  • 将CSS和JS连接成一个文件
  • 缩小内容
  • 提供文件时启用gzip压缩
  • 确保设置了Etag和Last-Modified标头，并且服务器将授予If-Modified-Since和If-Not-Match
  • 将来有一段时间设置Expires标题

那么一个例子是客户端，另一个是服务器端。 所以，如果你喜欢更好的服务器性能，那么在你的第二个例子中和客户端一起。 顺便说一句，你仍然链接在这两个例子，而不是在实际的HTML文档中input任何CSS或JS代码。 在第一个示例中，您告诉服务器在PHP标签内处理CSS和JS代码，在第二个示例中，您要告诉客户端（您的Web浏览器）处理CSS和JS代码。