WordPress与静态HTML:你应该选择哪种方案搭建网站?

频道:社交专题 日期: 浏览:26

以往,我们聊过WordPress跟其他热门的内容管理系统,像是跟Drupal、Joomla,乃至Squarespace的比较。不过,要是你在掂量该为你的网站选WordPress还是静态HTML时该如何是好呢?

这存在一种一般性辩论,在一个基本层面上,它是关于究竟是运用数据库驱动的内容管理系统如WordPress,还是自行编写所有的HTML/CSS并且有可能使用一个框架的辩论。

为了助力你做出决定,我们会阐释这些术语的含义,接着会跳到每种方法的一些优点之处以及缺点之处。

WordPress和静态HTML的区别

而后,所有的内容终将是凭借HTML的样式现身于前台。这意味着,不管你所选用的是WordPress,还是静态HTML网站,你那个网站的代码都会呈现为这样的:

无论你选择哪种方法,你的代码仍然会是这样的

重要的区别在于这些HTML是如何产生的。

对于静态HTML而言,这个故事是十分简单的。你,亦或是你的开发者,撰写了代码(涵盖你的内容)。而后,一旦它在服务器上呈现出来,它便始终如此。不存在后台处理,你的网站始终以其完成的形态而存在。

从另外一方面来讲,WordPress是一种借助PHP以及数据库的内容管理系统。简而言之,这是指,一旦有人对您的WordPress网站进行访问,您的服务器会借由如下方式来“组装”您的网站:

那么什么是内容管理系统?

我们在前文告知你,WordPress属于一个内容管理系统,然而我们并未切实阐释这究竟意味着什么。一个被通常简称为CMS的内容管理系统,是那种助力你去创建、管理以及修改网站内容的软件,并且是在无需直接与代码进行互动的情况下。

比如说,你并非要像那种静态HTML网站一样,借助用HTML进行格式化这般的方式来手动去添加你的内容。你仅仅是需要运用WordPress编辑器去输入你的内容,然后WordPress将会处理在你的网站之上显示它。

WordPress编辑器的界面

同样,要是你往后打算编辑这些内容,你能够径直进入,接着使用同一个编辑器来编辑,并非是需要直接去编辑你服务器上的静态HTML文件。

WordPress的优点和缺点

我们在稍后的时候,会针对静态HTML网站的某些优点以及缺点展开讨论,不过呢,让我们先从整个互联网当中,超过43.3%的人现在正在使用WordPress的一些缘由着手,开始进行探讨。

无代码的内容管理

它几乎能够将你网站日常管理里的代码差不多全然消除,这是WordPress最大的好处,与之相反,多数你想采取的行动都能够借助一个图形界面去执行。

通过这个图形界面,你可以:

除外你依HTML/CSS为生,就算你依HTML/CSS为生,不然此方法会让你更便于管理你网站的各个方面。但这种情况会使你更易于管理你网站诸多方面。若你并非依HTML/CSS为生,此方法会让你更方便管理你网站的各个方面。

轻松改变你的网站外观

属于每个WordPress网站范畴的,是一个被称作theme的事物。你的主题所起到的作用爱游戏最新官网登录入口,是去决定你网站于前台呈现出的模样。针对要安装一个全新的WordPress主题这一情况,你大体所做的操作,是点击一个按钮或者上传一个文件,紧接着你的网站便会立刻呈现出这种风格。

你如何添加一个新的WordPress主题

在另一方面,于静态HTML网站里,你运用你自身的CSS去操控你网站的外观。这在一开始的时候就极为耗费时间,并且要是你未来打算彻底变换你静态HTML网站的外观,同样是耗费时间的。没错,存在一些CSS框架,可以供你用来加速这个进程,然而它依旧需要更多的工作以及专业知识,才得以能够进行管理。

此外,你得操心让你所有的CSS具备响应性,也就是在手机上呈现出不错的效果,而当下几乎每一个WordPress主题在默认状态下就是具备响应性的。

易于增加新的功能

WordPress给出了一种称作plugins的事物,能让你轻易地扩充你网站的功能。想在你的网站里添加一个联系表单吗?于静态HTML当中,你要处理验证方面的问题,还要处理用户提交的数据的问题。运用WordPress,你仅仅安装一个插件…

你如何添加一个新的WordPress插件

困难所形成的差距,会因具备更大的功能而变得愈发大。想要在你所拥有的网站之上增添一个论坛?那就祝你依靠你自身去做这件事情时拥有好运吧。然而对于WordPress而言,你仅仅只需要去安装一个论坛插件就行。

你甚至可以快速添加电子商务或社交网络功能。

快速发展和变化

具体来说,是主题与插件二者的组合,再加上WordPress作为内容管理系统所具备的一般功能,这就意味着,你能够迅速地搭建起,哪怕是较为复杂的网站。

