九大网站速度优化的最佳意见

9q13nh

今天咱们就来讲说网站速度优化的最佳意见，以加强速度性能。由于搜索引擎对速度的需要永远不会停止。此刻，百度不是依靠模拟数据，而是运用现场数据来衡量网站速度。经过从用户体验报告数据库中提取信息，百度能够识别普通用户找到您网站的速度。这寓意着，即使您的网站在您的终端闪电般快，运用旧智能手机的拜访者可能会遇到延迟 - 这可能会影响您的速度分数，亦可能影响您的网站排名。倘若你还无，那样是时候加快速度优化了。咱们是按照9大速度优化原则列出最佳意见，而后深入探讨有些能够采取的处理办法，以进一步优化您的网站速度。

1、避免登陆页面重定向

重定向延迟页面呈现并降低移动站点体验的速度。每一个重定向都会添加额外的超文本传输​​协议（HTTP）请求 - 响应往返，有时还会添加许多额外的往返，以执行域名系统（DNS）查询，传输掌控协议（TCP）握手和传输层安全性（TLS）协商。

咱们的意见：一个网站从指定网址到最后目的网页的重定向不超过一个。尽可能避免重定向。然则，倘若您需要运用重定向，请按照您的需要选取重定向类型：

301对302重定向。删除旧内容并重定向到新内容时，或当您无将用户重定向到的备用页面时，请运用永久重定向（301）。在进行短期更改（例如限时优惠）或将用户重定向到特定于设备的URL时，请运用临时重定向（302）。别担心，你不会失去链接权重！JavaScript与HTTP重定向。JavaScript和HTTP重定向之间的重点区别在于HTTP重定向会引起服务器端的延迟，而基于JavaScript的重定向会降低客户端的速度（她们需要下载页面，而后在触发重定向之前解析并执行JavaScript ）。

2、启用压缩

缩小内容的体积可缩短下载资源所需的时间，减少客户端的数据运用量并缩短页面的呈现时间。

咱们的建议：Gzip所有可压缩内容。您能够经过HTML5 Boilerplate项目找到大都数服务器的示例配置文件。

优先删除不必要的数据。压缩很棒，但最佳优化的资源是未发送的资源。定时检测您的站点资源并在压缩之前消除不必要的数据以保证得到最佳结果。思虑Gz​​ip编码的替代方法。倘若你想运用Gzip以外的工具，Brotli是一种无损压缩算法，它结合了LZ77算法的现代变体，霍夫曼编码和二阶上下文建模。它受到所有现代浏览器的支持，并且拥有与当前可用的最佳通用压缩办法相当的压缩比。Brotli压缩速度非常慢并且快速解压缩，因此呢您应该运用最高级别的Brotli + Gzip预压缩静态资源，并运用Brotli在1-4级压缩动态HTML。对区别的资源运用区别的压缩技术。压缩能够应用于HTML代码，以及页面所需的各样数字资产，然则您需要将区别的技术和算法应用于Web字体，图像，CSS等，以得到最佳结果。例如，倘若您运用HTTP / 2，那样对HTTP响应头运用HPACK压缩将减少不必要的开销。

3、改善服务器响应时间

快速的服务器响应时间是必要的，53％的移动拜访者将放弃在三秒钟内未加载的页面。

倘若您想避免中央处理单元（CPU）处理速度慢，缓慢的应用程序规律，慢速数据库查找，慢速路由，慢速框架和慢速库，那样高质量的网站研发是必不可少的。

咱们的意见：服务器响应时间应始终小于200毫秒。

测绘服务器响应时间和实际用户测绘（RUM）。运用WebPageTest.org，Pingdom，GTmetrix或Chrome Dev Tools等工具来查明现有的性能问题，并找出引起内容交付流程变慢的原因。请记住，即使您的测试表示网站速度<200毫秒，运用慢速3G的老一代Android用户亦可能会遇到400毫秒RTT和400kbps传输速度。这将对您的网站速度得分产生消极影响。为了改善用户的体验，您必须瞄准：第1个有道理的内容<1s。SpeedIndex值<1250。重复拜访的传输时间间隔（TTI）<5s和<2s。优化用户体验。 配置服务器时：运用HTTP / 2（并记住您的CDN亦支持HTTP / 2）以加强性能。在服务器上启用在线证书状态协议（OCSP）装订，以加速TLS握手。支持IPv6和IPv4。IPv6的邻居发掘（NDP）和路由优化能够使网站速度加强10-15％。添加资源提示以预热连接并经过更快的DNS查询，预连接，预取和预加载来加速交付。

