又一年过去了!就像我们每年都会做的那样,让我们从分析的角度、基于数字的角度回顾过去的一年,并进行目标回顾。最重要的是,我要向你们,CSS-Tricks 的各位优秀的读者表示最衷心的感谢,感谢你们让这个地方成为可能。

这个网站有新的设计,不是吗?是的!我很快会写一些关于这方面的内容。如果您现在有任何想说的,请随时使用我们的 Spectrum 上的新公共社区。如果是错误或想法,不需要公开,我们的 联系表单 将非常适合。
如今,我每年查看 Google Analytics 的次数屈指可数,但我们从第一天起就在这里安装了基本代码段,因此它非常适合长期关注网站流量和使用情况。尤其是由于 CSS-Tricks 一直以来都是一个相当基本的 WordPress 安装,在基础设施方面几乎没有发生重大变化,这些变化会干扰这些数据的收集方式。

今年我们的页面浏览量达到 9100 万次,高于去年的 7500 万次。这真是太好了,因为我们在 2017 年是 7500 万,2016 年是 7700 万,2015 年是 7200 万。今年我们实现了比以往任何时候都更大的飞跃。我希望明年能达到 1 亿次!这是基于 6500 万次访问量和 2300 万用户。
也许部分流量可以归因于我们今年发布了 636 篇文章,高于去年的 595 篇。我想它们质量也更高,因为今年我们在客座写作方面投入更多,并且采用了比以往任何时候都更彻底的编辑流程。我们聘请了 Geoff Graham 担任全年的主编,他在保持我们内容输出方面做得非常出色。
在过去的几年里,我一直试图将 CSS-Tricks 视为一个双头怪兽。一个头是,我们试图创作经久耐用、具有参考价值的内容。我们希望成为一个您可以访问或登陆以找到前端问题答案的网站。另一个头是,我们希望它像杂志一样易于阅读。 订阅,每周来一次,获取 RSS 订阅……无论您喜欢什么,我们都希望 CSS-Tricks 作为爱好者杂志或行业杂志都很有趣。
今年我们只发布了 25 个新页面,例如代码片段、年鉴条目和视频。我真的很想看到这个数字今年有所上升,尤其是年鉴,因为我们有很多需要添加和更新的新页面文档。
我几乎希望我们的 URL 中包含年份,因为我仍然无法找到一种方法来限定分析数据,以便仅向我显示今年发布的内容的数据。我可以查看当年最受欢迎的内容,但这与发布时间无关,并且主要由我们多年来一直拥有并不断更新的大型指南所主导。
有趣的是,flexbox 仍然是我们排名第一的指南,但对 网格指南 的搜索数量仅略微落后于它。不过这取决于来源。我可以通过 WordPress.com(通过 Jetpack)查看网站内部搜索的数据,结果显示网格搜索量约为 flexbox 的 70%。Google Analytics 的数据显示它减少了约 60%,这将是最终进入 CSS-Tricks 的 Google 搜索结果。尽管如此,无论是在站内还是站外,这两个都是最受欢迎的搜索关键词。从第 3 名开始:svg、边框、位置、动画、下划线、背景、显示、过渡、表格、按钮、大写、css、粗体、浮动、悬停、变换。
我喜欢这样!人们登陆网站寻找基本的 CSS 概念,并希望找到他们需要的东西。
网站搜索一直是一段旅程。对于如此庞大的网站来说,原生 WordPress 搜索不够好。很长一段时间我都在使用 Google 自定义搜索引擎,它很好,因为它和 Google 一样好,但不好之处在于它有点难以美化,并且包含了很多广告,这些广告赚的钱并不值得,而且去除这些广告的费用太高。去年我使用过 Algolia 一段时间,这是一个很棒的产品,但我需要投入比当时能够投入更多的开发精力。现在我回到了 WordPress 搜索,但 由 Jetpack 提供支持,它带来了云托管 Elasticsearch 的强大功能,这非常棒。这意味着我可以控制原生 WordPress 模板和样式,并且有很大的调整空间。
搜索也很吸引人,因为它代表了人们访问 CSS-Tricks 的方式的 81%。这尤其有趣,因为它意味着页面浏览量的增长不一定来自搜索,因为去年我们有 86% 的流量来自搜索,下降了整整 5%。来自其他领域的增长非常强劲,以至于压低了搜索流量。
所有社交媒体加起来只有 2%。每年的这个时候,我都会想起我们在社交媒体上花费了多少时间和精力,以及也许明智的做法是将部分精力重新集中到网站内容上,因为这更有助于帮助更多人。这并不是说我不喜欢社交媒体。当然,我们从社交媒体参与中获得了无数文章和内容的想法。
直接流量有所增长,这很有趣。今年有 9% 的访问量是直接访问,高于去年的 5%。推荐流量为 7%,高于 5%。社交媒体保持稳定,因此实际上我们有更多人直接访问网站,以及更多来自其他网站的链接,这要感谢流量的增长。
说到社交媒体,今年我们在 Twitter 上获得了 @CSS,这很有趣。我原以为这会提高粉丝增长的速度,但似乎并没有。

