/ 笔记  

让你的博客变得优雅从容

前言

写博客也有好长时间了,对于网站的优化也多少有了点心得体会,就琢磨着写下来,权当做个笔记。

用户体验

我建设了一个博客,不管我进行多私密的设置,只要它暴露在公网,就免不了被人访问,因此这个博客就或多或少会成为我的网络形象的一部分,而这个形象完全是由访问者自由想象,因此,我的网站给人的体验,直接影响了我的形象。对我来说不管怎样,我还是希望我在网络上能是优雅的、得体的,最差也要是不被人讨厌的,所以我开始热衷于优化用户体验,以提升访客的满意度。

前端的优化

我的博客我会尽力保证每个页面都是整洁的,不会存在杂乱信息影响浏览体验,对于背景图以及文章头图的选择,我的原则是:必须美观、大方;分辨率必须要够高。我希望访问者打开页面之后能是赏心悦目的,不会因为页面上的某些元素感到厌烦,以至于在没有获取到有用信息的情况下就愤然关掉网页,因此我耗费了大量的时间用于寻找合适的配图,下面是我常去的一些网站:

Google 图片搜索——相较于百度搜图,谷歌收录的图片质量更好一些

Pixiv——全球知名的插画交流网站,有很多很棒的画师提供了很多很棒的作品

Unsplash——免费无版权图片网站,全球知名

加载速度的优化

网站的加载速度决定了访客在你的页面停留的几率,一个加载时间只需要3秒的网站肯定比一个加载时间超过10秒的网站更受欢迎,虽说我的博客仅仅是为了记录一些笔记,但是我还是希望访客在打开它的时候能够更快一些,所以我选择了部署CDN+OSS存储图床。CND能加速网站内容的加载,又能防止服务器被攻击,还是很不错的,图床相比服务器的1M带宽自然是强到不知道哪里去了。

CDN我选择了又拍云的免费CDN,只要在网站下方设置又拍云的Logo及链接即可申请,以优惠券的形式发放,还算比较可靠。

OSS存储我用的是几年前撸来的一个永久免费存储,5G空间、每个月30G流量、支持绑定域名和https证书、支持防盗链,对我这小博客足够使用了,以下是我部署完CND和OSS图床之后的加载测试成绩:

速度测试

基本能做到4秒左右全部加载完成,对于一个小博客来说已经足够了。

针对一些细节做的小优化

对于文章URL

我的要求是:必须有确切的含义,不能是简单的字母或数字的组合,更不能是中文,这样对搜索引擎的抓取以及网站整体的格调都是很有好处的。伪静态最好也开启,我很喜欢每个URL最后的.html,我觉得那是很优雅的字符。

404页面

既然是web服务就免不了被请求到不存在的资源,对于404页面我一般会很着重的对待,我总是会单独的设置一个有趣的404页面,而不是仅仅返回一个冰冷的状态码。

下面是两个我比较喜欢的404页面:

404F

404S

一个有趣的404页面会让整个网站的格调上升一个层次。

其他有想到的再写吧~