你好,我是郎哥,外贸站的老司机。
讲真,这种场景在你的生活中有没有发生过很多次:
上网调查客户,点击进入窗口,左下角会出现一个空白屏,显示“建立安全链接”和“等待服务器响应”。
十秒钟后:
20秒后:
1分钟后:
我想大部分人会因为等了十秒钟不耐烦而点开窗口标签的小叉。有人认为郎哥是钢铁般的直男——“你也低估了我的耐心。”那我们再来看几组研究结果。
根据微软公司的一项新研究,人们通常会在8秒钟后失去对一件事情的注意力。
此外,更多的研究表明,40%的用户会放弃一个加载时间超过三秒的网站。
而BBC官网加载的每一秒,都会有10%的用户离开。
现在我能想到的只有霍云巴尔的建议:
天下武功,唯快不破!
所以这一次,朗格想和大家谈谈网站用户体验的超级重要的一点——网站加载速度以及如何优化!
1.多等一秒钟,7%的顾客就会离开。
并不是朗格欺骗了你。根据Akamai research 2017年的一份研究报告,加载延迟每1秒,就会导致转化率降低7%。
显然,客户已经点击进入,但在门口被拦住了。心里好着急啊!
其实在日常工作中,我也注意到很多做外贸的老朋友都在追求网站速度,但是很少有人能说清原因。这次,我要给你好看。
网站加载时间是多少?
一般来说,一个网站的加载时间就是弹出一个新窗口,你可以看到这个页面内容的时间。
所以更准确的说法应该是“网页加载时间”。
前段时间,Google的站长中心博客发布了关于“评估web体验”的最新消息——Chrome group正式发布了核心Web Vitals的概念。
可以看到,在这个最新的评估标准中,加载时间被放在了第一位。
心中无波?
现在,我要开始说了:Google认为一个网站的加载速度非常重要!如果你在这方面做的很差,谷歌是不会给你糖果的。
当然,这并不是谷歌和很多搜索引擎单方面的任性。搜索引擎的这个要求,完全是基于“提升整体用户体验”。
我刚刚提到一个数字。现在人的注意力通常是8秒,这个数字会越来越小。
所以,能否在8秒内留住用户,是一个页面的第一个挑战。
然而,如果你的网站甚至不能在8秒内加载,你的用户会的.....
朋友可能会问,装多久比较好?
目前我们行业公认的一个“网页加载速度好”的指标是不超过2秒。
这是什么概念?那是你需要的时间.....立即收藏这篇文章!
有的朋友会说,郎哥,2秒对别人来说太多了。你怎么做到的?
在这里,郎总结了有效的测速和提速方法,保证你在优化的时候不用再去网页上看资料了。
2.测速工具不多,几个经典的就够了。
无论你的网站加载需要10秒还是100秒,都要有明确的原因。要扫清这些障碍,首先要知道它们在哪里。
这里有四个广受好评的速度测量工具:
1.平道姆
人气高!愚蠢的操作,好的数据报告!
GDOM的界面简单易用,还提供了5大洲7个不同城市的测点。此外,Pindom提供的反馈不亚于其他测速工具。可以知道网站的网页打开时间、网页大小、页面请求数、加载性能评分等信息,还会得到网页加载过程的视频。
2.GTmetrix
专业又免费,开发者爱不释手!
与Pingdom相比,GTmetrix的功能更加广泛。在Pingdom的基础上,免费提供浏览器选择、加载时间/满载时间选择历史数据、自动监控等功能。但是因为数据的增加,读取这些数据并得到正确的结果并不容易,所以GTmetrix更适合有一些建站基础知识的朋友。
3.PageSpeed洞察
官方,才最放心!
谷歌的PS Insights提供了网络和移动速度测量结果。一般默认是移动设备的测速结果。除了实测数据,谷歌还会给出优化建议和诊断结果。所以,朗格建议,不管你之前用的是什么测速软件,都是经过测试和优化的,最后还是来Google看看它的评测重点是什么吧!
4.上升趋势
针对性强,有深度!
除了提供10个不同城市的测速点,Uptrends还提供了测速前桌面或移动设备的选项,还可以选择浏览器、屏幕大小、手机网络等。它有更多的筛选步骤,说明Uptrends更适合测量受众固定的网页速度,得到的结果比其他测速工具更有针对性。
3.客观看测试数据,提速更重要。
下面推荐一些提速方法,各有所需。
①更换高效主机。
主机性能跟不上,是拖累网站速度的主要原因。几个外贸网站常用的主机:
SitegroundWP EngineHostGator
②缓存插件
缓存可以帮助网站加速2到5倍。推荐的WP缓存插件:
WP火箭WP超级缓存W3总缓存自动优化WP最快的缓存
③优化图片和图库。
图片在一个网站中所占的比重比我们想象的要大很多,也是网站速度变慢的一个重要原因,所以在这里郎哥建议:
1)选择合适的图片格式。
2)选择合适的图片尺寸。
3)图片压缩后再上传。
4)使用WP-Smush的图像优化插件
5)使用WebP格式Google专门开发的一种图片格式,可以加快图片的加载速度。
④不要直接上传音频或视频。
音频或视频可以增加页面的表现力,带来不错的效果,但由于其数据量过大,也会影响网页的速度,所以利用好音视频托管服务可以带来不错的效果——将文件上传到YouTube、Vimeo、SoundCloud等第三方平台。,然后将链接复制到网站的后台。
⑤控制插件数量
对于WordPress网站来说,通常会有很多功能丰富的插件可供选择,但是要记住,虽然丰富的功能可以在理想的状态下给用户良好的体验,但是插件太多也会拖慢网站速度,同时带来安全问题!
以下建议给有一定网站建设知识的朋友或开发者:
⑥优化代码
源代码的压缩;通过GZIP压缩文本。
⑦使用CDN
CDN的使用可以缩短用户与服务器之间的距离,减少延迟。在追求经济实用的基础上,可以利用好各大企业提供的服务,比如腾讯云、阿里云等。
推荐工具:MaxCDN
结束js优化
将JS脚本放在页面底部,使用外部Javascript和CSS删除重复脚本,减少JS对DOM的访问。
⑨页面内容优化
减少http请求和DNS查询的数量,避免页面跳转,重定向网站,尽量缓存Ajax,减少DOM元素的数量。
4.临终遗言
兄弟总结:用户备胎多,不缺一个蜗牛网站给你。
相信大家对现在的网络环境都深有体会——内容越来越丰富,选择越来越多,用户很难持续专注于一个目标。所以,任何一个成功的网站或平台,在用户看走之前,留住用户是首先要考虑的。
天下武功快,牢不可破。即使网站内容再优秀,也经不起加载速度慢的硬伤。
所以郎哥一再告诉我们——记得优化速度,干掉用户三分钟热度。
原作者:郎哥
来源:邦悦。com