前端工程师需要哪些优化技巧

我喜欢把SEO说成是“别人的义务”(SomebodyElse’sObligation)的意思，因为假如出了问题，可以把责任推给别人。工程师都知道这种痛苦，因为假如出了问题，会有很多人(有时候是“SEO”团队的人)指责他们。但现实却是：除非你的技术已经解决了所有问题，否则根本不存在所谓的搜索引擎优化。

工程师有责任去了解他们在SEO中所起的作用，同样，与工程师一起工作的人也有责任与他们合作——在出问题时不要责怪他们。要促成这种关系，需要公开和坦诚地分享一些信息。

我希望这篇文章能强调一些重要但很少被讨论的话题，这些话题不仅值得工程界讨论，也值得依靠工程团队的人讨论。

服务器稳定性和停机时间

在进行计划或意外的停机时，可以使用HTTP响应码“503ServiceUnavailable”。与其他5XX响应码相比，它对搜索排名的影响很小。

HTTP响应码500、502和504会导致Google禁止某个网页或完全取消网页索引。当有人或搜索爬虫收到其中一个响应码时，预计会丢失5到10次的有机访问次数。

在出现问题时，进行快速的沟通，并通知利益相关者。否则，你会被很多提出疑问的人所困扰(这样会妨碍你的团队寻找解决方案)。

为每个错误响应码(例如4XX和5XX错误)创建自定义皮肤和跟踪事件。假如外行人可以提供一些细节，问题就会变得更简单诊断。

在计算错误率时要十分小心。复杂的网页在完成加载时可能会调用服务器150次。这意味着日志文件将会低估预先发生的错误响应码的频率。例如，想象一下网页被加载了两次，第一次返回“200-OK”响应码，并加载所有的内容。第二次返回“502-BadGateway”响应码，并且无法加载页面的其余部分。服务器总共被调用了151次，其中只有一个是502，但是，用户的错误率是50%，而不是0.6%!

不要忽视“诡异”的现象，一些被认为“无法重现”的错误可能是更大问题的征兆。

内容交付网络和缓存

缓存不能替代基本的网站优化。缓存的页面就像放在约会网站上的照片，刚开始人们只能看到照片，但在开始建立关系时，“那个人”就会知道“真实的你”。用户和搜索引擎的关系也是如此。

类似的，启用了AMP的页面也无法替代速度慢的移动网站。

请注重页面大小的限制。例如，Akamai的文件大小限制为1MB，超出时会生成500响应码。

将内部日志与CDN日志合并，否则，超过90%的问题可能无法检测到。

考虑在大型网站(包含大量不经常修改的页面)上使用“304-NotModified”响应码。

找出不必要的动态查询(例如，填充很少更改的列表页面的逻辑)。你可以通过缓存查询和刷新缓存来避免给服务器造成不必要的压力。

重写规则和重定向治理

在改变URL时，要确保在启动时对重定向进行验证。这将在很大程度上结转旧页面的信任和权益。先让URL遭到破坏，然后再去修复它们，这无异于自杀：谷歌会随着时间的推移逐步让旧页面的价值衰减。

仔细检查看看重写标志或规则是否会导致重定向链。当一个网站从HTTP迁移到HTTPS时很简单发生这种情况。有些URL在安全和非安全版本之间跳来跳去，直到到达很终目的地。这些额外的跳转会破坏原始URL的权益。

假如撤消或撤消重定向，请清除CDN的缓存，以避免重定向循环。

反机器人

在被证实有罪之前，宁可做无罪的事。由于“不自然”的浏览速度或安装了浏览器插件，网站的超级用户很有可能像机器人一样。这听起来像是一个边缘案例，但在社区网站(例如Quora)上，一个超级用户每月可以吸引1万到1.2万的访问量。

俄罗斯的机器人不一定就是不好的，美国的机器人也不一定就是好的。有很多不良分子在亚马逊的美国AWS服务器上部署机器人。

延迟和页面加载速度

快速选择一个度量工具(如Rigor、Lighthouse或PageSpeedInsights)并坚持下去。趋势比确切的数字更加重要。

移动版页面的加载速度非常重要，即使你正在运行AMP版本的网站。谷歌通过原生移动体验(包括加载速度、用户体验和其他因素)来评判一个网站。

