重新设计StevePavlina.com网站 — 第8部分
2016.04.25

此文是共有9部分的《重新设计StevePavlina.com网站》的第8部分。



变现


当变现一个网站时,人们常会想到销售漏斗这个词,我却发现这种类比缺乏人情味,更愿回避使用它。我理解在创造销售方面,这种思考模型挺有效。但把人们当做流过一个漏斗的输入品,难以让我在心灵和精神层面感到满意。它看起来就像对待生意的一种空洞虚伪,又毫无灵魂的思考方式。


能从自己的工作中创造收入当然很好,总的来说我对此毫无问题。我只是想确保自己采用的任何变现途径,都具备良好的整体全面性。也就是说,它能符合我的生活方式和价值观要求。我喜欢符合心灵追求的收入来源。


在2008年,只是从网站的广告收入上,我每月就能赚到一万二到一万三美元,其中大概九千到一万美元都来自谷歌广告。金钱收入每月都会自动存入个人银行账户,我根本不用做任何事情,就能维护好这条收入流。那年晚些时候,因为对读者会因广告而分心感觉不好,我移除了网站上的所有广告展示。大家可以想象如果一直保留那些广告,我到今天已经收入了多少额外现金。


在追求富有目标上走捷径,对我的成长并无好处。我舍弃过许多轻松容易的收入方式,主动选择去学习经历更艰难的致富课程。当有大量学习和成长经历时,无论个人财务状况如何,我都倾向于充满富有感受。当身处接受挑战的甜美地带,我似乎就有繁荣兴盛的感觉。有时我还必须拒绝某些收入流,以免自己偏离这种甜美地带。


放弃网站广告一年后,我开始举办公开工作坊。随后一年我开始大量旅行。又过了两年,我开始进行国际演讲。假如一直守着轻松容易的广告收入,我不认为自己会拓展成长得如此之快。通过摆脱与内心缺乏一致的收入拐杖,我感觉更有动力朝着其他收入途径拓展自己。我不必再浪费精力想着或在乎那些广告。这种做法也解放出更多精力,使我能专注于自己的读者。他们就是鼓励我开始举办更多工作坊的人士。


如果真有的话,我的收入策略,就是把个人价值观、生活方式和幸福快乐放在首位,再用满足自身价值观、提升生活方式和延长个人幸福感的方式,去创造收入。幸运的是,这种策略完全有可能实现。


目前我最喜欢的赚钱方式是举办工作坊。这些工作坊能为人们提供大量价值,定价也公道合理,参加者们给出的反馈同样积极美妙。我喜欢设计和举办新的活动。所以针对收入策略部分,新网站的设计在举办活动方面,也给予了更大关注。


我们在2016年已经预定4场新工作坊,等到5月的某个时间,我会宣布各个工作坊的主题和开放注册信息。工作坊举办日期也已列注在“Events”(活动)页面。在4个月内举办4场工作坊,是我们有史以来在如此短的时间里,办过的最多场次活动。这也是我们首次在非酒店场地举办工作坊。大家将使用一处曾为夜总会场地的新建创意空间,整个建筑都归我们活动所用,从而给了大家比以往更大的灵活度。


我喜欢的另一种创收方式,就是像Imaginary Men(《想象中的男人》)之类的创意项目。它是我和几位朋友,在加州圣巴巴拉一起录制的音频作品。我们针对成长、约会、感情关系和个人最大挑战,一起分享了各自的经验教训与故事。


拥有各种不同的收入来源非常美好,比如图书版税、分销收入、合资生意等。但我最喜欢的赚钱途径,就是创造某种人们欣赏的作品并直接销售。这也是我在经营游戏生意时最喜欢的收入策略。在直接销售时,我会收获大量个人反馈、鼓励支持和改进建议,这些都非常激励人心。在其他收入方式上,我收获的反馈要少得多,所以也更难评估影响效果。


人们在向我发送直接反馈时,经常倾向于分享我的工作给他们带来的影响。而当人们在网上写评论时,主要是针对内容本身发表意见,但那些评论并不会告诉我,他们受到了何种影响。


