感谢（2019 版）

我们每年都会 传统 在新的一年到来时感谢所有 CSS-Tricks 的读者。 我真的很感谢大家来到这里阅读我写的文字，以及我们所有员工和特邀作者的文字，他们也为网站做出了贡献。

谢谢！

此外，我们会在今年这个时候深入研究数字。 我一直试图公开这个网站的分析数据。 年复一年地查看它们总能提醒我：利基博客是一个缓慢的游戏。 这里没有火箭式增长。 从来没有，将来也不会。 诀窍是在随着时间的推移缓慢构建，照顾网站，投资于它，努力工作，如果幸运的话，数字就会向上趋势。 今年，总体流量甚至没有做到这一点。 有时候你必须为你的拥有而战！ 不过，我们在其他领域取得了增长。 让我们来看看。

2019 年 1 月 1 日，该网站的当前设计（v17）首次亮相，因此整一年与之完美重叠。 为了比较起见，我当然会在未来尝试以同样的时间发布重大迭代。

总体数字

Google Analytics 显示我9030 万次页面浏览量，这比 2018 年的 9100 多万次略有下降。 下降了1%。 问题不大，但当然我更希望看到增长 1%。 我们将其视为对屁股的一脚，以产生更强劲的内容年份，希望能够弥补损失。

看起来我们在一年中发布了726篇文章，包括链接文章和赞助链接。 比去年的 636 篇和前年的 595 篇有了很大进步。 显然，对我们来说，数量并不是流量的诀窍。

我不知道我们是否会一定放慢速度。 我喜欢我们每天多次发布值得注意的链接这一事实，因为我想把我们看作是一个及时的行业出版物，你除了可以像阅读日报或周报一样阅读它之外，还可以将其作为常青参考。 我认为我们不会投资于增加数量。 对于这个团队来说，质量比数量更能推动发展。

今年，有很多数字我不想看。 我们传统上会做一些事情，比如人们来自哪些国家，他们使用哪些浏览器（以 Chrome 为主），移动设备使用情况（奇怪地低），以及诸如此类的事情。 今年，我真的不在乎。 这是一个网站。 它是为世界上所有关心阅读它的人准备的，无论他们在哪个国家，无论他们使用什么浏览器。 我们仍然跟踪这些数字（因为 Google Analytics 会自动跟踪），这样我们将来可以重新访问它们并查看历史记录，如果它再次变得有趣的话。 不过，快速浏览一下，它与任何其他年份并没有太大区别。

性能数字总是很吸引人。 Google Analytics 显示我的平均页面加载时间为5.32 秒。 在我快速的家庭互联网上（在办公室甚至更快），首页加载时间为 970 毫秒，但如果将其限制为“慢速 3G”，则加载时间约为 30 秒。“快速 3G”为 8 秒。 由于流量主要偏向桌面，因此大多数访问者使用比 3G 更快的连接是有道理的。 无缓存，我们正在谈论54个请求（包括广告）和770KB（适合放在软盘上）。 它足够好，我并不渴望进行性能冲刺。

今年最受欢迎的文章

你会认为我们每年都会做这样的部分，但由于我们的 URL 结构，我还没有轻松的方法来弄清楚这一点。 幸运的是，在 2019 年 3 月，Jacob Worsøe 帮助我们在 Google Analytics 中添加了一些自定义维度，这样我们就可以跟踪每个页面浏览量的作者和年份等信息。

这意味着我们可以找到一些东西，比如2019 年撰写的最受欢迎的文章，而不仅仅是 2019 年查看次数最多的文章——无论它们是在什么时候撰写的。 以下是 Jacob 发送的图表

以下是文本列表

1. 巨大的分隔
2. 更改悬停时的 SVG 颜色
3. 每个 JavaScript 开发人员都应该了解的 ES2018 新特性
4. Web Components 简介
5. 2019 年你在哪里学习 HTML 和 CSS？
6. 更改悬停时 SVG 填充的多种方法（以及何时使用它们）
7. 看，没有媒体查询！ 使用 CSS Grid 创建响应式布局
8. 如何对 HTML 进行分节
9. 防止模态打开时页面滚动
10. CSS 动画库

8.25% 的流量来自今年撰写的文章。 如果你查看这些文章在 2019 年所有 URL列表中的位置（不仅仅是 2019 年发布的那些），排名前列的文章从第 75 位开始！ 很难与那些已经积累了一段时间SEO 流量的旧文章竞争。 这种事情让我更加想要专注于参考性内容。

