gpt4 book ai didi

javascript - 所有PHP页面都包含整套CSS和JS,效率高吗?

转载 作者:可可西里 更新时间:2023-10-31 22:51:43 24 4
gpt4 key购买 nike

我总结一下。如果我无法正确表述我的问题,请纠正我。

我有几个 PHP 页面,它们都具有以下格式:

<?php
include "header.php";
?>
INSERT PAGE SPECIFIC MATERIAL HERE
<?php
include "footer.php" ?>

标题.php

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- Main CSS -->
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<navmenu></navmenu>

页脚.php

    <footer></footer>
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<!-- Theme JavaScript -->
<script src="js/main.js"></script>

</body>
</html>

我是 PHP 的新手,不确定这是否是有效构建我的 PHP 文件的正确方法,因为我担心的是:

  1. 现在每个 PHP 页面加载相同的导航菜单和页脚。 这是有意而为的。但是,它还会一起加载所有 CSS 和 JS,即使有很多行 CSS 和 JS 在该特定页面中实际上没有用,但在其他页面中使用。这是需要关注的问题吗?如果是,我们应该采取什么方式来解决这个问题?
  2. 我是否应该将 main.js、style.css、header.php 和 footer.php 分开,以便每个 PHP 页面加载主体功能所需的最少数量?
  3. 处理此案例的标准做法是什么?

如能给点建议,将不胜感激!

最佳答案

Should I separate my main.js, style.css, header.php and footer.php so that each PHP page loads the minimum amount needed for the body functions?

您应该为整个网站创建一个 css 文件和一个 js 文件。不要将 php 文件用作 css,因为:

  1. 如果你有高访问量的网站,最好有一个 css 和 js 文件。因为它是直接文件。但是当你通过 php 文件创建 css 或 js 时,php 需要计算。也许您认为它的计算速度很快,但如果您需要在高访问量的网站上获得良好的性能,它就很重要。

  2. 如果你用php创建css和js文件,有时你需要导入多个js或css文件。谁知道?也许它会让你在 head 标签中使用 10 个 js 和 10 个 css!这对 SEO 不利。

  3. 不用担心一个 css 或 js 文件的大小。尺寸越小越好,但您仍然可以创建 100KB 的 css 或 js 文件而不会出现 SEO 问题。

  4. 您可以为所有媒体创建一个 css 文件。打印包括在内。无论您使用的是多个文件还是单个文件,如果需要,请始终在同一个文件中使用 @media print{}

  5. 一个css和js文件可以全局缓存。即使您不需要 css 或 js 文件,全局 css 和 js 文件也已缓存。

我并不是说一个 css 和 js 文件总是好主意,但它有最大的好处。

关于javascript - 所有PHP页面都包含整套CSS和JS,效率高吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39870447/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com