javascript - 想要在多个网页中添加同一段文字

标签 javascript php html

我正在开发一个 HTML5/CSS3 网站,所有 10 或 15 个网页中都有相同的文本 block 。在所有网页中添加相同文本的最佳方法是什么? 我应该通过 php 或 javasript 包含来自外部文件的文本吗? 或者我只是复制该文本并将其粘贴到所有网页中?

如果我应该选择第一个选项,那么它会减慢我的网站(一点点)加载外部文件的速度吗?

如果我应该选择第二个选项,那么如果网站所有者想要对该文本进行一些更改怎么办?

编辑:我已经使用 java 从外部文件中包含了页眉、页脚和主菜单。在页面中添加太多外部文件会产生影响吗?

与 php 相比,我更喜欢 java,因为我不想将文件扩展名从 .html 更改为 .php。

最佳答案

Should i include that text from an external file through php or javasript?

如果可以选择使用 PHP 来完成此操作,请选择它。浏览器显示页面所需的 HTTP 请求越少越好。另请注意,虽然像 Google 这样的搜索引擎确实会处理一些 JavaScript,但我不会依赖它们来处理 ajax 请求并对结果建立索引。如果您将内容包含在 JS 中,大约 2% 未启用 JavaScript 的用户将看不到该内容。将其包含在 PHP 中意味着您将内容保存在一个文件中,因此更新它很容易(而不是必须在 10 或 15 个不同的位置更新它)。

更多来自YUI Best Practices for Speeding Up your Website :

Minimize HTTP Requests

80% of the end-user response time is spent on the front-end. Most of this time is tied up in downloading all the components in the page: images, stylesheets, scripts, Flash, etc. Reducing the number of components in turn reduces the number of HTTP requests required to render the page. This is the key to faster pages.

关于javascript - 想要在多个网页中添加同一段文字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34672607/

相关文章:

javascript - "use strict"继承/范围

php - Javascript 文本框钱打字

php - 如何在测试网络应用程序中使用 MongoDB PHP 库

PHP ;将 fgetcsv 与 SplFileObject::fseek 一起使用;行读取问题

html - 使用 css flexbox 将表格拉伸(stretch)到父 div,并将列拉伸(stretch)到表格,但未按预期工作

javascript - ReactJS 不接受将数组映射到模板的渲染

javascript - Node/express 如何在 req.headers 上进行 .split

php - 两页的宽度问题

javascript - 3D CSS 立方体 - 奇怪的旋转不一致(已解决 : Gimbal Lock)

android - Div 在 Android 上居中对齐但在 iPhone 上不居中