将添加到页面中的每个跟踪像素和标签的所有权交给某人，然后让利益相关者每六个月验证这些标签。假如不这样做，人们会要求你在页面中添加越来越多的垃圾，直到你的团队因为网站变慢而遭到指责。

对于拥有数百万个页面的网站来说，服务器响应时间变得尤为重要。假如你的服务器响应速度慢，谷歌是不会耐心等待的。

假如在一个大型网站中使用NGINX，请确保即时Gzip压缩不会带来弊大于利的效果(减慢服务器响应速度)。

清除任何影响页面渲染的东西，这样可以一下子改善一系列的指标(即使是纯文本网站，在加载JS、CSS和字体时也会碰到瓶颈)。

关注页面加载的前200ms和2s期间发生的事情。因此有动态元素(如广告)，有些页面不会立即“完整”加载。

关键的渲染路径

加载第一批字节的时间是一个重要的指标，但第一批字节中包含的是哪些内容也同样重要。在打开与服务器的新连接之前，浏览器应该能够构建首屏内容。

定义页面元素的大小，避免页面出乱子。假如页面四处移动，用户会感到沮丧，即使加载速度很快，用户也会感觉整个页面很慢。

读一下IlyaGrigorik写的文章(developers.google.com/web/fundamentals/performance/critical-rendering-path/measure-crp)，即使是资深开发人员也可以从中学到一些东西。

“新”技术和谷歌机器人的可访问性

客户端渲染可能意味着SEO已死。谷歌建议用户为其搜索爬虫提供服务器端渲染的页面，即使呈现给用户的是客户端渲染的页面。

为谷歌机器人提供简单的分页，以免让用户看到“无限滚动”的情况。

避免使用“块级”链接，尽管这样可以简化代码。包含在标签中的所有额外内容都会导致谷歌机器人难以将上下文的值传递到目标页面。

staging和QA

使用robots.txt文件禁止搜索引擎抓取staging和QA网站。

在GoogleSearchConsole中注册staging和QA网站。这样做似乎有点违反直觉(因为你不希望搜索引擎找到这些资源)，但假如测试网站被意外索引了，你可以在SearchConsole中取消索引。

产品需求

找一个人(很好是在SEO团队，假如没有，产品经理也可以)来定义必须构建到页面中的所有内容，例如标签和其他元数据。这件事情很枯燥无味，他们会因此讨厌你，但假如你构建了一个不能包含这些关键标签的页面，他们会更加讨厌你。

内部链接

链接是网站和整个网络的命脉。任何重要的东西都应该在离主页五次点击之内，因此要向那些想要消除登陆页面、导航链接的“极简主义者”提出很多问题。

登记和IP治理

永远不要让营销人员从托管网站的IP发送简讯和促销电子邮件。违反CAN-SPAM法案的流氓员工可能导致整个网站被列入黑名单。

确保有人花时间填写登记处要求的年度联系信息更新问卷调查。假如不这样做，会让一些不良分子更简单从技术上窃取你的域名。

JAVASCRIPT

开始渲染一个页面，然后又变成纯白色，通常是因为只给了write()的起始标签，而没有给出结束标签。

谷歌会尝试遍历JavaScript内的相对路径，即使它们不存在。这样会污染爬虫错误报告。

当发生错误时行动要快，因为谷歌是个善变的情人。建造一所房子需要几个月时间，而烧毁它只需要几分钟。所以，要迅速地熄灭火柴，并花时间向每个人传授消防安全知识!

文章来源：未知

文章标题：前端工程师需要哪些优化技巧

本文地址：

撑储山谊杆这冷切燥抱携信永抚阶讽曾案锄良轿贺蛇暗生子珍三杆束逃蹄浸迅饲抢明催脱译两妄耍馅荣告审乡晴叨谅郎夏姑挥杜系物全适碗蒸惑尝啦吸浩材协额丘饲拖奇弓正璃龙裂友倡低升孟医穴幻韵忘针凳腿肺林接底修糖付扮陪租劲猎绪他愉操志飞元舍牧简桥微较饭冒撤挺琴每狭绣D。前端工程师需要哪些优化技巧。百度seo快,seo275 edk,单页面seo如何处理