五分钟搞定的优化，让你看起来像专业选手
几乎不花时间的小改进，却能让你的网站或项目看起来精致很多。
有些事情只花5分钟，但效果却不成比例地好。这些是我每次都会做的——低成本、高回报的改进，把"看起来像个周末项目"和"看起来像个懂行的人做的"区分开来。
加个正经的Favicon
没有什么比浏览器标签页里显示默认图标更喊"没做完"了。你的网站可能设计得很漂亮，但缺个favicon就让整个网站感觉像草稿。
拿你的logo（或者就一个字母），丢进favicon生成器，加上生成的文件。2分钟，你的网站立刻看起来更正规。
优化你的SVG
如果你在用SVG图标或插图，它们很可能塞满了编辑器的元数据、不必要的元素和冗余属性。
设计工具导出的典型SVG可能是15KB。优化后，3KB。同样的视觉效果，数据量少了80%。
把SVG丢进优化器，替换掉原文件。页面加载更快，没人看得出区别。
压缩你的CSS和JavaScript
开发阶段，你的代码有注释、空格和描述性变量名。可读性很好。
生产环境？把这些全删掉。压缩会去掉浏览器不需要的一切，文件大小能减30-60%。
大多数构建工具会自动做这个。但如果你在写原始文件或一个没有构建步骤的简单网站，用一个代码压缩工具就搞定了。
修好你的OpenGraph图片
在Slack、Twitter或iMessage里分享一下你网站的URL。看看显示了什么？
如果是空白预览或者随机截图，说明你缺了OpenGraph图片。这是别人分享你链接时显示的图片。
做一张简单的1200x630的图，放上你的网站名称和一句话描述。在HTML head里设好。5分钟的事，让每次分享的链接看起来都是有意为之，而不是坏掉了。
做好自定义错误页面
在你的网站上点一个不存在的链接。会怎样？
如果显示的是服务器默认错误页面或者一个白屏，那得修。一个自定义的404页面，带一个回首页的链接，10分钟就能做好，能拯救那些打开了失效链接的访客。
保持简单："这个页面不存在。以下是一些存在的页面。"
再压缩一次你的图片
是的，我知道你已经做过了。但上周新加的图片压缩了吗？客户发过来的那个4MB的PNG logo呢？
图片压缩不是一次性工作。每张新图都需要同样的处理。如果你发现自己在跳过这一步，把它变成工作流的一部分——上传前必压缩，每一次。
加个加载状态
如果你的页面要请求数据或加载重内容，等待的时候要显示点什么。一个加载动画。一个骨架屏。哪怕就写个"加载中..."的纯文本。
空白页面2秒让人觉得坏了。有个加载动画的页面2秒让人觉得正常。同样的等待时间，完全不同的体验。
检查你的手机视图
在手机上打开你的网站。认真看。点按钮。填表单。
我见过设计得很漂亮的响应式网站，结果"提交"按钮在手机上被键盘挡了一半。没人发现因为没人在真手机上测过。
打磨不是追求完美。而是消除那些让人觉得"好像哪里不太对"的东西。一个favicon、优化过的素材、干净的错误页面、和过得去的移动端体验。这些没有一个超过5分钟，但加在一起让整个网站感觉都是精心打磨过的。