4、利用浏览器缓存

经过网络获取资源时，客户端和服务器之间需要进行更加多的往返，这寓意着拜访者会有更加多延迟和更高的数据成本。您能够经过实施缓存策略来缓解这个缓慢而昂贵的过程，该策略可帮忙客户确定是不是以及何时能够重用过去返回的响应。

最佳缓存策略：

是不是能够缓存资源。谁能够缓存它。缓存多长期。缓存策略到期时怎样有效地重新验证（倘若适用）。

咱们的意见：静态资产的最短缓存时间为1星期，最长为一年。

运用Cache-Control消除网络延迟并避免数据花费。 缓存掌控指令准许您自动掌控（例如，“无缓存”和“无存储”）以及连续时间（例如，“max-age”，“max-stale”和“mini-fresh”）浏览器能够缓存响应，而无需与服务器通信。运用ETag来实现有效的重新验证。 实体标记（ETag）HTTP标头传递验证令牌，倘若资源自上次请求后未出现更改，则会阻止数据传输。这加强了资源更新检测的效率。最佳缓存掌控策略的意见。创建了一个名单和流程图，可帮忙您在尽可能长的时间内缓存尽可能多的响应，并为每一个响应供给验证令牌。

经验法则是应该在很短的时间内缓存可变（就可能更改）的资源，而应该无限期地缓存不可变（即静态）资源以避免重新验证。

5、缩小HTML，CSS和JavaScript

缩小能够消除供给给拜访者的资源中的冗余数据，并且能够对整体网站速度和性能产生巨大影响。

咱们的意见：您的网络资源中无冗余数据（例如，HTML代码中的注释或空格符号，CSS中的重复样式或不必要的图像元数据）。

与压缩一块运用缩小。乍一看，缩小听起来像压缩，但它更精细。压缩算法非常适合缩小页面体积，但大都数人不晓得从CSS（/ * ... * /），HTML（）和JavaScript（// ...）注释中删除不必要的代码，折叠级联样式表（CSS）规则或执行许多其他特定于内容的优化。将缩小应用于其他资源类型。您能够缩小不仅是基于文本的资源，如超文本标记语言（HTML），CSS和JavaScript。图像，视频和其他类型的内容亦能够按照您的需要缩小。例如，图像包括自己的元数据形式和各样有效负载，倘若您要在照片共享网站上发布它们，可能需要保存这些形式。自动化缩小。运用工具能够减轻网站上数千个（倘若不是数百万个）区别资源的包袱。Google的PageSpeed模块自动执行此操作，并且能够与Apache或Nginx Web服务器集成。或，您能够运用第三方工具，如HTMLMinifier（用于HTML），CSSNano或CSSO（用于CSS）和UglifyJS（用于JavaScript）。

6、优化图像

照片平均占网页体积的60％，而大照片可能会使您的网站速度变慢。优化图像有助于减小文件体积而不会显着影响视觉质量。

咱们的意见： 保证您的网站和照片拥有响应性。运用图像的相对体积，按照设备特征指定区别的图像时运用照片元素，并运用img元素中的srcset 属性和x描述符通告浏览器何时运用特定图像。

请遵循此常用优化技术的名单：

消除不必要的图像资源。利用CSS3替换图像。运用Web字体而不是编码图像中的文本。尽可能运用矢量格式。缩小和压缩可缩放矢量图形（SVG）资产以减小其体积。选取最佳光栅格式（首要选取正确的通用格式：GIF，PNG或JPEG，但亦思虑为现代客户添加图像格式WebP和JPEG扩展范围（XR）资源。尝试最佳质量设置。请记住，所有图像都无单一的最佳格式或“质量设置”：特定压缩器和图像内容的每种组合都会产生独特的输出。在服务器上调节体积并供给缩放到其表示体积的图像。删除元数据。运用srcset参数加强img标签，以得到高每英寸点数（DPI）设备。按照设备特性（如设备体积，设备分辨率，方向等），运用picture元素指定区别的图像。仔细运用图像喷精技术。运用HTTP / 2，最好加载单个图像。思虑延迟加载非关键图像。缓存图像资源。自动化您的图像优化过程。