有趣的是，我们的头条文章是编辑性的，但其他所有文章都是参考性的。 我喜欢这里和那里的编辑内容，但很明显，我们的核心业务是如何做的技术内容。

搜索

搜索有两个方面对我来说很有趣

1. 人们在这个网站上本身搜索什么？
2. 人们在 Google 上使用什么搜索词来查找这个网站？

网站内搜索由Jetpack 的 Elasticsearch 功能 处理，我仍然非常喜欢（它们是赞助商，但这是真的）。 这也意味着我们可以使用 WordPress.com 仪表板上的分析轻松跟踪它的使用情况。 我还安装了一个 Search Meter 插件来跟踪搜索表单条目。 我可以通过 SiteKit 插件查看 Google 搜索，该插件从 Google Search Console 中提取数据。

以下列出了所有三种搜索结果，并去除了重复项。

	Jetpack 搜索数据	Search Meter 搜索数据	Google 搜索数据
1	amazon (?!)	flexbox	flexbox
2	flexbox	grid	css grid
3	css tricks	flex	css tricks
4	flexbox 指南	animation	css important
5	css grid	svg	css triangle
6	css flex	position	mailto 链接
7	grid 指南	css grid	vertical align css
8	css important	css	css 注释
9	巨大的分隔	border	css 形状
10	css 形状	background	css background image opacity

我们的前 10 个页面约占10%的流量，这与对 flexbox 和 grid 等内容的大量搜索以及人们访问我们很棒的指南相一致。 如果你查看我们排名前 100 位的页面，它们约占38%的流量，而之后的文章约占 0.1% 的流量，并且从那里开始下降。 所以我想说我们的长尾是我们最有价值的资产。 构成 62% 的所有流量的大量文章、视频、片段、帖子等。

社交媒体

每年这个时候，我都会意识到社交媒体对我们的流量影响甚微，并为在社交媒体上花费了太多时间而感到愚蠢。 我们几乎只使用 Twitter，它占该网站流量的 1%。 我们仍然有一个 Facebook 页面，但它基本上被忽略了，除了自动将我们自己的文章链接发布到它。 我发现在 Twitter 上倾听行业对话和娱乐很有价值，但我将努力减少在我们的社交媒体外发工作上花费的时间和精力。 如果某件事值得我们发推，那么它就值得写博客；如果我们写了博客，就可以自动发推。

但从数字上来看，我们在@css 上的粉丝数从 38 万增长到了43 万。 那里有稳健的增长，但增长率每年都是一样的，以至于它奇怪地一致。

今年，我还获得了一个 Instagram 帐户。 在那里没有做过太多，但我仍然喜欢它。 对我们来说，我认为 Instagram 上的每篇文章都可以代表这个小机会，让我们清楚地解释一个想法，最终可能会变成一本不错的参考书或类似的东西。 那里只有可怜的1389个粉丝。

电子报

我非常喜欢我们的 电子报。它是一份独特的写作作品，每周发布，让我们有机会表达我们想说的话。它通常是我们发布到网站上的内容的集合，所以它是一个了解网站最新动态的机会，但即使是这些内部链接也是以新的评论发布的。另外，我们会链接到网站上可能不会提到的其他内容。最棒的是，它通常会有一些只在电子报中出现的全新编辑内容。大部分内容是由 Robin 完成的，但我们都会贡献力量。

所有这一切都是为了说：我认为它有很大的潜力，我们一定会继续努力。

今年，我们的订阅人数有了前所未有的飞跃，年初有 40,000 名订阅者，年末达到了 65,000 名。这是迄今为止同比订阅人数增长幅度的 2.5 倍。我想这可能是因为这是一份很棒的电子报，但也因为今年它比以往任何时候都更好地与网站集成在一起。

评论

哦，苦乐参半的评论。坏消息是，我觉得它们每年都变得更糟糕一点。垃圾邮件更多了。人们变得更粗鲁了。我总是徘徊在关闭评论的边缘。但后来有人发布了一些真正好的或真正有帮助的东西，我就会想起我们是一个开发人员的社区，我又爱上了他们。

4,710 条已批准评论。比去年的 3,788 条评论增加了相当多，但仍低于 2017 年的 5,040 条评论。请注意，这些是已批准评论，值得注意的是，我们整个年度一直在使用一个系统，在评论发布之前手动批准所有评论。去年，我估计大约一半的评论通过了，今年我估计大约为 30-40%。因此，评论的总数并没有特别有趣，因为它会受到我们对批准的态度的影响。明年，我计划让我们比以往任何时候都更加严格，只批准质量很高的评论。

