本日我们就来说说网站速率优化的最佳建议，以提高速率性能。由于搜索引擎对速率的需求永久不会停滞。现在，百度不是依赖仿照数据，而是利用现场数据来衡量网站速率。通过从用户体验报告数据库中提取信息，百度可以识别普通用户找到您网站的速率。这意味着，纵然您的网站在您的终端闪电般快，利用旧智好手机的访问者可能会碰着延迟 - 这可能会影响您的速率分数，也可能影响您的网站排名。如果你还没有，那么是时候加快速率优化了。我们是根据9大速率优化原则列出最佳建议，然后深入磋商一些可以采纳的办理方法，以进一步优化您的网站速率。
一、避免上岸页面重定向
重定向延迟页面呈现并降落移动站点体验的速率。每个重定向都会添加额外的超文本传输协议（HTTP）要求 - 相应来回，有时还会添加许多额外的来回，以实行域名系统（DNS）查找，传输掌握协议（TCP）握手和传输层安全性（TLS）协商。
我们的建议：一个网站从指定网址到终极目标网页的重定向不超过一个。只管即便避免重定向。但是，如果您须要利用重定向，请根据您的须要选择重定向类型：
301对302重定向。删除旧内容并重定向到新内容时，或者当您没有将用户重定向到的备用页面时，请利用永久重定向（301）。在进行短期变动（例如限时优惠）或将用户重定向到特定于设备的URL时，请利用临时重定向（302）。别担心，你不会失落去链接权重！JavaScript与HTTP重定向。JavaScript和HTTP重定向之间的紧张差异在于HTTP重定向会导致做事器真个延迟，而基于JavaScript的重定向会降落客户真个速率（他们须要***页面，然后在触发重定向之前解析并实行JavaScript ）。
二、启用压缩
缩小内容的大小可缩短***资源所需的韶光，减少客户真个数据利用量并缩短页面的呈现韶光。
我们的建议：Gzip所有可压缩内容。您可以通过HTML5 Boilerplate项目找到大多数做事器的示例配置文件。
优先删除不必要的数据。压缩很棒，但最佳优化的资源是未发送的资源。定期检讨您的站点资源并在压缩之前肃清不必要的数据以确保得到最佳结果。考虑Gzip编码的替代方案。如果你想利用Gzip以外的工具，Brotli是一种无损压缩算法，它结合了LZ77算法的当代变体，霍夫曼编码和二阶高下文建模。它受到所有当代浏览器的支持，并且具有与当前可用的最佳通用压缩方法相称的压缩比。Brotli压缩速率非常慢并且快速解压缩，因此您该当利用最高级别的Brotli + Gzip预压缩静态资源，并利用Brotli在1-4级压缩动态HTML。对不同的资源利用不同的压缩技能。压缩可以运用于HTML代码，以及页面所需的各种数字资产，但是您须要将不同的技能和算法运用于Web字体，图像，CSS等，以得到最佳结果。例如，如果您利用HTTP / 2，那么对HTTP相应头利用HPACK压缩将减少不必要的开销。三、改进做事器相应韶光
快速的做事器相应韶光是必要的，53％的移动访问者将放弃在三秒钟内未加载的页面。
如果您想避免中心处理单元（CPU）处理速率慢，缓慢的运用程序逻辑，慢速数据库查询，慢速路由，慢速框架和慢速库，那么高质量的网站开拓是必不可少的。
我们的建议：做事器相应韶光应始终低于200毫秒。
丈量做事器相应韶光和实际用户丈量（RUM）。 利用WebPageTest.org，Pingdom，GTmetrix或Chrome Dev Tools等工具来查明现有的性能问题，并找出导致内容交付流程变慢的成分。请记住，纵然您的测试显示网站速率<200毫秒，利用慢速3G的老一代Android用户也可能会碰着400毫秒RTT和400kbps传输速率。这将对您的网站速率得分产生负面影响。为了改进用户的体验，您必须瞄准：第一个故意义的内容<1s。SpeedIndex值<1250。重复访问的传输韶光间隔（TTI）<5s和<2s。优化用户体验。 配置做事器时：利用HTTP / 2（并记住您的CDN也支持HTTP / 2）以提高性能。在做事器上启用在线证书状态协议（OCSP）装订，以加速TLS握手。支持IPv6和IPv4。IPv6的邻居创造（NDP）和路由优化可以使网站速率提高10-15％。添加资源提示以预热连接并通过更快的DNS查找，预连接，预取和预加载来加速交付。四、利用浏览器缓存
通过网络获取资源时，客户端和做事器之间须要进行更多的来回，这意味着访问者会有更多延迟和更高的数据本钱。您可以通过履行缓存策略来缓解这个缓慢而昂贵的过程，该策略可帮助客户确定是否以及何时可以重用过去返回的相应。
最佳缓存策略：
是否可以缓存资源。谁可以缓存它。缓存多永劫光。缓存策略到期时如何有效地重新验证（如果适用）。我们的建议：静态资产的最短缓存韶光为一周，最长为一年。
利用Cache-Control肃清网络延迟并避免数据用度。 缓存掌握指令许可您自动掌握（例如，“无缓存”和“无存储”）以及持续韶光（例如，“max-age”，“max-stale”和“mini-fresh”）浏览器可以缓存相应，而无需与做事器通信。利用ETag来实现有效的重新验证。 实体标记（ETag）HTTP标头通报验证令牌，如果资源自上次要求后未发生变动，则会阻挡数据传输。这提高了资源更新检讨的效率。最佳缓存掌握策略的建议。创建了一个清单和流程图，可帮助您在尽可能长的韶光内缓存尽可能多的相应，并为每个相应供应验证令牌。履历法则是该当在很短的韶光内缓存可变（即可能变动）的资源，而该当无限期地缓存不可变（即静态）资源以避免重新验证。
五、缩小HTML，CSS和JavaScript
缩小可以肃清供应给访问者的资源中的冗余数据，并且可以对整体网站速率和性能产生巨大影响。
我们的建议：您的网络资源中没有冗余数据（例如，HTML代码中的注释或空格符号，CSS中的重复样式或不必要的图像元数据）。
与压缩一起利用缩小。乍一看，缩小听起来像压缩，但它更风雅。压缩算法非常适宜缩小页面大小，但大多数人不知道从CSS（/ ... /），HTML（）和JavaScript（// ...）注释中删除不必要的代码，折叠级联样式表（CSS）规则或实行许多其他特定于内容的优化。将缩小运用于其他资源类型。您可以缩小不仅仅是基于文本的资源，如超文本标记措辞（HTML），CSS和JavaScript。图像，***和其他类型的内容也可以根据您的须要缩小。例如，图像包含自己的元数据形式和各种有效负载，如果您要在照片共享网站上发布它们，可能须要保留这些形式。自动化缩小。利用工具可以减轻网站上数千个（如果不是数百万个）不同资源的包袱。Google的PageSpeed模块自动实行此操作，并且可以与Apache或Nginx Web做事器集成。或者，您可以利用第三方工具，如HTMLMinifier（用于HTML），CSSNano或CSSO（用于CSS）和UglifyJS（用于JavaScript）。六、优化图像
图片均匀占网页大小的60％，而大图片可能会使您的网站速率变慢。优化图像有助于减小文件大小而不会显著影响视觉质量。
我们的建议： 确保您的网站和图片具有相应性。利用图像的相对大小，根据设备特色指定不同的图像时利用图片元素，并利用img元素中的srcset 属性和x描述符关照浏览器何时利用特定图像。
请遵照此常用优化技能的清单：
肃清不必要的图像资源。利用CSS3更换图像。利用Web字体而不是编码图像中的文本。尽可能利用矢量格式。缩小和压缩可缩放矢量图形（SVG）资产以减小其大小。选择最佳光栅格式（首先选择精确的通用格式：GIF，PNG或JPEG，但也考虑为当代客户添加图像格式WebP和JPEG扩展范围（XR）资源。考试测验最佳质量设置。请记住，所有图像都没有单一的最佳格式或“质量设置”：特定压缩器和图像内容的每种组合都会产生独特的输出。在做事器上调度大小并供应缩放到其显示大小的图像。删除元数据。利用srcset参数增强img标签，以得到高每英寸点数（DPI）设备。根据设备特性（如设备大小，设备分辨率，方向等），利用picture元素指定不同的图像。仔细利用图像喷精技能。利用HTTP / 2，最好加载单个图像。考虑延迟加载非关键图像。缓存图像资源。自动化您的图像优化过程。在图像优化方面，没有一种“最佳”的方法可以做到这一点。许多技能可以减小图像的大小，但找到图像的最佳设置须要仔细考虑格式功能，编码数据的内容，质量，像素尺寸等。有关更多提示，请咨询在线客服。
七、优化CSS
浏览器在呈现页面时常日遵照以下五个步骤：
处理HTML标记并构建文档工具模型（DOM）树。处理CSS标记并构建CSS工具模型（CSSOM）树。将DOM和CSSOM组合到渲染树中。在渲染树上运行布局以打算每个节点的几何。将各个节点绘制到屏幕上。换句话说，页面须要先处理CSS才能呈现。当您的CSS利用渲染阻挡外部样式表膨胀时，此过程常日须要多次来回，这将延迟首次渲染的韶光。
我们的建议：将小CSS直接内联到HTML文档中以肃清小的外部CSS资源。
避免内联大型CSS文件。虽然内联小型CSS可以加快浏览器呈现页面所需的韶光，但内联大型CSS文件会增加首屏CSS的大小，实际上会缩短渲染韶光。避免内联CSS属性。同样，在HTML元素上内联CSS属性常日会导致不必要的代码重复，并且默认情形下会利用内容安全策略阻挡它。八、优先考虑可见内容
如果您的首屏内容超过了初始拥塞窗口（常日压缩为14.6kB），那么加载您的内容将须要多次来回才能加载和呈现您的内容。这可能导致高延迟和页面加载的显著延迟，尤其是对付移动用户。
我们的建议：将重叠内容的大小减少到不超过14kB（压缩）。
限定渲染首屏内容所需的数据大小。如果你一贯在跟进，你该当已经利用资源缩小，图像优化，压缩和所有其他提示和技巧来减少你的紧张内容的大小。组织HTML标记以立即呈现首屏内容。变动HTML标记构造可以大大加快您的首屏内容加载和呈现的速率 - 但您变动的内容会因页面而异。例如，可能须要将CSS拆分为不同的部分：内联部分卖力样式化内容的上部部分，样式表推迟剩余部分。或者您可能须要首先变动页面上加载的顺序（例如，小部件之前的紧张内容）。九、删除阻挡渲染的JavaScript
您可以从第七点回顾一下，在浏览器能够呈现页面之前，页面须要通过解析HTML来构建其DOM。好吧，每次解析器碰着JavaScript时，它必须先停滞并实行这个新脚本，然后才能连续构建DOM树。在外部脚本的情形下，这种延迟更加明显 - 它可以为渲染过程增加数万毫秒。
我们的建议：在首屏内容中删除所有阻挡JavaScript，尤其是外部脚本。
使JavaScript非呈现阻挡。将脚本标记标记为异步将见告浏览器在等待加载和实行脚本时不阻挡DOM布局。但是，如果您知道在解析/布局DOM树时不须要变动DOM树中的任何内容，则该当只实行此操作。内联关键脚本并推迟非关键脚本。该当内联呈现页面内容所必需的脚本以避免额外的网络要求。这些该当尽可能小，以便快速实行并供应良好的性能。非关键脚本该当异步并延迟到第一次渲染之后。请记住，不担保异步脚本按指定顺序实行。将第三方JavaScript库推迟到折叠之后。增强交互性或添加动画或其他效果（例如，JQuery）的JavaScript库常日不须要在首屏上呈现。只要有可能，请使这些JavaScript元素异步并将它们推迟到页面中。南京SEO结论：测试速率更新的结果
移动网站在SERP中的位置与其均匀优化分数之间的干系性已经非常高，但网站的第一个内容绘制（FCP）和DOM内容加载（DCL）指标对你的网站位置险些没有影响。
移动搜索引擎结果页面（SERP）中优化得分与位置之间的干系性较高，而FCP / DCL与位置之间的干系性较低。
这见告我们的是，对网站的速率优化哀求越来越高，作为SEO优化职员不能自满，如果你不进行调度和改进，你就有可能被竞争对手抛在脑后。