在图像优化方面，无一种“最佳”的办法能够做到这一点。许多技术能够减小图像的体积，但找到图像的最佳设置需要仔细思虑格式功能，编码数据的内容，质量，像素尺寸等。相关更加多提示，请咨询在线客服。

7、优化CSS

浏览器在呈现页面时一般遵循以下五个过程：

处理HTML标记并构建文档对象模型（DOM）树。处理CSS标记并构建CSS对象模型（CSSOM）树。将DOM和CSSOM组合到渲染树中。在渲染树上运行布局以计算每一个节点的几何。将各个节点绘制到屏幕上。

换句话说，页面需要先处理CSS才可呈现。当您的CSS运用渲染阻止外边样式表膨胀时，此过程一般需要多次往返，这将延迟首次渲染的时间。

咱们的意见：将小CSS直接内联到HTML文档中以消除小的外边CSS资源。

避免内联大型CSS文件。虽然内联小型CSS能够加快浏览器呈现页面所需的时间，但内联大型CSS文件会增多首屏CSS的体积，实质上会缩短渲染时间。避免内联CSS属性。一样，在HTML元素上内联CSS属性一般会引起不必要的代码重复，并且默认状况下会运用内容安全策略阻止它。

8、优先思虑可见内容

倘若您的首屏内容超过了初始拥塞窗口（一般压缩为14.6kB），那样加载您的内容将需要多次往返才可加载和呈现您的内容。这可能引起高延迟和页面加载的显着延迟，尤其是针对移动用户。

咱们的意见：将重叠内容的体积减少到不超过14kB（压缩）。

限制渲染首屏内容所需的数据体积。倘若你始终在跟进，你应该已然运用资源缩小，图像优化，压缩和所有其他提示和技巧来减少你的首要内容的体积。组织HTML标记以立即呈现首屏内容。更改HTML标记结构能够大大加快您的首屏内容加载和呈现的速度 - 但您更改的内容会因页面而异。例如，可能需要将CSS拆分为区别的部分：内联部分负责样式化内容的上部部分，样式表推迟剩余部分。或您可能需要首要更改页面上加载的次序（例如，小部件之前的重点内容）。

9、删除阻止渲染的JavaScript

您能够从第七点回忆一下，在浏览器能够呈现页面之前，页面需要经过解析HTML来构建其DOM。好吧，每次解析器遇到JavaScript时，它必须先停止并执行这个新脚本，而后才可继续构建DOM树。在外边脚本的状况下，这种延迟更加显著 - 它能够为渲染过程增多数万毫秒。

咱们的意见：在首屏内容中删除所有阻止JavaScript，尤其是外边脚本。

使JavaScript非呈现阻止。将脚本标记标记为异步将告诉浏览器在等待加载和执行脚本时不阻止DOM构造。然则，倘若您晓得在解析/构造DOM树时不需要更改DOM树中的任何内容，则应该只执行此操作。内联关键脚本并推迟非关键脚本。应该内联呈现页面内容所必需的脚本以避免额外的网络请求。这些应该尽可能小，以便快速执行并供给良好的性能。非关键脚本应该异步并延迟到第1次渲染之后。请记住，不保准异步脚本按指定次序执行。将第三方JavaScript库推迟到折叠之后。加强交互性或添加动画或其他效果（例如，JQuery）的JavaScript库一般不需要在首屏上呈现。只要有可能，请使这些JavaScript元素异步并将它们推迟到页面中。

南京seo结论：测试速度更新的结果

移动网站在SERP中的位置与其平均优化分数之间的关联性已然非常高，但网站的第1个内容绘制（FCP）和DOM内容加载（DCL）指标对你的网站位置几乎无影响。

移动搜索引擎结果页面（SERP）中优化得分与位置之间的关联性较高，而FCP / DCL与位置之间的关联性较低。

这告诉咱们的是，对网站的速度优化需求越来越高，做为SEO优化人员不可自满，倘若你不进行调节和改进，你就有可能被竞争对手抛在脑后。

5ep9lzv

外贸B2B平台有哪些？

lq1614

同意、说得对、没错、我也是这么想的等。

流星的美

你的留言真是温暖如春，让我感受到了无尽的支持与鼓励。