我们几乎不做任何与 Facebook 相关的事情,除了确保新内容在那里发布之外。有时这感觉像是一个错失的机会,因为那里的人比地球上任何其他社交网络都多。但据我所知,它在开发者社区中似乎并不特别受欢迎。更不用说 Facebook 不断被揭露正在做一些可疑的事情,这让我个人远离它。
我们在 CSS-Tricks 时事通讯 方面取得了非常稳定的一年,每周都发布。 Robin Rendle 每周都在努力工作。我们以 31,376 名订阅者开始这一年,并以 39,655 名订阅者结束。所以大约增加了 8.5k,低于去年的 10k。这仍然是良好的增长,我怀疑明年我们会看到更好的增长,因为新网站设计在推广方面做得更好,我们还有一些计划让我们的创作和在这个网站上的展示效果更好。
如果关于 Edge 转向 Chromium 的新闻让你担心 Chrome 会变得过于主导,那么……好吧,Edge 实际上还没有做到这一点,而 Chrome 已经非常主导了,尤其是在这个网站上。 77% 的流量来自 Chrome, 11% 来自 Firefox, 6% 来自 Safari,IE 和 Edge 各约 1.5%,其余则分布在 836 个其他已识别的浏览器中。
61% 来自 Windows, 22% 来自 Mac, 7% 来自 Linux, 7% 来自 Android, 3% 来自 iOS,其余则分布在 42 个已知的操作系统中。
流量地理位置保持一致。美国以 22% 领先,印度以 13% 位居第二,英国以 5% 位居第三,德国以 4% 位居第四,加拿大、法国和巴西以 3% 位居第五,俄罗斯、澳大利亚、荷兰、西班牙、波兰、意大利、乌克兰、中国、菲律宾以 2% 位居第六,其余则分布在 240 多个其他已识别的国家/地区。
今年另一个令人惊讶的变化是移动流量。我相信,在整个互联网范围内,我们已经超过了移动设备流量超过一半的临界点。在这个网站上,多年来我们一直徘徊在 2% 或 3%。去年为 6%,大幅跃升,而今年为 10%。我一直怀疑数字较低的主要原因是,此网站与进行主动开发一起使用,而主动开发仍然是桌面为主的任务。尽管如此,它还在增长,增长速度也在加快。
今年有 3,788 条已批准评论,低于去年的 5,040 条。一段时间以来,我们一直在手动批准所有评论。我们一直都有审核,但必须在评论出现之前批准它们会减缓评论活动,并导致评论总数减少。我估计大约 50-60% 的非垃圾邮件评论获得批准。对我来说,维护这里积极的氛围绝对是值得的。我还怀疑评论减少的主要原因仅仅是人们在社交媒体上进行更多对话。我相信,如果我们追踪与我们发布的内容相关的社交媒体上的对话(以某种方式),那将是上升的。
我们的评论系统也非常过时。我希望看到一个允许帐户、评论编辑、社交登录、花哨的编辑器、Markdown 以及所有功能的系统,但我还没有被任何系统所吸引。
网站上的联系表单已达到 ID 号 21458,因此今年我们通过该表单收到了 1,220 条消息。
目标回顾
❌ 发布以新格式呈现的内容。在幕后,我们确实进行了一些基础工作来实现这一点,因此我对可能性感到乐观。但我们没有发布任何内容。我们一直在做的事情中最接近的是将内容整理成 指南,这对于我们来说是一种新的格式,我也希望它能够发展。
✅ 更多编辑构思。我认为我们已经足够接近,可以称之为成功。我们做了一系列主题周。我们总是将主题相关的內容归类在一起。我们的链接文章在成为参考和主题方面做得更好。我们仍然很好地报道了新闻。我认为我希望看到我们进行更多超前规划,以便我们可以将更大的想法付诸实践。
✅ 有趣的赞助合作伙伴。 我觉得我们在这方面做得很好。
❌ 创建另一个非常受欢迎的页面。 当我们创作真正强大且有用的参考内容时,我们才能发挥最佳水平。当我们真正做好时,我们会创建对人们非常有用的页面,这对每个人来说都是一个双赢的局面。我不确定今年我们是否有一个大受欢迎的页面,所以明年我们会努力争取。
新目标
完善这款新设计。 这可能是自v10 大改版以来,投入时间、精力和资金最多的一次重新设计。虽然有很多美学上的变化,但也进行了一些用户体验工作、业务目标导向、工作流程调整和后端开发工作。我希望通过对其进行更长时间的改进,而不是仅仅停留在现有状态,从而从中获得更多收益。
改进电子报的发布和展示。 我们通过 MailChimp 发送电子报,这是一个很棒的产品,但多年来,我们一直努力将尽可能多的功能整合到 WordPress 平台下。我认为我们可以在 WordPress 中创建一个非常棒的电子报创作体验,然后继续通过特殊的 RSS Feed 通过 MailChimp 发送它。这需要一些工作,但它应该会带来一个更好的电子报,使其更易于制作,也更容易集成到网站上。
提高质量标准。 如果我们可以提高文章质量,我乐于看到我们发布的文章数量减少。并非针对我们任何作者已发布的作品,但我想我们都知道高质量的文章是什么样子的,我希望我们能更频繁地达到这个标准。如果这意味着文章需要花费更多的时间进行编辑,并且我们对想要看到的内容更加严格,我们会这么做的。
更好的指南。 指南有两种类型:“完整指南”,例如我们的 flexbox 和 grid 指南(仅举几例),以及“指南集合”,这些指南集合是根据主题手动挑选、排序和维护的,例如我们的初学者指南。作为一个拥有超过十年海量内容的网站,我真的很喜欢这种方式,因为它可以确保最好的内容拥有一个合适的归宿,并且我们可以以强大的方式服务于不同的人群和主题。
感谢!
💙💚💛🧡❤️💜💙💚💛🧡❤️💜💙💚💛🧡❤️💜💙💚💛🧡❤️💜💙💚💛🧡❤️💜💙💚💛🧡❤️💜💙💚💛🧡❤️💜💙💚💛🧡❤️💜💙💚💛🧡❤️💜
再次感谢,正是你们让这个地方成为了可能。
我喜欢新的设计,这是迄今为止最好的一款!
新设计令人难以置信。我认为它是对之前版本的一次极好的升级。
喜欢新的设计。我通常讨厌网站修改滚动条,但你们做到了。我认为你们也应该重新设计论坛https://i.imgur.com/EfLCD0P.png
有趣。更改滚动条是我唯一不喜欢的地方。不要乱动我的浏览器界面。
该网站浏览起来真的很愉快。干得好!
很棒的设计!
以一种很棒的方式开启 2019 年新年。一个全新的 CSS-Tricks。
谢谢,团队!
新设计太棒了!喜欢它
感谢你们几乎每天都在帮助我!
Chris,这个新设计非常棒!很高兴看到 CSS-Tricks 发展壮大!
杀手级设计
也谢谢你们!
祝你们新年快乐
嗨,这是我的第一条评论,
我是一名来自法国的前端学生,我通过 css-tricks 提升了我的技能,所以感谢你们所做的出色工作,并祝你们新年快乐,充满爱意 :)
真的很喜欢新的设计。做得好!
这是一次真正令人兴奋的重新设计。感觉有很多东西可以探索,而且它比旧网站更能促进发现。
新年快乐——感谢你们所有的灵感!
新网站看起来很棒。仅供参考 - 搜索图标在 Firefox 上的位置有问题,但我相信这些小问题会及时解决。
是否可以在 GA 中使用自定义变量来帮助理解各个帖子/页面的发布年份?这不是我的专业领域,但我认为应该有办法做到这一点?
哦,我的天,这个新设计太棒了!到目前为止,我个人最喜欢的一款(自从带青蛙的那款以来——开玩笑)。Chris 和团队,请继续努力。所有的一切都做得非常好!:)
哇,这太棒了!
哇!我真的很喜欢这个新外观。恭喜!
我相信我们大多数人都在使用浏览器的检查器工具来查看事情是如何实现的。这是我们的天性,呵呵
这个新设计太棒了。喜欢某些地方的细节处理,感觉非常流畅。
令人印象深刻的新外观!新年快乐。
只想说,很棒的新设计!我不太喜欢之前的那个设计,但这个新的设计很棒。感谢你们所做的一切!
这是一种展示 CSS-Tricks 团队才华的绝佳方式。我每天都先查看一下网站,真是个惊喜。
喜欢这个设计!这里有一位新订阅者 :)
很棒的新设计!喜欢它!上一个也不是很差。
这激励我在 2019 年更加积极。我真的很喜欢这个社区。
新设计做得很好。总的来说,这是一个不错的更新,与之前版本没有太大区别或让人感到困惑,信息仍然是核心内容,颜色搭配非常有趣,粉橙色渐变和饱和色在深色背景下呈现出霓虹灯效果。它具有非常复古的未来感,这非常适合主题内容。我非常喜欢英雄图像的处理方式,它只是略微可见并逐渐淡入黑色,以及在文章归档和主页上的回声效果。
我不喜欢的是文章标题和元数据与文章本身的分割方式,我想在标题/英雄区域中放置它们是可以的,但在它们之间放置广告空间和分享按钮的横幅对我来说尤其令人反感。
糟糕,变化太多了,请恢复旧主题。
我每天都会访问 CSS-Tricks(超过 1 年了),现在我找不到我想要的信息,我认为这种变化对用户不友好。
也许你们应该一次更改一项内容,首先是颜色,然后是元素位置、动画等等。
很棒的设计!chris.. 非常有启发..
祝贺这些数据!
我非常喜欢这个新设计,粗的滚动条让我有点想笑,但它很好。我很高兴我们不再使用WordPress账户来评论了(我很少使用它,而且记不住密码),但是你确定Disqus不是一个好的选择吗?当然它没有Markdown,但它有HTML和代码高亮。
网站的滚动条非常好,但在评论区它完全是黑色的
喜欢新的设计!我唯一挑剔的是滚动条滑块上的边框,因为其他所有东西都是平的。
很好奇2015年发生了什么导致流量大幅下降,分析代码是不是暂时被去除了?
喜欢2019年的新设计!
喜欢这个设计。这就是你真正可以用“css-tricks”实现的!
很高兴你使用更多CSS的潜力,而不仅仅是简单的扁平网站
这个新设计非常有趣,充满了令人愉悦的交互和微交互。你在视觉设计和整体UI和用户体验方面都做了很棒的工作。我喜欢事物是如何被突出显示的,以及对可访问性的关注。我最喜欢的事情之一是文章卡片上的悬停动画——太棒了!颜色和排版也很棒。继续努力!
喜欢新的设计,我真的很欣赏它如何展示你的经销商广告。它们引人注目,但不突兀,并且与设计的其他部分相得益彰。非常鼓舞人心的作品!
也绝对喜欢新的设计……按钮上的渐变很棒……自定义滚动条也是一个不错的点缀……
喜欢设计!
回敬你,Chris。意思是谢谢!
跟随你的直觉。远离Sketchy;) 并掌握前端。少写代码。多说内容。