网站加速

给网站加速，请问有多少种方法？

压缩 JS、CSS，雪碧图，前端静态资源缓存，gzip，合并请求。。。

这些方法要多少有多少，作为一名合格的 web 开发人员，能在我服务器上运用的技术我都给运用上了。在开发前端页面时，各种强大的插件来保障资源的有效压缩。

不过，这始终还得让开发者来进行这样的工作，不开心~ :(

而 PageSpeed 就是这么的一个工具： 在服务器端安装之后，自动对用户请求的 HTML 页面进行语义化分析，智能的为其进行加速，加速途径涵盖了我能想到的一切~

图片所示的功能仅为部分

使用原因

WebP 是 Google 在 2010 年发布的一种新型图片格式，支持无损和有损压缩。在无损压缩方面，同质量的 WebP 图片比 PNG 的体积小 26%，而在有损压缩方面，同质量的 WebP 图片比 JPEG 小 25-34%。WebP 在不降低图片质量的同时，减少了约三分之一的体积。详细可参考谷歌官方。

哎呀，又是谷歌？！是的，我现在越来越喜欢这家公司了，非常酷。

我对 webp 是挺有兴趣的，因为图片一直都是流量的大头，降低了图片体积直接能影响到页面的加载速度。于是最开始，我是在寻找 WordPress 中别人开发的相关插件，可惜并没能找到合适的。

寻找中，我变找到了 PageSpeed，我勒个去，太强大了！作为一个 Nginx 模块，可以通过分析请求头，对支持 webp 的现代浏览器返回转换后的 webp 图片，而其他浏览器则依旧使用 jpg 等旧格式，太符合我的要求了~！

重新编译安装

跟随着教程 https://modpagespeed.com/doc/build_ngx_pagespeed_from_source 将 Nginx 重新编译了一遍，顺便将服务器中的旧版 Nginx 给更新到了 v1.10.3。

要说麻烦的话，那就是由于服务器运行在阿里云机房中，不能运行翻墙软件，谷歌的某个依赖库下载不下来。

另外在配置的时候，对于 HTTPS 也需要进行额外的适配，因为就算作为 Nginx 的模块，也是不能直接读取 HTTPS 协议下的内容的。

效果展示

PageSpeed 这个可爱的模块已经完全担当了服务器 Nginx 端的缓存控制角色，对于 jpg 转 webp 这样的耗时操作会在后台自动执行，下一次相同的请求过来时才会命中缓存，相当的给力！

顺便值得一说的是我的网站使用的是 HTTP/2 协议，速度当然比 20 年前的 HTTP/1.1 要更快啦！

上面的图可以看到，网页中原本的 jpg 资源已经被自动转换为 webp，而这一切都是自动的。

超开心！

目前最着急的是现在博客的主题太丑了，虽然一步一步走来，在上面不断地做加法，添加了很多自己喜欢的特性，但是总体而言，这种死板的模块化版面完全不够现代化 -。-

是的，严重影响了这几个月来写博客的心情。。

由于博客模版也被改的挺乱，所以接下来的打算是使用 WordPress 官方主题进行从头设计，虽然是一张白纸，不过毕竟代码写的标准。

最近一段时间事情特别多，正在给学校用 Node 开发一套教务系统，个人博客的重造争取在假期之内完成吧，加油！

Germ 是 “萌芽/起源” 的意思, 对于我来说, 这不仅是我的真正意义上第一款 WP 主题, 也是我在 Github 上开源的第一个项目. 下面是我对此次开发的一些感想.

样式展示

改版之前的样子也截了图, 可以参看这篇文章: <网站大改版前的纪念>

Github 项目地址: https://github.com/h2y/germ

在这之后, 我毫无疑问会将此主题作为一个个人的产品推广出去, 敬请期待.

修改来自 Quench 主题

这个主题并不是我原创, 是找的这个 Quench 主题, 然后再自己进行一些修改, 使它变得更完善更棒.

只是… 我需要做的修改比我想象的要多得多, 以至于花了 10 天的时间才勉强完成, 比如修正 “关闭评论的文章仍然会显示评论框” 这种尴尬的问题.

以至于我这 10 天做出的 commits 数量便超过了原作者的两倍……

其实我越改, 越觉得之前用的 ZaLive 主题是有多么的优秀, 代码写的相当相当的完善, 界面也很好看, 可我就是看够了必须得要换了, 毕竟 2 年了. (Github: zenoven/zalive)

但还是感谢原作者 mastermay 提供了这么漂亮的一个主题, 集成的各种功能也是非常的不错.

如果我以后要编写下一个 WP 主题, 毫无疑问我会使用 WP 官方主题作为起点. 虽然丑了点, 但代码写的漂亮啊, 注释也齐全.

第一次使用 Github

之前自己在本地就一直用 Git 作为版本控制, 但这次才转到了线上 —- 世界最大的 ?? 交友网站 Github. 不过之前都是很简单地使用, 而通过这次开发主题, 仔细了解了 Github 的 Pull Request / Issues / Fork / Rebase 这些东西后, 才算是真正明白了 Git 的强大.

最重要的是能有一个展示自己作品和与大神们交流的平台, 感觉太棒.

之后

之后要做的东西还相当相当多…

我是用一个记事本记录需要进行的开发工作的, 在测试主题时, 每发现一个需要修正的问题, 就写在记事本中新的一行, 每解决一个问题, 就将其删掉.

但是, 在解决一个问题时, 往往会发现更多的问题, 导致列表反而越来越长 -.-||

直到现在, 列表中还有 12 行, 当然这基本都不是 bug, 是一些突发奇想想到的点子, 所以我在将来是有事干的……

不过现在已经面对着同样的界面 2 年多了，就算这种扁平风格依旧没有落伍，我作为站长也早就看够了，早就想要大改一番了，这肯定是这个寒假之内的事儿。

但在这之前，我要对改造前的网站拍几张照，以作留念。

这就是整体风格，黑绿配色：

首页的快照及解说：

留言板页面：（https://hzy.pw/liuyanban）

网站大改版之后会变成怎样，我也还不清楚，但一定是一个华丽、现代化的界面，敬请期待！

·

（↑ 这是原模板中，文章尾部区域的照片 ↑）

曾经我看到一个调查报告《iOS与安卓用户的区别》，最终的结论居然得出了“iOS用户更喜欢吃番茄”、“安卓用户更喜欢周末出去玩”等等，这样乱七八糟的东西。而这也就是大数据的功劳，当某个公司得到大量网民的信息后，就可以轻易归纳总结出各种结论，作用自然是分析市场需求，为自己服务。

我的网站虽然每日访问量也就200左右，但从中可以得到的数据量依旧相当给力，下面公开给大家看看，当然不会有任何泄露隐私的情况！

统计时间为11月，总计30天。

每日访问情况统计：

突然出现的低谷不用想也知道是那天服务器抽风了。。。

然后下面才是本文重点——通过数据分析我的访客们~

这是所有访客来源地址的渲染图：

虽然我认识的人主要也都在四川和陕西，然而从图上来看访问量却并不多，这说明我的网站早已走出了我的朋友圈。

最棒的是来自外国的IP比我想象的要多，总共8个国家，其中美国访问11次，比江西、重庆访问量还多。。。

IP地址几乎是所有网站都会记录的一项数据，除此之外，网站能获取的信息还有很多，例如你的访问方式，手机还是电脑，何种手机，什么样的电脑。

访问我的网站的基本都是电脑，毕竟是电脑网站。

操作系统统计，递增排序，安卓也不比iOS多多少，然而最让我吃惊的是winXP依旧充满活力，而win8比想象的要更弱。。。

大家使用的浏览器：

一般而言，浏览器上网时会向网站提交UA信息，让网站知道来访者使用的是什么浏览器，以进行更好的适配，不过有的浏览器却不会这样做，这也就是上图中“未知”的来由。

以上，单单从我一个小网站，就能获得到如此多的信息，但如果想要称之为“强大”那也太过了，下面的，那才叫做强大！

只要你上网了，你的个人信息就在被网站记录当中，通过访问历史记录，很简单的分析，网站就能知道你的爱好，你的性别，甚至你的年龄。

以下是我的访客的深度分析数据：

游戏玩家居于榜首，毫无疑问其中很大一部分都是冲着我的《多玩天下3工具箱》来的，而那些宅男则是来访我的动漫网站清澄漫语。

我竟然拥有这么多50岁以上的访客，这不科学。。。

通过你的网站访问数量、上网的时间，就能判断出你对网络的沉迷程度！

对于本站而言，收集大数据的主要意义也就是【有针对性的投放广告，以获得最大利润】

请看下方的广告条（只要你没屏蔽广告），会自动推荐一些淘宝商品供你购买，仔细一看那些东西不正是你所感兴趣的商品吗！虽然你从未告诉过本站你的兴趣。

还有4天就建站一周年了，一直以来我都对服务器表示不满，一直都认为当初选择主机屋是个错误，原因很简单，那就是访问太卡太卡，看着载入的圈圈不停地转着页面却无法加载，我的心简直就在滴血。。。

不过没关系，虽然网站慢，不过服务器不稳定呀~

比如这样的画面经常出现：

还记得去年10月，主机屋的大量服务器集体宕机，我的网站也在其中，竟然被停了1周，这场风波后，主机屋给所有用户免费延期三个月才算完事。不过服务器不稳定的事儿却一直没停，随便一张图：

虽说不稳定，但是访问慢的问题今晚已经被我给解决！罪魁祸首是google，嘿嘿，不过让我查出问题的也是谷歌。

谷歌浏览器的开发者工具相当方便，其中有一项功能是跟踪网页加载的下载过程，正是通过这个工具，我发现我的网站速度慢，是由于向fonts.googleapi.com这个网站获取依赖库的时间过长。

原来Wordpress从很早以前起（就是我的网站开始卡的时候），整个网站界面的字体就开始使用在线字体，这是为了统一，不过存放在线字体的谷歌服务器却极端不稳定，出现我那种现象也是常有的。于是网站加载到这里就卡住了，直到等连接谷歌超时，才继续载入，每个界面都会多等待5秒钟才开始加载 >.<||

这也算个常见的问题，晚上有人直接删掉对谷歌字体的调用，直接用本地字体，不过我担心会出现界面错位等问题，于是用了另一种方法——连接大陆内部的CDN代替谷歌服务器。CDN是360做的，虽说我不喜欢360的东西，但他的资源能用就用~！另外我还把其他诸如JQ库也替换成了百度的镜像。

然后瞬间觉得我的网站棒棒哒！

太流畅了，简直就是复活了一般，优化了一下缓存机制，主页载入2秒！以前要20秒。。。

其实1个月前我就打算服务器到期了就去换华夏名网，就算要迁移数据，就算要重新备案，就算麻烦死人。不过现在完全没必要了 ^o^

高兴之下去测了下网站的速度，感觉很好：

不过还不知道这速度在虚拟主机中算什么水平，于是在微博上找了几家来比，一比才知道我的速度是最快的！！越来越开心了，上一张他们中最慢的一个，和优化水平无关，因为是个静态网站。

没事干又去试了下google.com.hk的访问速度，据我所知香港线路是目前唯一能连接的线路了，可是结果很让人失望。

我当然也不怪谷歌，他没有什么错，最不能理解的就是中国那道墙。。

其实平心而论 hzyisme.com 与hzy.pw的珍稀度都差不多，可谁叫我是个爱折腾的人呢 :P

pw原本是一个小小的国家域名，来自帕劳共和国。不过偏偏有人把它理解为Professional Website或Personal Website，于是瞬间身价百倍了，还成了与com、net比肩的顶级域名。

12年末兴起，毕竟是顶级域名，还是有点炒作的，不过到现在完全降温，只有18元一年，续费68元，要知道我的 hzyisme.com 价格高达48/58。是的，换域名有相当一部分考虑是在价格上。

域名商果断美橙互联，虽然西部数码的价格一样，可是他的主页真心丑，丑哭了~

网站链接的更新没有麻烦，很快就完成了，但是之后却遇到了个问题。（已解决）

首先是百度站长平台，百度，这个小到草根站长，大到网络巨头谁都不敢得罪的货。换了域名那就必须得SEO优化。

他的意思是每个网站都做个301跳转到新网址，这个不难，在php中获取当前网址，如果其中含有“.com”，则搜索”hzyisme.com“替换为“hzy.pw”，然后按照301跳转的格式输出。洋洋洒洒写完代码，却发现所有的网页只能跳转到https://hzy.pw/index.php这个主页，不能跳转到某个二级目录。

仔细研究下才发现，我的网址全部形如：https://hzy.pw/index.php/archives/701，这是一种即非静态，又非动态的伪静态地址，试了试网上的好多方法，获取当前网址都只能得到https://hzy.pw/index.php，导致之前的问题。后来使用这样的一句成功得到网址，一切正常~

$nowurl=$_SERVER[‘SERVER_NAME’].$_SERVER[‘REQUEST_URI’];

临走前，我写这篇文章以理清楚我到底是为了什么而做网站。

算是尝到了苦头，百度真心惹不起，就算他无情，你也得hold住。然后我想做的第一件事，那就是恢复百度对本站的收录。

首先是全面整改网站死链接，经工具一检查才发现首页就有20%都是死链 >.< 其二是删掉了网站右边栏的淘宝广告，原本以为那些衣服广告上的模特这么漂亮，还拿个幻灯片来播放会让网站增色不少，还能顺便赚点钱。不过至今才了解到百度对“淘宝客站”一直都是严厉的封杀，所以果断删掉！

———————————————-

废话说完了，接下来才开始正题——我对建网站的观点和立场。

三四天前，我又建了个Wordpress网站（清澄漫语），作为我为电影动漫们写读后感的地方，详细介绍见：《我的第二个网站就要问世了》

并且和这个个人站不同，我的打算是让身边那些懂动漫的同学来和我一起写。已开始DZW、LSY都是相当的有热情，特别是DZW，还和我进行了网站的规划和讨论。

网站搭建好后，我还在忙着代码的制作时，DZW就已经发了好几篇文章，目测耗时加起来共有3小时，可见他的热心。不过现在他已经不干了，原因是因为他写完文章后被我泼了几盆冷水？不是的，主要还是观点不合。

DZW的观点是把网站制作成一个大型的动漫网站，可以在线看视频、讨论、看新闻，于是对我用WP建站感觉弱爆了，完全达不到他的要求。

而我则是想做一个简单的网站，“为每一部看过的电影、动漫写影评”，只是为自己而写，并不为了给别人看，更不为了赚钱。

其实倒也可以理解他们不愿意加入我，就像勇猛的武将不会臣服于没有雄心大志的主公。

最后我对于写博客、做网站的立场就是：

放松，不要成为累赘，高兴的时候写写就好。

既然不是商业网站，也就不必追求去用最好的服务器，更不要去插播广告，也不要去在意搜索引擎。

把网站当作我展示PHP学习成果的平台。

最后我是束手无策，最终是刷了系统才解决问题，可谓是留下了十足的心理阴影。。。

谁又想到这几天我又遇上了！?而且这次的事是那么的不可思议。

大概是3天前的事，当时正在写我的「紫龙群发器」，打开网站时就发现了问题: 右下角弹出了一个悬浮窗，做的还算精美，几个分页在那里轮换，内容是花花绿绿的广告。

地址指向一个叫做〈笑林院〉的博客，就是这家伙挂了我的马! 不过真的叫做束手无策呀，先把手上了程序写完，再去搞这个事，于是我又回到按键精灵开始创作了。

却发现了这样的怪事: 按键精灵的内置浏览器中，也出现了一样的广告。我还算是送了口气，这说明要不就是我电脑中毒了，要不就是又被宽带运营商强插广告了，总之我的网站没事。

我家的宽带是移动铁通，当初我爸什么也不懂，跑去四处咨询，得知铁通最便宜，便一口气开了一年。

4m宽带，25元一个月，还送10元话费。质量自然水分很大，就是骗爱占小便宜的人 ╯﹏╰

平时被强插了多少广告我也不知道，只知道上次写「多玩天下3工具箱」时，原本写了个可以在软件中直接查阅游戏最新公告的功能，但有一天突然就不能用了。。原因是访问公告界面时，会载入一段广告。
我还讽刺了一番多玩，就这么想插广告，这么想赚钱?

不过后来经大家的指出，才知道那其实是移动给我插的广告! 和多玩无关。

接着是昨晚，原本应该去搭建清澄漫语的时间，我却又被这广告给烦住了。

这真的是移动搞得吗!? 那为什么其它网站没有，偏偏我的网站才有?
那天正好电脑卡机，然后我才在按键精灵中也看到了那条广告?
果然还是黑客入侵了！

于是我开始分析源码，发现网站的所有页面，包括后台，都出现了这样一句代码:

调用了这段js，而这段js又连接到很多个js，除了刷黑链的，还有直接弹出广告的。

出现在head末尾，这和我上次遇到的情况一模一样! 当时是重刷主机才解决的。
果然是被挂马了！

其实想要回看在现在这个高速宽带时代直接去点播就好了，留在硬盘里的视频不过是在内心中想要证明我曾经看过。

总之，现在我正在干一样我早就想做的事: 为每一部看过的作品写观后感。

此外，新网站还附带“众评”，不只是我，每一个来访的游客都可以对其进行评价、打分！

最后，网站将还带有强大的“相关推荐”功能，让访客可以在我的网站找到最好看的作品！

______________________________________

网站形式依旧为博客，本来还想尝试使用别的系统搭建，可是无奈zblog，emlog这些资源都太少了，最终依旧采用wordpress。

新网站地址为https://hzy.pw/dm，也不否定以后做火了会专门去申请个域名甚至服务器。
这就得看合伙人们是否在意这个寄人篱下的网址了。

所谓合伙人就是董志伟，曾诚，鸡哥等几位好伙伴外加资深动漫爱好者了，网站内容的维护离不开他们！

除此之外网站的名字我也很头疼。。想了几十分钟才憋出来个＂点滴漫语＂，网站主题更是纠结。。总之明天有事做了!
（no，是“今天”才对! ）

所谓网址精简，就是把一个很长的网址精简为一个短链接，方便传播，玩微博的肯定会不陌生。而我的“可以赚钱”就和传统的精简网址服务不同了：

再点击进入我生成的短链接后，不会马上跳转到目标网页，而是会进入一个中转网页，这个网页里面充满了各种广告，就是那种按显示次数计费的网页 ^o^ 然后就不用多说了，随便在论坛什么的发个帖子，回流的点击量全都可以变成现金！！！

比如说这个链接：https://hzy.pw/?surl=duowantx3tools，是我的多玩天下3工具箱的地址

好吧，链接不是很短。。。象新浪的短网址：http://t.cn/zRzMmq9，就比我的短多了，不过它使用了静态链接，这个好高端的样子，懒得去研究了，反正我的目的是赚点小钱~~

打开我这个链接，就会出现我设计的这个中转界面（广告集中营？）：

不过现在我还没加上广告，广告这东西还等我备案完了再去加。

不得不说JavaScript是个相当独特的语言，和其他编程语言差别挺大，倒计时、跳转、访问次数这几样加起来虽然仅仅44行，但也是让我感到压力相当大。。不过JS、PHP、HTML5啥的迟早都是我的菜

在短链中加广告的创意也不是我原创的，以前在某外国网站看到过提供这种服务，不过在那上面发链接，广告收入要被砍掉一部分不说，说不定那天就不能用了也说不定，还是用自己的最放心~

此服务我还是准备自用，不然这破服务器撑不起

想到你在电脑上运行着自动刷新的工具，让电脑辛勤的工作这么久，我就感到非常的对不起你呀

1.23G的流量，按照主页1.23Mb计算，你刷了1000次，按照清缓存、重新载入用10秒来计算，你一共挂机了167分钟，近3个多小时

。。。。。。

其实我倒是可以理解你的，有些时候我在写程序，不用上网的，这时候就会下载点东西，东西是什么倒不是很重要，不然会有种吃亏的感觉。所以你大概是个没事就爱刷别人流量的闲得蛋疼的人吧

【29号】

今天你居然消停了，看来是有点其他事去做了？只刷了800Mb

不知道是不是我之前写的“延迟显示图片”的工具的效果，让流量降低了？

无论干什么事都应该坚持不懈才对，怎么就这样放弃了？

==========================

被这种闲得蛋疼的人顶上也算是我的荣幸吧。。。

不过这位来自石家庄的朋友在2天就消耗了我原本6天的流量，我就搞不懂了，为啥要做这种损人又不利己的事情？难道看到别人的网站因为流量用完而关闭很高兴？

难道认为这也算是“把XXX网站给黑掉了”，搞笑！

托你的福。整个石家庄市的IP都被我封了，你也看不到这篇文章了，如果你想开着代理服务器啥的继续来，我奉陪到底！

在自己的网站写文章感觉就和百度空间、QQ空间不一样了，哈哈哈哈哈哈

域名花了50，hzyisme.com，这个域名真是越看越帅！！com域名好多都被申请掉了，能申请到这个也算我运气好~

虚拟主机花了100，各种纠结，最后选在了主机屋，主要还是价格便宜

关于域名绑定什么的，现在还没有搞懂，明天再来弄

想要建个网站的冲动来源于昨天，上网发现了一个卖外挂的，牛逼的是他们家居然还有官网。。于是我也要搞个 ^ ^; 后来倒是觉得这些都是浮云，自己写博客的感觉肯定非常不错

博客果断用了Wordpress，原因则是因为，iapps.im这个WP搭建的站点我也看了几年了，看到了它的不断进化，不得不感叹WP的强大

最后希望我的小站拥有一大堆粉丝，可以给我带来一大堆流量，再插点广告，顺便一大堆收入

end.