请选择 进入手机版 | 继续访问电脑版

易运营交流社区

 找回密码
 立即注册
搜索
热搜: 运营 推广 seo
文字广告位6元包月-1文字广告位6元包月-2文字广告位6元包月-3文字广告位6元包月-4文字广告位6元包月-5
文字广告位招租中6文字广告位招租中7文字广告位招租中8文字广告位招租中9文字广告位招租中10
文字广告位招租中11文字广告位招租中12文字广告位招租中13文字广告位招租中14文字广告位招租中15
文字广告位招租中16文字广告位招租中17文字广告位招租中18文字广告位招租中19文字广告位招租中20
文字广告位招租中21文字广告位招租中22文字广告位招租中23文字广告位招租中24文字广告位招租中25
查看: 58.2K|回复: 177

[建站知识] 网站访问速度与排名有什么关联?

  [复制链接]

3

主题

253

帖子

384

积分

中级会员

Rank: 3Rank: 3

积分
384
QQ
发表于 2021-9-12 14:39:00 | 显示全部楼层 |阅读模式
前言:
        网站打开的快慢,在一定程度上影响着用户的流失率。据不完全统计网站打开时间超过3s,就有将近40%的用户会选择关闭。
        因此,加载速度也成为了,搜索引擎排序中的一项因素,让我们一起看看有哪些优化点是我们值得关注的!为了更加直观的看到效果,我们来看一个案例:
        PS:这里load是指资源完全加载时间,不是指跟用户首屏交互时间。
        在上图数据可以发现: 从用户点击网站,到给用户呈现画面的过程,整体花了5.91s,其实这是非常糟蹋的加载速度了!
那么有什么方法可以优化让网站更快的打开呢?
        其实想要优化网站的打开速度,就应该从网站慢的原因入手,那就基本得了解从输入url到用户看到网页这个过程都发生了什么?
大概流程如下:
1、用户输入url
        2、浏览器对域名进行dns解析,获取到服务器ip地址。
3、客户端(浏览器)与服务器建立tcp连接,三次握手
4、握手成功后,发送请求,服务器处理相关逻辑,并把对应的数据返回给客户端(浏览器)
5、浏览器接受到数据,开始解析数据(HTML)
        6、DOM树构建、CSS解析 Style Rules(CSS树)
在这过程中,从上往下一直解析。如果碰到css样式(link、style)和 js脚本,会解析对应的样式或者脚本。此时会阻塞DOM元素构建
7、DOM树与CSS树生成呈现树,然后绘制页面,呈现给用户。(当然这里还有许多细节,暂时省略... 有兴趣朋友可自行了解)
可能有人还是会问:就算我看懂了这个流程,可是我还是不知道怎么优化啊?到底要怎么操作呢?
别着急,在流氓大叔认为,网站优化可以分为以下几部分:
一、网络优化
1、打开谷歌的debug调试工具 (F12)会弹出一个类似这样的窗口:
        然后找到waterfall选项,有个进度条的东西。然后鼠标放上去,你就会看到如下图,例如:
        由于上图有些参数,可能大家不知道,我来给大家讲解下:
        1、DNS Lookup DNS查询时间 [深绿色]
        2、Initial connection TCP连接消耗时间 [橙色]
3、SSL SSL/TLS完成握手时间 [紫色]
        4、TTFB 是网络请求被发起到服务器返回第一个字节所花费的时间 [绿色]
        5、Content Download 文档下载时间 [蓝色]
那么知道上述几个参数有什么含义呢? 比如:
如果你发现网站资源加载非常多,拖慢了网站加载时间,怎么解决呢?
        1、可以合并资源,减少http请求。 比如:js、css合并,小图片合成雪碧图...
        2、分域名加载资源,突破浏览器限制(因为在同源资源加载的情况下,浏览器最多允许同时6个请求加载)或者利用HTTP2.0多路复用
        3、减少DNS lookup时间,提前解析DNS
        二、 前端优化
1、如果追求首屏优化,比如:电商这种行业。可以把首屏css样式写入head头中,减少http请求次数,让首屏更快的渲染。淘宝为例:
        2、静态资源压缩打包走cdn,减少主服务器的压力,然资源加载的更换。(因为cdn公司的服务器节点比你服务器更加靠近用户)
3、根据具体情况,把js设置异步延迟加载,减少阻止dom渲染时间。比如
        具体细节优化,可以看这篇文章 你了解过前端怎么优化吗?
三、服务端优化
        1、开启服务端缓存,减少服务器压力。
        2、开启gzip压缩,减少资源大小,传输更快。
        3、数据做好缓存和优化,减少服务端IO操作
        写在最后:当然网站的优化有很多方面,但这篇文章只是从技术的角度去谈,并未结合SEO和营销的角度去讲解。往往我们很多时候,只是看到事物的表面,对于底层和细节而被忽略。出了问题,一定得要从根源入手,才能解决根本问题。
广告位招租中(此广告位500/月)
回复 论坛版权

举报

0

主题

264

帖子

410

积分

中级会员

Rank: 3Rank: 3

积分
410
QQ
发表于 2022-1-12 15:05:12 | 显示全部楼层
支持一下!

0

主题

250

帖子

397

积分

中级会员

Rank: 3Rank: 3

积分
397
QQ
发表于 2022-1-13 05:15:47 | 显示全部楼层
最近压力山大啊!
广告位招租中(此广告位500/月)

0

主题

256

帖子

471

积分

中级会员

Rank: 3Rank: 3

积分
471
发表于 2022-1-14 04:02:24 | 显示全部楼层
帖子很有深度!

0

主题

258

帖子

397

积分

中级会员

Rank: 3Rank: 3

积分
397
QQ
发表于 2022-1-15 09:16:32 | 显示全部楼层
楼主今年多大了?
广告位招租中(此广告位500/月)

1

主题

251

帖子

385

积分

中级会员

Rank: 3Rank: 3

积分
385
发表于 2022-1-16 04:21:10 | 显示全部楼层
看在楼主的面子上,认真回帖!

0

主题

250

帖子

412

积分

中级会员

Rank: 3Rank: 3

积分
412
QQ
发表于 2022-1-18 09:15:19 | 显示全部楼层
楼主是我最崇拜的人!
广告位招租中(此广告位500/月)

0

主题

240

帖子

460

积分

中级会员

Rank: 3Rank: 3

积分
460
QQ
发表于 2022-1-19 23:53:22 | 显示全部楼层
禽兽不如应该不是说楼主的的吧?

0

主题

252

帖子

415

积分

中级会员

Rank: 3Rank: 3

积分
415
QQ
发表于 2022-1-21 05:15:24 | 显示全部楼层
很经典,收藏了!
广告位招租中(此广告位500/月)

3

主题

247

帖子

375

积分

中级会员

Rank: 3Rank: 3

积分
375
QQ
发表于 2022-1-21 08:27:57 | 显示全部楼层
看帖回帖一条路!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|易运营交流社区

GMT+8, 2024-7-13 06:59

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表