测速篇_如何给你的站点来一个完美测速-独立站优化

5ba650d0c3e60c03b56d90a24d554a99.png

独立站优化之站点测速篇,独立站的优化步骤有很多,无论是你做seo、社交等免费流量还是广告投放等付费流量、无论是使用saas服务如shopify还是自建站,站点的访问速度都是面对客户的首要体验选项,直接关系到用户的浏览体验和购物体验。

和日常开发直接打开浏览器网页调试工具查看请求访问速度不同,一个独立站会有各个国家的流量或者需要在广告投放中指定某个地区的流量来源,这时候就需要工具来伪装成当地的客户端来实际请求站点来帮助我们测试网站的访问速度了。这里推荐猫总在用的两个工具。

1. https://tools.pingdom.com

ab2c1438b405a293797411e692665750.png

这个网站界面设计的非常好看,对于新手来说,操作并不复杂,没有什么难度,这里以一个站点从日本地区访问来测试结果:

df6c7e5c317cb0877e236b5eeab4a17d.png

783f9a8af2eb0dd2cd07f88cac4c2304.png

载入速度在2秒以内,当然这只是一个简单的文章内容站点,页面目前体积很小,所以速度是非常快的,2秒的访问速度是非常高的标准了,在结构复杂的电商站点是比较难达到的。

当然这个工具也有缺点,就是设置不够复杂,地区的选择只有几个大洲的地区,并且没有移动端的测速,刚好第二个工具可以弥补

2. https://www.webpagetest.org

d0a2a06529c66c67b5e19c0c24f2ad89.png

webpagetest会有更多可以定制的地方,设置相对复杂一点,我们可以选择各个大洲各个国家的地区,并且有移动端的模拟测速,从iPhone到安卓的机型设置都有。这里以一个做的不错的独立站http://phonesoap.com测试下:

073573b5b0ba37f7f21addd8d25e6758.png

整个站点的全部加载完毕是需要18秒多,是不是很恐怖,但是其实很多加载请求是异步执行的,所以不需要太关注这个数据,对于用户来说,只要加载了第一个页面的可用数据保证用户体验就行了

a7e1f9b86ef10d6b29d41ba45df63875.png

可以看下整个站点的请求瀑布流图太长了只截取一段,这个站点产品不多只有几个,但是整个站点的各种额外插件是挺多的,相对于其他的站点,在包装上做的真好。

cccea3c1257a118a152c3af30a8e42a7.png

从请求细节中还可以发现失效的资源、使用的插件、拖后腿的资源请求等,想优化到极致就优化到极致。

还有什么问题可以评论提问噢

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值