对我而言,自己现有的收入哲学是种常识。我为何想追逐会降低个人生活方式,或制造与自己价值观不一致问题的那些收入来源?这也是我为何从1992年起便不再有雇佣工作的原因。若我试图在今天找份雇佣工作,很可能不到一周就要被解雇。因为与服从相比,自己更看重自由的价值。我喜欢在如何花个人时间的事情上,做出属于自己的决定。


我针对网站的变现策略,必须支持自己对学习和成长许下的承诺,因此拥有灵活设计十分重要。对于工作坊页面,我采用了简化设计,并制作出页面模板,从而让发布新工作坊变得轻松容易。我在Products(产品)页面上也采用了相同策略。News(新闻)区块也可作为发布新产品和活动信息的方便地方。但这些页面设计都有着灵活结构,我无需打破网站的整体设计,就能轻松添加不同类型的收入流。不论自己想要如何赚取收入,网站设计都应该能做出适宜调整。


我认为如果大家把生活看作一个成长学校,这种视角就能帮我们避开将金钱作为力量来源的陷阱。金钱只是数据库里的一个数字… 或一些纸张、塑料或硬币。金钱只会呆坐那里不动。我们才是驱使其流动的引擎。


若能做出恰当的变现选择,赚钱就可以成为助力个人成长的刺激好玩游戏。否则的话,它也可能成为一个令人压抑、沮丧或不堪重负的头痛问题。无论你何时发现自己屈从于后者,请质疑那些引导你走入这种地步的决定,然后迫使自己做出更佳决定。你永远都能改变个人思维。



测试和发布


在网站发布前的最后一月,我做了大量测试,以确保一切工作正常。其中包括测试所有WordPress页面,并选择查看一些页面在Chrome、Safari、Firefox和Edge浏览器上的展示效果。我还对不同设备的页面显示效果做了测试,包括iPhone、iPad、笔记本电脑和27英寸显示器。


我使用Responsible插件,帮助自动测试不同尺寸的屏幕,它能让我在自己没有的设备上进行模拟测试。WordPress近期在Customizer(Appearance -> Customize in WordPress admin)中,添加了这项功能的有限版本。


在本地机器上经过测试后,我把网站上传到临时的开发用服务器上。开发用服务器就是一个子目录或子域名,你可以在此为测试目的,安装一个网站副本。网站可以通过这种方式上线运行,但它还不会获得任何流量。


只有等网站上线运行后,我才能恰当配置某些插件,比如Jetpack里的一些插件。


一旦网站所有部分在开发用服务器上都可以恰当运行,我便写出一份详细具体,逐步完成的发布计划,把开发用服务器上的网站复制到实时网站的地址。复制过程其实相当容易,但我想谨慎处理,不要搞砸任何事情。我还想最小化网站的宕机时间。


我决定先柔缓发布网站。周末的访客流量最低,所以我选择在周五下午发布。这样我就能在周末监控网站状态,确保它达到预期工作效果。同时不必担心在大张旗鼓地发布网站时,却出现要修补的问题。等到了周二,当自己对网站的稳定状态充满信心后,我才在邮件发送列表里正式宣布新网站上线运行。网站流量随之出现高峰状态,我也收获了更多反馈。


总的来说,这次发布进行得十分平稳。但我确实在发布后碰上一些小漏洞,所以一连几天,自己大部分时间都忙于修补漏洞,进行微小调整,完成简单改进,并回复读者反馈。



速度优化


即使等到网站发布时,我仍有50-100个要做的小改进措施,以及想尝试的设计想法。改进一个网站就像和九头蛇搏斗;你添加的每项功能都会引出另外两个想法。我努力将在发布时就应当可用的功能,与其他可以晚点落实的想法区分开来。


发布之后自己工作最多的领域,就是优化网站的访问速度。我想让网站尽快载入并能迅速响应,不想让人们必须等上几秒才能看到载入页面。


