标准化模块

网站搭建的一点经验

最近这段时间,一直在密集更新我的询盘站点。得益于内容小伙伴的工作加持,进展一切顺利并且速度也远超预期。初版更新便有近 40 多个页面,算得上是我做过的一个非常专业的垂直性网站。

那今天这篇文章就来分享一下,我在搭建网站时,对于模块化、标准化与速度优化的一点经验。

先说第一点,网站搭建的模块化。

之前的文章,我会时不时提及素材库与案例库的收集与整理,其主要的目的还是为了扩宽自己的素材面。比如看到好看的页面设计或者优秀的功能设计,便将其分门别类的收藏起来。

当这些信息达到一定的量之后,便会发现绝大多数网站都是大同小异的,无非都是一些基础功能块的排列组合。如果非要说有差异的话,可能也就是主题配色或者 UI 图标,存在一点小的区别。

那从这个角度出发,在搭建一个新站点之前,我们需要准备的无非就是几个功能型模块,然后在不同的页面之间排列组合即可。比如下面这个图文模块便是我经常使用的一个,进可攻退可守,真的非常好用。

标准化模块
标准化模块

除了页面的模块化外,标准化也是我们需要考虑的事情。

这里的标准,主要指的是页面的一些设计细节。比如每个模块的内外边距是多少、图片的具体尺寸是多少、文字的字体呢、字体大小呢,等等等。

除此之外,还需要考虑的一个标准便是多端的自适应。虽然现在很多主题与页面编辑器都已经支持,各个客户端的展示自适应。但是如果想将页面效果做的好一点的话,最好还是在建站之初,就将这些标准明确下来,后续在搭建网站时,按照标准执行就好了。

功夫体现在细处,这句话并非没有道理。

其实将上面两个点做好,网站的速度优化就是水到渠成的事情了。

首先要说明的一点就是,为了最大限度的降低网站资源的请求数量,我现在搭建网站时,都已经不使用重型的页面编辑器了(比如 Elementor)。转而选择了 WordPress 自带的古腾堡编辑器,然后再搭配一款编辑器的增加插件。

可能偶尔有些功能,使用古腾堡做不出来。但是没关系,我的一般做法是使用 ChatGPT 写出前端代码,然后置入进去。这种方法,有兴趣的朋友可以试试,其实我也不懂前端,但不妨碍 ChatGPT 懂。

其次,从布局设计层面做好图片的处理,能不用全宽轮博图就尽可能不用。这个点在前几天的文章里,有分享过我的一些做法,当时也是为了解决新网站搭建过程中碰到的一点问题。

如果说对于速度优化,还有加上一点的话,那就是尽量少用插件。

我现在对自己的要求是,任何网站安装的插件数量,都不能超过 10 个,尽可能保持在 8 个及以下。至于为什么这么做的原因,无非是尽可能给网站提速做一点点优化而已。其实对于插件这块内容,可以写的东西就太多了,但今天就不深入去聊了。

总结下,网站搭建其实没什么难的,主要还是得多动手多犯错。

发表评论

您的电子邮箱地址不会被公开。 必填项已用 * 标注

滚动至顶部