关于文本网站的最佳做法的自以为是的清单

以下内容适用于主要关注文本的最小网站。它不适用于具有大量非文本内容的网站。它也不适用于比好的网站更侧重于创收或取悦投资者的网站。

我知道并不是每个人今天都会放弃网络而改用Gemini或Gopher（最长可能需要一个月的时间）。在此之前，以下是针对主要关注文字的网站的详尽无遗的，经过精心设计的最佳做法清单：

与流行的文章提取器（例如可读性）和HTML到Markdown转换器一起使用。这是验证您的网站是否使用简单的HTML并可以与大多数非浏览器文章阅读器一起使用的好方法（例如，电子书转换器，PDF导出）。

没有自定义颜色，也没有明确设置前景色和背景色。在下面的更多内容。

服务器配置为支持压缩（gzip，也可以选择zstd）和HTTP / 2。这是免费的提速。

我想再次重申，这仅适用于主要侧重于文字的网站。如果图形，交互性等是您网站的重要组成部分，则本文所涉及的内容很少（可能没有）。

这篇文章的早期草稿产生了一些反馈，我认为我应该在下面解决。特别感谢提供反馈的八个IRC用户！

如果确实需要，可以使用serif代替sans-serif，但是serif fontstend在低分辨率显示器上看起来更糟。并非每个屏幕的DPI都有三位数。

要发布自定义字体，就是要断言品牌比用户选择更为重要。除了基本布局和可选的深色模式支持外，作者也不应该指定网站的外观；这是用户代理的工作。大多数网站的重要性不足以使其看上去与用户系统的其余部分完全不同。

一个个人示例：我在计​​算机的fontconfig设置中设置了首选字体。现在，每个使用sans-serif的网站都将拥有首选字体。带有sans-serif的网站会融入用户的系统中，而不是突出显示。

“用户并没有更好的了解，需要我们为他们做出决定”的心态并非毫无道理；但是，我认为它已被过度使用。使用系统字体不会使您的网站变得更难使用，但是它确实使网站更小并且对那些非常关注字体更改字体的用户群的吸引力降低。这个论点不是关于使非技术用户更容易使用软件；这是通过主张个人喜好来建立品牌。

期望用户自动覆盖网站样式表不是一个好主意。这样做会破坏使用诸如Font Awesome之类的字体来显示矢量图标的网站。我们不应该期望这些用户像许多广告拦截/脚本拦截用户（包括我本人）那样，与网站不断进行斗争。

我对指纹了解不多，除了没有JavaScript不能进行字体枚举。由于遵循这些最佳做法的基于文本的网站不会在页面加载后发出请求，并且没有脚本，因此通过字体枚举进行指纹识别在这些网站上不是问题。

其他网站仍可以使用JavaScript通过字体枚举来指纹。他们不必停下来看看无衬线映射到什么内容；他们可以看到用户系统上的所有可用字体，用户的画布指纹，窗口尺寸等。其中一些可以通过Firefox的privacy.resistFingerprinting设置来缓解，但可以理解的是，该设置会覆盖用户的字体首选项。

归根结底，网络监视自我防御是一场充满折衷的军备竞赛。请尝试使用Gemini或Gopher。

对于连接速度较慢的用户，延迟加载通常令人沮丧。我想我可以为其中一些用户说：我家附近的移动数据有许多“死区”，下载速度极差，而我家的Wi-Fi中继器设置偶尔会导致数据包丢失率超过60％（!!）。

连接不畅的用户比闲置等待页面加载更好的工作，他们可能会在后台选项卡中打开多个链接以等待它们全部加载，或者切换到另一个窗口/应用程序并在加载完成后返回。他们可能还会在连接良好时打开链接，然后再切换到连接不良。知道在出差移动数据死区散步之前，我经常在Wi-Fi上打开10-20条链接。

不幸的是，延迟加载的页面无法在后台完成屏幕外图像的加载。要提前加载此内容，用户需要切换到加载页面并缓慢滚动至底部，以确保所有重要内容均显示在屏幕上并开始加载。网站所有者不应期望用户必须跳过这些荒谬的陷阱。

大量连接状况不佳的用户也拥有上限数据，因此他们希望页面不会决定为他们提前预测性地加载内容。有些人甚至禁用了此行为以避免数据过剩。精通隐私的用户通常也会禁用预加载功能，因为他们没有理由相信链接的内容不会实行暗模式，例如未经同意就进行跟踪。

单击链接的用户选择加载整个页面。加载用户未单击的页面是该用户的选择。

是的，用户可以禁用图像。那是他们的选择。如果您的网页使用延迟加载，则可以有效地（可能是无意地）为大量用户做出了选择。

某些用户的浏览器设置的默认页面颜色不是黑白的。例如，启用GTK样式替代的Linux用户可能默认为在深色背景上使用白色文本。明确设置前景色但保留默认背景色（反之亦然）的网站最终难以阅读。这里是一个例子：

如果您确实设置了颜色，则还请使用mediaquery：@media包括深色主题（prefers-color-scheme：深色）。

您可能还想使用HTML的元素，将jpg / png用作后备，以获得更有效的格式，例如WebP或AVIF。 MDNdocs中的更多信息

250kb俱乐部收集250kb或以下的网站，并奖励内容大小与总大小之比高的网站。

另请参阅Motherfucking网站。 Motherfucking网站激发了一些非正式的续集，试图对其进行逐步改进。 Myfavorite是最好的网站。