网上有不少免费服务,可以测试网站的访问速度。这些测试用时不到一分钟,之后你便会得到一份免费报告。下面就是我用过的测试服务:


  • GTmetrix — 我的个人最爱,但有时必须运行这款测试工具多次,我才能得到一份准确报告(它在测试我的网站时倾向于过早给出报告,而实际载入的页面只有25%,从而导致错失大量页面资源)

  • Pingdom — 也挺好,但不如GTmetrix提供的建议详细具体
  • Google PageSpeed Insights(谷歌页面速度洞见) — 当你的网站有大量要改进的地方,这里就是开始测试的好去处。但它只提供基本建议,而且测试评分过于严苛(甚至Google自家的新闻网站在移动设备上也只有68%的分数,在桌面设备上只有77%的分数)


当我用这些速度测试工具进行首次测试时,所得分数最好也只有平庸成绩 — 大多数在50-65%的范围。幸运的是,这些网站能为我提供大量改进速度的建议。


我最喜欢的性能评测工具是GTmetrix。它能提供两种不同的性能评测分数(PageSpeed和YSlow),其中会列出不同速度因素的详细评分,以及每种因素的A-F等级。我在大概一半的速度因素上,都能得到A和B,主要是因为网站的WordPress主题已处理好它们。所以自己只用专注于先处理所有C、D和F等级的影响因素。


幸运的是,GTmetrix对于如何改进每个落后领域,都会提供不错建议。我是从处理那些较大的问题开始,逐渐一路进行到较小的那些。


这些改进措施包括:


  • 为各种文件启用gzip压缩,包括CSS、Javascript和字体文件
  • 推迟解析Javascript,这样它就不会阻碍渲染进程
  • 从静态资源移除查询字符串
  • 添加Autoptimize插件,从而缩小与合并HTML、CSS和JS文件
  • 添加EWWW Image Optimizer插件,用于无损压缩自己网站上的图片,并减少了大概10-15%的图片带宽
  • 添加Disable Emojis(禁用表情符号)插件,从而清除一种浪费时间的WordPress文件请求(这种文件所做的全部事情,就是为过时的浏览器添加表情符号支持,而且它会毫无必要地在没有表情符号的页面上加载)
  • 为文件添加合适的缓存标题,使浏览器可以对标题进行更好缓存
  • 在自己的一个CSS文件里放弃使用@import,并把字体定义放入主CSS文件
  • 注册使用CloudFlare,它是能够极大减少服务器响应时间的内容分发网络(CDN)
  • 启用CloudFlare的RocketLoader功能,并添加一项规则,使它能与Beaver Builder一起使用
  • 还有其他许多小的调整改进


在做速度优化前,GTmetrix报告它要花2-4秒才能载入我的网站主页。只是载入那一个网页,就需完成大概80个文件请求。另外有几个瓶颈因素,也减缓了页面渲染速度。


完成这些优化措施后,载入时间便处在600-900毫秒(0.6-0.9秒)的范围。我的网站速度分数,也飙升到98%的PageSpeed评分,和96%的YSlow评分 — 全是A类等级。


我还测试了其他页面,比如博客文章主页和某些文章页面,而且也得到相似评分。


实现100%并不现实,因为剩下的优化建议在很大程度上超出了我的控制。例如,有些建议要求改变Google字体已经失效的标题,而这些字体都由Google托管。甚至Google自家的PageSpeed测试工具都抱怨他们的字体。虽然这个小问题降低了我的一点测试评分,但Google字体的载入速度极快,根本不是减慢速度的瓶颈。为追求那最后的2-4%分数,我必须要做的事情并不会让自己网站变得更快;它们只会满足评分算法的特性。


这些优化工作花了我大概三天时间,但我在那些天里都能轻松工作10-12小时。假如必须重做一遍,并知道自己现在知道的知识,我可以在几小时内做完所有工作。因为之前大部分时间,都花在研究如何去做我并不知道怎样做的事情。我还得做大量额外测试,才能想出实现某些改进的正确做法。无知与经验不足拖慢了我的脚步。


