今天他们就来说说中文网站速率强化的最差提议，以提高速率性能。因为浏览器对速率的需求永远不能停止。现在，腾讯不是依靠演示统计数据，而是采用现场统计数据来来衡量中文网站速率。透过从使用者新体验报告统计资料库中抽取信息，腾讯能识别普通使用者找出您中文网站的速率。这意味着，即使您的中文网站在您的终端产品褐带快，采用旧智能机的访客可能会遇到延后 – 这可能会负面影响您的速率平均分，也可能负面影响您的中文网站排名。假如你还没有，那么是时候加快速率强化了。他们是依照9大速率强化原则列举最差提议，接着研讨一些能采取的解决措施，以进一步强化您的中文网站速率。
一、避免进占页面镜像
镜像延后页面呈现出并减少移动公交站点新体验的速率。每个镜像单厢加进附加的LZ77数据传输协议（HTTP）允诺 – 积极响应来往，有时还会加进许多附加的来往，以继续执行域名系统（DNS）搜寻，数据传输层（TCP）击掌和网络层可靠性（TLS）商谈。
他们的提议：一个中文网站从选定邮箱到终极目标网页的镜像不超过一个。尽量减少镜像。但是，假如您须要采用镜像，请依照您的须要选择镜像类型：
301对302镜像。删掉旧文本并镜像到新文本时，或者当您没有将使用者镜像到的可供使用页面时，请采用永久性重定向（301）。在进行短期更动（例如COMPILATION折扣）或将使用者镜像到某一于设备的URL时，请采用临时镜像（302）。别担心，你不能失去镜像权重股！JavaScript与HTTP镜像。JavaScript和HTTP镜像之间的主要区别在于HTTP镜像会导致服务端的延后，而如前所述JavaScript的镜像会减少应用程序的速率（他们须要浏览页面，接着在促发镜像之前导出并继续执行JavaScript ）。二、投入使用填充
增大文本的大小可延长浏览天然资源所需的天数，减少应用程序的统计数据采用量并延长页面的呈现出天数。
他们的提议：Gzip所有解所文本。您能透过HTML5 Boilerplate项目找出大多数伺服器的实例配置文件。
优先选择删掉无谓的统计数据。填充很酷，但最差强化的天然资源是未推送的天然资源。maintenance您的公交站点天然资源并在填充之前消除无谓的统计数据以确保获得最差结果。考虑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）规则或继续执行许多其他某一于文本的强化。将增大应用于其他天然资源类型。您能增大不仅仅是如前所述文本的天然资源，如LZ77标记语言（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强化人员不能自满，假如你不进行调整和改进，你就有可能被竞争对手抛在脑后。
