网站地图 欢迎来到杰刚SEO博客,杰刚seo博客专注网站优化和熊掌号运营十余年。

河南seo优化-河南网站建设-河南网站优化-杰刚seo博客

网站速度优化中9点注意事项熊掌号运营

文章关键词:网站速度优化中9点注意事项
网站速度优化中9点注意事项 根据2017.10.19号百度新出的闪电算法 ,网页打开速度占领了新的优势,下面河南seo给大家讲解网站速度优化的9点注意事项 1.改善服务器响应时间...

 

  网站速度优化中9点注意事项


根据2017.10.19号百度新出的闪电算法  ,网页打开速度占领了新的优势,下面河南seo给大家讲解网站速度优化的9点注意事项

  1.改善服务器响应时间

  为什么重要。快速的服务器响应时间是必要的; 53%的移动访问者将放弃在三秒钟内未加载的页面。

  如果您想避免中央处理单元(CPU)饥饿,缓慢的应用程序逻辑,慢速数据库查询,慢速路由,慢速框架和慢速库,那么高质量的网站开发是必不可少的。

  百度推荐的内容。服务器响应时间应始终低于200毫秒。
 

  2.避免登陆页面重定向
网站速度优化中的9点注意事项

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

  谷歌推荐的内容。创建一个响应式网站,其中包含从给定网址到最终目标网页的重定向不超过一个。

  高级建议。 尽量避免重定向。但是,如果您需要使用重定向,请根据您的需要选择重定向类型:

  301对302重定向。删除旧内容并重定向到新内容时,或者当您没有将用户重定向到的备用页面时,请使用永久重定向(301)。在进行短期更改(例如限时优惠)或将用户重定向到特定于设备的URL时,请使用临时重定向(302)。别担心; 你不会失去链接资产!

  JavaScript与HTTP重定向。JavaScript和HTTP重定向之间的主要区别在于HTTP重定向会导致服务器端的延迟,而基于JavaScript的重定向会降低客户端的速度(他们需要下载页面,然后在触发重定向之前解析并执行JavaScript )。Googlebot支持两种类型的重定向。
 

  3.启用压缩

  为什么重要。缩小内容的大小可缩短下载资源所需的时间,减少客户端的数据使用量并缩短页面的呈现时间。

  谷歌推荐的内容。 Gzip所有可压缩内容。您可以通过HTML5 Boilerplate项目找到大多数服务器的示例配置文件。

  高级建议

  优先删除不必要的数据。压缩很棒,但最佳优化的资源是未发送的资源。定期检查您的站点资源并在压缩之前消除不必要的数据以确保获得最佳结果。

  考虑Gzip编码的替代方案。如果你想使用Gzip以外的工具,Brotli是一种无损压缩算法,它结合了LZ77算法的现代变体,霍夫曼编码和二阶上下文建模。它受到所有现代浏览器的支持,并且具有与当前可用的最佳通用压缩方法相当的压缩比。Brotli压缩速度非常慢并且快速解压缩,因此您应该使用最高级别的Brotli + Gzip预压缩静态资源,并使用Brotli在1-4级压缩动态HTML。

  对不同的资源使用不同的压缩技术。压缩可以应用于HTML代码,以及页面所需的各种数字资产,但是您需要将不同的技术和算法应用于Web字体,图像,CSS等,以获得最佳结果。例如,如果您使用HTTP / 2,那么对HTTP响应头使用HPACK压缩将减少不必要的开销。
 

  4.利用浏览器缓存

  为什么重要。通过网络获取资源时,客户端和服务器之间需要进行更多的往返,这意味着访问者会有更多延迟和更高的数据成本。您可以通过实施缓存策略来缓解这个缓慢而昂贵的过程,该策略可帮助客户确定是否以及何时可以重用过去返回的响应。
 

  5.缩小HTML,CSS和JavaScript

  为什么重要。缩小可以消除提供给访问者的资源中的冗余数据,并且可以对整体网站速度和性能产生巨大影响。

  谷歌推荐的内容。 您的网络资源中没有冗余数据(例如,HTML代码中的注释或空格符号,CSS中的重复样式或不必要的图像元数据)。

  高级建议。

  与压缩一起使用缩小。乍一看,缩小听起来像压缩,但它更精细。压缩算法非常适合缩小页面大小,但大多数人不知道从CSS(/ * ... * /),HTML()和JavaScript(// ...)注释中删除不必要的代码,折叠级联样式表(CSS)规则或执行许多其他特定于内容的优化。

  将缩小应用于其他资源类型。您可以缩小不仅仅是基于文本的资源,如超文本标记语言(HTML),CSS和JavaScript。图像,视频和其他类型的内容也可以根据您的需要缩小。例如,图像包含自己的元数据形式和各种有效负载,如果您要在照片共享网站上发布它们,可能需要保留这些形式。
 

  6.优化图像

  为什么重要。 图片平均占网页大小的60%,而大图片可能会使您的网站速度变慢。优化图像有助于减小文件大小而不会显着影响视觉质量。

  谷歌推荐的内容。 确保您的网站和图片具有响应性。使用图像的相对大小,根据设备特征指定不同的图像时使用图片元素,并使用img元素中的srcset 属性和x描述符通知浏览器何时使用特定图像。

  高级建议。 请遵循此常用优化技术的清单:

  消除不必要的图像资源。

  利用CSS3替换图像。

  使用Web字体而不是编码图像中的文本。

  尽可能使用矢量格式。
 

  7.优化CSS交付

  为什么重要。浏览器在呈现页面时通常遵循以下五个步骤:

  处理HTML标记并构建文档对象模型(DOM)树。

  处理CSS标记并构建CSS对象模型(CSSOM)树。

  将DOM和CSSOM组合到渲染树中。

  在渲染树上运行布局以计算每个节点的几何。

  将各个节点绘制到屏幕上。

  换句话说,页面需要先处理CSS才能呈现。当您的CSS使用渲染阻止外部样式表膨胀时,此过程通常需要多次往返,这将延迟首次渲染的时间。
 

  8.优先考虑可见内容

  为什么重要。 如果您的首屏内容超过了初始拥塞窗口(通常压缩为14.6kB),那么加载您的内容将需要多次往返才能加载和呈现您的内容。这可能导致高延迟和页面加载的显着延迟,尤其是对于移动用户。
 

  9.删除阻止渲染的JavaScript

  为什么重要。 您可以从提示#7回忆一下,在浏览器能够呈现页面之前,页面需要通过解析HTML来构建其DOM。好吧,每次解析器遇到JavaScript时,它必须先停止并执行这个新脚本,然后才能继续构建DOM树。在外部脚本的情况下,这种延迟更加明显 - 它可以为渲染过程增加数万毫秒。

  谷歌推荐的内容。在首屏内容中删除所有阻止JavaScript,尤其是外部脚本。

  高级建议

  使JavaScript非呈现阻止。将脚本标记标记为异步将告诉浏览器在等待加载和执行脚本时不阻止DOM构造。但是,如果您知道在解析/构造DOM树时不需要更改DOM树中的任何内容,则应该只执行此操作。

  内联关键脚本并推迟非关键脚本。应该内联呈现页面内容所必需的脚本以避免额外的网络请求。这些应该尽可能小,以便快速执行并提供良好的性能。非关键脚本应该异步并延迟到第一次渲染之后。请记住,不保证异步脚本按指定顺序执行。

  将第三方JavaScript库推迟到折叠之后。增强交互性或添加动画或其他效果(例如,JQuery)的JavaScript库通常不需要在首屏上呈现。只要有可能,请使这些JavaScript元素异步并将它们推迟到页面中。

1