我发现在处理各种小改进上,GTmetrix里的Waterfall选项卡尤其有用。它会向我展示载入每种资源要花多长时间,以及哪些资源在阻碍渲染进程。这样自己就能看出剩下的速度瓶颈在哪里。所谓阻碍渲染的资源,就是在页面首先显示给访客前,必须要载入的资源。不会阻碍渲染的资源,比如用于动画内容或表格处理的Javascript,就可以推迟渲染,等页面首先显示后再载入。对于加快页面在移动设备上的载入速度,推迟渲染尤其重要,因为众所周知,页面载入在移动设备上非常缓慢。


我花了数小时查看waterfall图标上的每个文件,它会向我展示自己可能忽视的各种问题。例如,我注意到有款字体要花相当长时间才能载入。检查过文件后,我才注意到那款字体没有压缩,尽管自己以为它压缩过。于是我在Apache配置文件上添加了一些压缩代码,从而将那款字体的文件大小降低了大概75%。这减去了200-300毫秒的页面载入时间。那相当于快速眨眼两次!不过要是自己能每天节省成千上万人的两次额外眨眼,为何不这么做呢?


这种水平的优化改进听起来可能有点偏执,它也确实如此,但我真的很享受偏执其中。由于刚开始时,自己对速度优化知道的不多,这项工作最初看起来还有点吓人。我一次只走出一小步,而每次小的速度提升都会鼓励我继续前进。一旦沉迷其中,我就很难再停下脚步。有一晚因为太想再减少50-100毫秒的载入速度,自己甚至忘了吃晚餐。


我很喜欢的是,这种工作对我的读者们也有好处。当然,有许多因素都能影响页面载入时间,包括浏览器、所用设备、互联网接入。但知道速度瓶颈的问题不是出在我这一方,会令人感到非常欣慰。


响应迅速的网站显然也有利于搜索排名,所以我的网站可能会因这种优化工作,而在未来拥有更高一些的排名。



时间和成本


我是在2015年8月26日开始着手这个设计项目,网站发布是在2016年4月1日。不过在这七个月里,我并非总处于全职工作状态,中间至少有过4次旅行,包括前往墨西哥的两周半旅行。总体而言,在网站发布前,我很可能在此项目上投入了600-800个小时,相当于15-20周的全职工作。


但我很少每周工作40小时。有时我会沉迷其中,一周工作80小时,其他时候则可能每周放松工作20小时。在那七个月里,这就是我的首要项目,但它并非自己的唯一工作项目。我还有其他要处理的生意任务。


新网站发布之后,我很可能又在其中投入了至少150小时,用于修补漏洞、做出改进,并进行优化。鉴于我已编辑出的可添加功能列表,还有持续出现的各种建议,我以后还可能要投入几百小时工作。


至于花在这个项目上的金钱,以下是我的支出记录:


  • 40美元用于参加2015年9月的拉斯维加斯WordCamp大会
  • 每年199美元,用于注册使用Beaver Builder(包括网站主题和页面生成器),不过第一年使用后很可能有折扣优惠
  • 每年81美元,用于付费使用的插件
  • 70美元,用于Sublime文本编辑器


所以我在项目上的总花销是390美元,未来每年还有最多280美元的持续花销(很可能会比这个数目少得多,因为Beaver Builder的续费应当有很大折扣)。假如得益于新的网站设计,我每年只用获得一个额外工作坊客户,所得收入就能覆盖这些花销。此外,这些花销都可以获得税费减免。


我使用的其余软件和工具都已付过费用,自己网站的托管开销也和以前一样。


所以从金钱方面考虑,这个项目并不昂贵。花得更多我也不会介意;只是目前无需更多花销。这个项目的主要成本是时间,所以你还可考虑用于项目的所有时间的机会成本。鉴于自己从中收获的成长和学习体验,我认为这些时间花得很值。


在此系列文章的最后一篇中,我将分享这个设计项目对个人成长的帮助,以及自己从中学到了什么。



下一篇:20160427 重新设计StevePavlina.com网站 — 第9部分

上一篇:20160423 重新设计StevePavlina.com网站 — 第7部分


查看原文



全部博客译文