针对那种仅有几个页面的极为基础的网站而言,静态HTML能够迅速达成……然而要是你有任何非标准功能的需求,那么WordPress几乎必定会使你以更快的速度搭建起一个网站。

期望拥有更多的优势吗,瞧瞧这10个你理应运用WordPress的不错缘由。

你说不定也会对那《2023年要使用的60种超出色的网络开发工具》产生兴趣呢。

使用WordPress有什么缺点吗?

你会发觉,有些人讲,“静态HTML网站加载得更快”,或者,“静态HTML网站在谷歌上排名更靠前”这类话语。然而,这当中的某些说法理应是有依据的。虽说PHP以及数据库的确引入了额外的加载时长和延迟,但是,要让WordPress的加载时间低于一秒钟并非难事,这已然快到足够的地步了。

你应当问问你自己,拥有一个稍微快些的静态网站究竟值不值得去舍弃WordPress所给予的优势?此外,在过去的五年时间里面,PHP的性能有了极大的提升。在我们最近所进行的PHP基准测试当中,我们得出了这样的一个结论,PHP 7.3每秒能够处理的请求也就是事务的数量是PHP 5.6的3倍。

WordPress 5.0 PHP基准测试

还有别的办法,你能够借助运用缓存去供应静态HTML样式的页面,进而轻易地消除PHP以及数据库所产生的延迟。这表明每一个页面的加载大体上都能够快得如同闪电一般,恰似静态HTML网站那般。

缓存针对一个WordPress网站的影响究竟有多大呢,下面呈现的是针对一个WordPress博客于缓存之前以及缓存之后所开展的快速测试。

无缓存

我们首先在WordPress博客上进行了禁用缓存的测试。

没有缓存的WordPress网站(Pingdom测试)

就像你所能见到的那样,第一个HTML DOC的加载,存在着显著的延迟现象。这是因为,它并非是从服务器上的那处缓存来提供服务的标点符号。

无缓存延迟

有缓存

接着,我们于WordPress博客那儿,开展了一回将缓存启用的测试,别的方面均未有变动。

带有缓存的WordPress网站(Pingdom测试)

就如同你所目睹的那般,存在着一项巨大的改进,实际上,单单只是从服务器里的缓存之中来提供初始页面,便使得加载时间减少了32.2%。

有缓存延迟

提到你大概能够闻声的排名流言,存在很不错的WordPress SEO插件,它可让你借助掌控网站的技术以及页面SEO的各个层面来优化你的WordPress SEO。要是WordPress网站于搜索排名里的表现确实比静态HTML网站差,那你就不会见到它被像The Wirecutter或者TechCrunch这般的大规模平台所采用。

不过,存在一些小缺点,首先是维护,虽说选择高质量的WordPress托管能消除诸多最糟糕的维护情况,然而你依旧得负责保证WordPress的核心软件、插件以及主题的更新与兼容,这在当下是颇为容易的,可这却是你做一个静态HTML网站时无需做的事情。

第二个缺点或许是质量,鉴于WordPress极为流行,存在诸多不良插件与主题,免费解决方案有时会彻底消失不见,在糟糕事物里寻觅良好之物可能颇为耗时。

静态HTML网站的优点和缺点

你听闻过WordPress吗,然而此刻,让我们去探究一番静态HTML网站的某些优点以及某些缺点。

没有底层软件需要维护

这点,我们一秒钟之前就谈及过了,然而,鉴于此乃静态HTML的主要益处当中的一个,所以,在此处咱们迅速再转述一回。

在进行WordPress以及主题、插件的使用之际,你得承担起更新全部底层代码工作并且要保证不存在任何兼容性问题的责任。尽管这件事情做起来较为简单(一般情况下你仅仅只需点击一下按钮就行),然而这却是你为确保网站安全且能正常运作而必须完成的事宜。

与此同时,要是你所撰写的是洁净的静态HTML,那么你理应能够不去理会它,并且无需担忧更新方面的问题。

更容易访问底层代码

的确,WordPress能让你去访问你网站的全部底层代码,然而,静态HTML网站会使得输入某些种类的标记更为简便。不像要去处理主题模板文件以及WordPress循环,所有东西都呈现在你眼前。

诸如,即便存在WordPress的结构化数据标记插件,然而你能够于静态HTML网站之上更轻易地把控模式标记。

创建静态HTML网站的缺点是什么?

虽说静态HTML网站作为一个基础的网站而言无疑是不错的,然而当你尝试去进行规模扩展的时候,主要的问题便出现了,不管是在内容的数量方面,还是在功能方面。

当中的多数这些缺点,仅仅是,与WordPress的优点,呈现相反的状况。换而言之,即是:

除此以外,若你并非真正通晓HTML/CSS,那么所有这些事情都得付给开发人员,然而,在大多数情形下,WordPress会让你自行去做这些事情。

使用WordPress作为静态网站生成器

