我一直在考虑一种方法,通过减少下载文件的数量来减少加载页面时完成的 HTTP 请求的数量,但仍然保留服务器的单独文件。
这个想法是:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">@import url("../CSS/main.css.php") screen;</style>
<script type="text/javascript" src="../JS/main.js.php"></script>
</head>
<body>
</body>
</html>
在服务器端:
CSS/ foler :
- main.css.php
- main.css
- some_css1.css
- some_css2.css
JS/ folder :
- main.js.php
- main.js
- some_js1.js
- some_js2.js
main.css.php :
<?php
require('main.css');
require('some_css1.css');
require('some_css2.css');
?>
main.js.php :
<?php
require('main.js');
require('some_js1.js');
require('some_js2.js');
?>
这种导入文件的方式会改善页面下载时间吗?服务器要求文件需要很长时间吗?下载时间的增加(如果有的话)是否大于服务器进行的额外计算导致的时间损失?为什么我应该或不应该这样做的任何理由?
提前致谢 :)