我还在等待 WordPress 再次承诺让评论变得更好，让我心动。;)

论坛

在 12 月份，有几个星期我几乎彻底关闭了论坛。它们多年来一直在走下坡路。问题是我自己没有时间去管理它们，而且我认为现在也不值得为它付钱给别人，至少现在不值得。实话说，它们没有任何商业价值，而且我从中获得的价值也不足以让我合理化在它们上面花费时间。

如果它们只是在那里，是开心的论坛，我就会不管它们，但问题是垃圾邮件。到了最后，几乎都是垃圾邮件，清理起来非常繁琐，需要额外的人力。

我暂时将它们重新启用，因为我得知有一个垃圾邮件阻止插件，据说可以针对 bbPress 垃圾邮件做不可思议的工作。值得一试！

有趣的是，在过去的一年中，论坛产生了 700 万 次页面浏览量，占网站所有流量的 7.6%。这在某种程度上是合理的，因为它们是网站大部分 URL 的来源，而且它们是用户生成的主题。长尾效应。

目标回顾

✅ 完善这个新设计。喜忧参半。但我在今年年中将网站迁移到了私有 GitHub 仓库，此后有 195 次提交，所以显然工作正在进行。我将保留这个设计在 2020 年全年使用，我想对完善方面做出更加协调的努力。

✅ 改进电子报发布和显示。我们做到了这一点。在 3 月份，我们使用 WordPress 中新的 Gutenberg 编辑器将 创作直接转移到网站上。这意味着写作更容易，同时在这个网站上漂亮地显示也更容易。感觉很棒。

☯️ 提高质量标准。我并没有将它标记为完全完成的目标，因为我不确定我们是否发生了很大变化。质量没有明显的提高，但我认为我们总体上做得不错，希望看到我们继续保持现状。

❌ 更好的指南。我们在 指南 方面并没有做太多事情。部分原因是它有点让人困惑。一方面，我们有“指南”（例如，我们关于 flexbox 的指南），这显然很有用，而且做得很好。然后还有“指南集合”（例如，我们的 自定义属性指南），就像手动挑选和排序的文章精选。我不确定这些手动整理的指南有多大用处，尤其是考虑到我们还有 标签页面，这些页面更容易排序。流量最大的指南是手动编写的文章增强版，因此值得投入最多的资金。

新目标

电子邮件列表达到 100,000 人。这将是 35,000 人的增长，超过了我们以往的任何增长。雄心勃勃。部分原因是，我倾向于尝试一些付费广告之类的东西来扩大规模，这样我就可以体验一下那个世界。Twitter 是否有一个特殊的卡片，可以让人们直接从推文中订阅？之类的东西。

两份指南。文章增强版。关于 flexbox 的指南对我们来说流量很大，但我也非常享受这种创作方式。如果今年我们不能至少完成两份非常好的指南，我会很伤心。

明确关注如何参考技术内容。这与最后一个目标相关，但适用于日常发布。如果我们发布的每一篇文章都以“如何”开头，我不会感到生气。

使用 Gutenberg。新的 WordPress 块编辑器。这是我们最雄心勃勃的目标。至少我认为是这样。这是最未知的，因为我真的不知道，当我们为超过十年的经典编辑器编写的内容启用它时，我们会遇到什么问题。我认为这不会造成任何伤害。更多的是要确保

1. 编写帖子拥有与我们现在的功能和便利性相同的体验，
2. 编辑旧帖子不需要任何手动转换工作，并且
3. 它值得去做。

但我还没有尝试过，所以这是我未知的领域。

---

再次感谢！

我在想舞台音乐家是如何做到这一点的，他们总是感谢他们的粉丝。跨越任何类型。即使他们在表演中几乎不说话，他们也会至少感谢人们的到来，如果不是完全表达对人群的欣赏的话。这是一种陈词滥调，但并不虚假。我可以想象，看到一屋子的人，他们都选择花一部分时间来听你做你该做的事，这确实是令人感动的事。

我在这里也有这种感觉。我无法像看到一个房间那样容易地看到你，但我能从你发布的评论、发送的电子邮件、在推文中@我们的内容以及所有这些中感受到。你正在花一些时间和我们在一起，这让我感到非常感谢。干杯。

🍻