静态网站生成器和上述两种选择存在些许差异,它们会采用内容管理系统的内容,像WordPress,将其与主题相结合,进而生成静态HTML页面。Jekyll是其中较为流行的一种,你能够借助它在GitHub Pages上托管你的整个网站或者博客,通过一个命令推送你的新内容。那缺点是什么呢?设置它并非易事(至少可以这样讲),即便对于开发者而言,也可能颇为耗时。

若你存在一个空闲着的下午,且有着想要去了解更多关于Jekyll这些信息的想法,那么就请去看一看Mike Neumegen的这一篇文章。另外,诸如Grav这般的平面文件CMS能够使得你更加容易地去管理内容,与此同时还能够避免对于数据库的那种需求。

假如你对技术有着精湛的掌握,甚而存在得到两处世界最优成果的可能性,将WordPress用作生成静态HTML网站的工具。然而爱游戏app官方网站登录入口,你只需牢记,要是以这般方式运用WordPress,那你就必须作出舍弃。

大多情况下,全部经由服务器端(PHP)产出的内容都会变为静态的,且要手动去更新。静态网站生成器会依据你的内容打造出一整个完整的HTML页面,一旦完工之后,不管有多少人去访问你的网站,它都不会被再次生成;除非你于电脑上打入一个特定的命令。

开发人员针对评论“问题”所采用的解决办法是,其一,压根儿不运用它,其二,转而采用基于JavaScript的解决途径,其中最为流行的是Discuz或者Facebook评论。

存在着若干个WordPress的缓存插件,你能够借助这些插件去创建你所撰写的文章以及页面的静态HTML文件,然而,要是你选用Nginx当作你的网络服务器(要是你并没有选用,那你着实应当这么做,不过这当属另一篇文章的主题范畴),此时你能够直接将全页面缓存的开关予以开启,并且设定它在一天之后或者一个星期之后失效,你所能 “承受 “的时间越长久越好。

接下来要发生的情况是爱游戏app入口官网首页,第一个前来访问的人会致使服务器去生成完整的、处于缓存状态的HTML文件,任何在预定好的过期时间这段范围内出现的连续前来访问的人都能够获取到这些文件。部分服务器借助nginx fastcgi cache module来开展页面缓存操作。你询问怎样去设置它呢?要是你自行管理服务器,此处有一份由DigitalOcean所提供的极为详尽的指南,你是能够依照其来操作的。

Cloudflare Full Page Cache

您还能够借助WordPress的Cloudflare页面规则,经由缓存来呈现整个网站。我们于此处为您给予了全部的细节。

这对于那些那正在开展活动的网站而言是十分有益的,或是对于那些预期会有巨大流量的网站来说也极为有利。但是请务必记住,要是你完全从缓存里提供服务,那么你极有可能会碰到WooCommerce结账方面的问题,还可能会遇到WordPress管理工具栏出现的问题,以及诸多其他不同种类的问题,而对于这些问题你需要去修复,或者是找到相应的解决方法。

推荐进行阅读,关于怎样给WordPress去设置Cloudflare APO ,这一内容。

提供两种最佳方案

若非您有时间针对所有内容予以恰当测试,我们通常是不建议从缓存里提供整个网站的。比如说,在涉及WooCommerce的情形下:您可以将“静态”首页、分类、产品页面(要是您不常变更它们的话)进行缓存,接着是的,它差不多能够即刻加载!然而,一旦有人点击“添加购物车”,您就非得切换到非缓存版本,不然他们就没法使用。但一旦有人点击“添加到购物车”,您就得切换到非缓存版本,不然他们会瞧见购物车老是空的。

我们针对电子商务解答之流程以及博客,拟定了服务器等级的规范,借此去保障哪些应当予以缓存,哪些不应当予以缓存。

包括某些WooCommerce与EDD的页面,像cart、my - account以及checkout,被排除于缓存之外,这是一些例子。当检测到woocommerce_items_in_cart或者edd_items_in_cart时,用户会自动绕过缓存,以此确保结账过程的顺畅与同步。

这给你提供了一个能快速加载的WordPress网站,然而无需担忧东西会坏掉。

缓存组件栈

要是服务器提供商不存在缓存服务支持,您有没有期望借助WordPress博客的动态功能呢?您或许会想要瞧瞧经由反向代理来加载您的网站。

小结

当下存在着一个价值一百万美元的问题……要是你仅仅构建一个不太容易发生改变或者无需新内容的小型网站,那么采用静态HTML是一种颇为不错的办法。然而对于其他的任意情形而言,则几乎可以肯定WordPress会是一个更为出色的选择。要是你没有机会与开发人员取得联系,这种情况就显得尤为正确了。

它具备易用性,并且拥有可扩展性,这成为它如今为互联网上占比43.3%的所有网站提供动力的关键缘由。此刻交给你了–你会选用静态HTML而非WordPress去构建一个网站吗?又或者你已然踏上了静态网站生成器的路径?

网友留言(0)

评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。